This is the help page for the integration with the Javascript library to display web native ads in your site. Remember that you will need to have an affiliate ID in order to track your links, but you can testdrive the library without it.

SIGN UP

For any doubts, questions, or asistance, contact us.

1. About the Chrome Extension

  • Pocket Media provides a Google Chrome extension in order to let you select where the ads will be displayed, and how they will look.

    The extension uses the HTML in your webpage as a base, lets you pick which element you want to use as an ad template, and where it should appear.

    You can install it in the Google Chrome web store.

    2. Using the ad builder

    • After installing the extension, when you need to log in the user dashboard for the Native Ads. Once authenticated, you will have to create an Ad Placement for your web project:

      You need to include one script line in your HTML <head> section, including yout "application token" (as seen in the previous image, it would be 100052:

              <script type="text/javascript" src="https://s3.eu-central-1.amazonaws.com/pmnativeads/library/current/pm-native.js" data-application-id="100052" async>
      

      After that, you can continue with the ad customization.


      Clicking in the button under the "placements" column, you can access the list of placements for that website. From this screen you can edit or create the configurations for the placements for the website:

      That will launch the extension to assist you in the ad creation. The first time you open the extension it will offer you to follow the tutorial to learn how to use it - this will take you five minutes, and it's highly recommended.

      The tutorial will guide you through the steps to build the ad:

      1. Selecting the position

      In this step you will select which element you want to clone, and it will also determine the location of the ads in the page - as we want to make the ads look like the content in your page.

      2. Specifying the ad elements

      In this step you have to specify which HTML elements will be used as title, image and description. You can also remove unwanted elements, with the "trash can" icon.

      3. Adding the "ad indicators"

      As the ads will be analog in form to the content of your webpage, it's important to ad a "Install" button and an "ad" indicator, to let the user know that it's not content.

      4. Configuring the ad frequency

      You can customize the starting position, after how many items the ad should be displayed, and the maximum number of ads.

      5. Advanced options

      You can customize the HTML of the ad unit, to tune it even further. There are some text marcos that you can use in the HTML box, and they will be automatically replaced by the actual content when the ad is displayed.

      6. URL configuration

      In this dialog you can select in which URLs the ads should appear, as well as the devices class.

      and... 7. Preview and finish!

      In this step you can see how the ads will look in your website, with a live preview. You can click in the refresh icon, to load other ads.