Native web ads get integrated within the content of your website, to appear as elements of your site. It should be clear for the users that what they're seeing is an ad - but with a nice integration in the form and funcionality of your site.
In order to provide the functionality of native advertising for web ads, we offer you the Native Ads Web Ad Library - as well as many ways to create and display the ads.
The web ads consist of two main elements: the markup of it (the HTML with some plaholders to be replaced with the actual content), and the configuration of it (including the XPath expression for the parent element and the settings about how many times they should be disaplayed). This configuration can be created in two ways:
In order to show the code required to integrate the ads in a web project, we have published two project demosntrations: we have published a demo in Github. In this project you can find an Ad Builder example, and another one with custom configuration
Your ads configuration can be easily created though the User Dashboard, with the Ad Builder extension for Google Chrome. Before starting the process, you need to install the Google Chrome extension. Note: For more advanced usages, or a more extensive customization, you'll better be using the custom code procedure.
After installing the extension, you willhave to create an Ad Placement for your web project, by logging in in your web panel:
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:
For more information about the process of using the Ad Builder Chrome Extension, check its help page.Check implementation details (ad builder)
Displaying the ads consists of two steps:
After that, the library will use the configuration to display the ads, as defined. Depending on how the configuration has been created, it will be more automatic (with the ad builder) or manual (with the API or custom configuration) - allowing also more or less control over the process of displaying the ads.Check implementation details (custom code)
In case the native ads library is not behaving as expected, for example when it is not showing ads on the correct pages, you can use the browsers’ console for troubleshooting your problem.
In most cases, fatal errors that cause the native ads library to not insert ads in the page will be directlylogged to the browsers’ console window, which can be viewed in Google Chrome by opening thedeveloper console (ctrl+alt+i) and pressing the escape key.
Should no error logs be visible here, you can request the logs from the native ads library by pasting thefollowing line in the browser console:
This command will output all the log entries from the native ads library. These log entries can giveinsight into why your ads are not displaying on the page.Doubts? Contact us