Step One: Place the Taboola Loader File Into the <Head> of the Page
The Taboola library file, loader.js, contains resources and configurations for your specific publisher site. This snippet should be placed in the <head> of the page to initiate communication with the Taboola server and facilitate asynchronous loading.
Step Two: Place the Taboola Module in the <Body> of the Page
Your module code should be placed in the <body> of the page wherever you want our widget to appear. If you have multiple widgets, you will have a corresponding number of module snippets.
It’s important to note the three unique properties that are used to identify your module in the Taboola API:
- Mode describes what UI template to use for the module. Their names usually follow the general layout or note any special properties (e.g. organic-text-links).
- Containers mark the places where the modules are rendered on the page. Typically this will be an id of an HTML <div> tag.
- Placement names are also used for each module location on the page. They are descriptive and used to break out performance in our reporting interface.
Step Three: Place the Flush Command After the Last Module Snippet
Step Four: Update Your Ads.txt File to Authorize Taboola
In order to declare Taboola as an authorized seller of your inventory, please visit the “Ads.txt Records” tab on Taboola Backstage and copy all the presented records to the ads.txt file on your root domain. If you have more than one site, you will find ads.txt records for each of your sites.
If you have any trouble implementing your widgets, please contact your Taboola account manager, who will be able to provide the required assistance.