Advertisement Management

Strange problem with Taboola ads - Advertisement Management

Strange problem with Taboola ads

by Vastasia2018 » Fri Nov 09, 2018 2:55 pm

Hi, I'm struggling with a strange problem.

Since I upgraded my forum to version 3.2, the Taboola ads no longer work.

In particular, I can see only the textual part, but not the images. Yet Taboola support service assures me that the codes entered in forum (tag <head> and <body> in overall_header.html - style Prosilver SE) are correct, as is the other piece of code (the one located in the area where I want to show ads through the Advertising Management extension).

Can you help me?
Vastasia2018
Registered User
Posts: 125
Joined: Wed Oct 24, 2018 12:34 pm
Contact:

Re: Strange problem with Taboola ads

by Senky » Fri Nov 09, 2018 3:05 pm

We need to see your board and also the exact codes Taboola asks you to add into the code.
‎‏‏ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎ ‎‏‎‏‏‎ ‎ ‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎‏‏‎🔔
Browser & Mobile Notifications Extension
Now with Safari (both macOS and iOS) support!
Senky
Former Team Member
Posts: 2300
Joined: Thu Apr 30, 2009 8:49 pm
Name: Jakub
Contact:

Re: Strange problem with Taboola ads

by Vastasia2018 » Fri Nov 09, 2018 3:38 pm

Here are the codes, and here an example page. In the previous version of forum (3.0.9) everything worked fine.

Place this code in the <head> section:

<script type="text/javascript">
window._taboola = window._taboola || [];
_taboola.push({article:'auto'});
!function (e, f, u, i) {
if (!document.getElementById(i)){
e.async = 1;
e.src = u;
e.id = i;
f.parentNode.insertBefore(e, f);
}
}(document.createElement('script'),
document.getElementsByTagName('script')[0],
'//cdn.taboola.com/libtrc/xxxxxxxxxxxxxx/loader.js',
'tb_loader_script');
if(window.performance && typeof window.performance.mark == 'function')
{window.performance.mark('tbl_ic');}
</script>

Place this code where you want the "Below Article Thumbnails" widget to render (this code is inserted with the extension, after the messages):

<div id="taboola-below-article-thumbnails"></div>
<script type="text/javascript">
window._taboola = window._taboola || [];
_taboola.push({
mode: 'thumbnails-a',
container: 'taboola-below-article-thumbnails',
placement: 'Below Article Thumbnails',
target_type: 'mix'
});
</script>

Place this code at the end of your <body> tag:

<script type="text/javascript">
window._taboola = window._taboola || [];
_taboola.push({flush: true});
</script>
Last edited by Vastasia2018 on Thu Jan 21, 2021 6:49 pm
Vastasia2018
Registered User
Posts: 125
Joined: Wed Oct 24, 2018 12:34 pm
Contact:

Re: Strange problem with Taboola ads

by Senky » Mon Nov 12, 2018 8:35 am

It's because the last part,

Code: Select all

<script type="text/javascript">
window._taboola = window._taboola || [];
_taboola.push({flush: true});
</script>
is not at the end of the <body> tag bug instead at the beginning. Place it at the end and it will all work.
‎‏‏ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎ ‎‏‎‏‏‎ ‎ ‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎‏‏‎🔔
Browser & Mobile Notifications Extension
Now with Safari (both macOS and iOS) support!
Senky
Former Team Member
Posts: 2300
Joined: Thu Apr 30, 2009 8:49 pm
Name: Jakub
Contact:

Re: Strange problem with Taboola ads

by Vastasia2018 » Tue Nov 13, 2018 5:47 pm

Hi Senky, the problem was another one.

In link.css (style Prosilver) file there was the instruction

Code: Select all

display: inline-block
which prevented the display of the Taboola images.

I received this solution today (after several days), from the Taboola support team.

I removed the instruction and now everything works.

But I ask myself one thing: what was the purpose of that instruction? Can I have problems in the future for the general operation of forum?
Vastasia2018
Registered User
Posts: 125
Joined: Wed Oct 24, 2018 12:34 pm
Contact:

Re: Strange problem with Taboola ads

by Senky » Tue Nov 13, 2018 5:52 pm

Vastasia2018,
yes, this can cause unintended issues. Instead you should add a new rule that overrides the one in links.css for Taboola ads.
‎‏‏ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎ ‎‏‎‏‏‎ ‎ ‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎‏‏‎🔔
Browser & Mobile Notifications Extension
Now with Safari (both macOS and iOS) support!
Senky
Former Team Member
Posts: 2300
Joined: Thu Apr 30, 2009 8:49 pm
Name: Jakub
Contact:

Re: Strange problem with Taboola ads

by Vastasia2018 » Wed Nov 14, 2018 9:46 am

Thanks Senky, I don't know how, I'm not an expert :oops:

Can you help me?
Vastasia2018
Registered User
Posts: 125
Joined: Wed Oct 24, 2018 12:34 pm
Contact: