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.
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:
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:
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.
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.
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.
You can customize the starting position, after how many items the ad should be displayed, and the maximum number of ads.
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.
In this dialog you can select in which URLs the ads should appear, as well as the devices class.
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.