Skip to main content
All CollectionsAds & Monetization
How to Set Up Taboola Ads in Newsifier
How to Set Up Taboola Ads in Newsifier

Set up Taboola ads easily with Newsifier's Buildifier tool.

S
Written by Support Newsifier
Updated this week

Introduction

Taboola ads integration in Newsifier allows you to seamlessly add targeted advertisements to your website. This guide walks you through setting up Taboola ads via the Buildifier tool. Follow the steps below to ensure your ads are properly displayed on your site.

Steps to Set Up Taboola Ads

1. Navigate to Buildifier

  1. Access the Admin Panel: Log in to your Newsifier admin panel.

  2. Open Buildifier:

    • From the left menu, click on Ads Website.

    • In the top-right corner, click the Go to Buildifier button.

    • A pop-up will appear asking for confirmation. Click Go to Buildifier.

2. Add the Taboola Global Script

  1. Go to Global Scripts:

    • In Buildifier, click on Global in the top menu.

    • Select Add Script.

  2. Insert the Taboola Script:

    • Choose the Strategy: beforeInteractive.

    • Select the Type: Content

    • Paste the following Taboola script into the Content.

    • Replace the placeholder <publisher-id> with your ID.

    • Click OK to save the script.

     // *Global* command queue for the page
    window._taboola = window._taboola || []

    !function (e, f, u, i) {
      if (!document.getElementById(i)) {
        e.async = 1
        e.src = u
        e.id = i
        f.parentNode.insertBefore(e, f)
      }

      // Fill in your Publisher ID (an alphabetic string), as provided by Taboola:
    }(document.createElement('script'), document.getElementsByTagName('script')[0], '//cdn.taboola.com/libtrc/<publisher-id>/loader.js', 'tb_loader_script')

    if (window.performance && typeof window.performance.mark == 'function') {
      window.performance.mark('tbl_ic')
    }

3. Add a Page-Specific Script

  1. Configure the Script:

    • From the top menu, navigate to Current Page Script.

    • Choose the Strategy: beforeInteractive.

    • Select the Type: Content

    • Paste the following Taboola script .

    • Ensure the container matches the div ID you will use for the placement.

   window._taboola = window._taboola || [];
  _taboola.push({
    mode: 'alternating-thumbnails-a',
    container: 'taboola-below-article-thumbnails',
    placement: 'Below Article Thumbnails',
    target_type: 'mix'
  });

4. Configure the Ad Position on the Required Page

  1. Select the Required Page:

    • From the left-side list, click on the Page you want add the taboola ads on.

  2. Choose Ad Placement:

    • Locate where you want to display the Taboola ads (e.g., below the comments section).

    • Click the + button to add a new component.

  3. Insert Raw HTML:

    • From the component list, select Misc > Raw HTML.

    • In the HTML code field, paste the Taboola script to render the ads in your chosen section. 

      <div id="taboola-below-article-thumbnails"></div>

    Note: Make sure you set the div ID same of the container we've set in the current page script in step 3.

5. Save and Verify

  1. Save the Page:

    • Click Actions > Save to apply your changes.

  2. Verify on the Frontend:

    • Refresh the site after 5 ~10 seconds.

    • Check the page to ensure the Taboola ads are displayed correctly.

FAQ:

Advanced Taboola Placement

Q: Can I display Taboola ads both before and after the comments section?
A: Yes. If you want Taboola ads to be shown before and after the comments section, please contact Newsifier support to assign a specific ID to the comment section. This ID will enable you to configure the ads accordingly.

Did this answer your question?