Skip to main content

Using Nativo With Wordpress

Siva Balan avatar
Written by Siva Balan
Updated over 3 months ago

Integrating your WordPress site with Nativo is fairly straightforward. This page should be considered supplemental to the Javascript Integration page, which should still be referenced for information on additional steps and best practices. Below are specific instructions on:

  1. Adding the Nativo JavaScript tag using a WordPress plugin

  2. Designating a Content Landing Page URL and creating a CLP

Installing A WordPress Plugin

When choosing a plugin to add the Nativo JavaScript tag to your site we recommend choosing a plugin that is updated frequently, and has a good amount of active installations. One example of a plugin that enables you to add code to the head and footer sections of your site is Head & Footer Code, and you can find instructions for installing and using the plugin on the plugin site.

Adding The Nativo JavaScript Tag To Your Site

Once you have installed a plugin that lets you add elements to the head section of your site, the next step is to add the Nativo JavaScript tag to the site. This is a fairly straightforward process, and as an example if you were using the 'Insert Headers and Footers' plugin you would just navigate to the Settings tab and insert our script into the 'Scripts in Header' field:

755

Here is a copy of the Nativo JavaScript tag to add to your site:

Nativo JavaScript Tag

<script type="text/javascript" src="//s.ntv.io/serve/load.js" async></script>

Once this has been done, the Nativo JavaScript tag should appear in the head section of all pages on your site.

Creating A Content Landing Page

You can follow these steps to create a Content Landing Page (CLP) in WordPress:

  1. Click into the “Pages” Tab, then choose “Add New”.

  2. Type something into the “Title” field, to populate a page URL (ie. 'sponsored-content').

  3. Change the URL to something like “sponsored-content” (or whatever URL you would prefer to have native articles direct to).

📘Need an example?

An example CLP URL would look like this:
http://www.yoursite.com/sponsored-content/

  1. Add some invisible content to the page. For the title, use . In the body, please switch to “code edit” mode, and then paste in .

777

Once you have created your CLP page in WordPress it should look like a blank article page when you visit the page on the site.

Removing Canonical & Meta Elements From The Content Landing Page

In order to prevent issues with campaign metrics, billing and other technical issues canonical and meta elements should be removed from the Content Landing Page. Common methods for removing these elements in WordPress include creating a custom page template for the CLP, or creating a separate header file for the CLP and then updating the page template so that header file is used when a user views the CLP.

Notifying Nativo Once The Site Is Ready

Once these steps are complete, please reach out to your Account Manager to let them know you’re ready to proceed and they will begin the build process.

📘Questions?

If you are experiencing any setup issues or have any additional questions, please contact your Account Manager or email [email protected].


Did this answer your question?