Replace "Trending Now" div content with Taboola widget
Trending Now div content should be replaced with Taboola widget code, which will result in Taboola sponsored content and SR organic content being rendered in this space instead.
Implementation instructions:
Place this code in the head section: (NOTE - THIS MAY ALREADY EXIST. IF SO, PLEASE DO NOT IMPLEMENT TWICE)
<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/saharareporters-saharareporters/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 "Right Rail Thumbnails" widget to render:
<div id="taboola-right-rail-thumbnails"></div>
<script type="text/javascript">
window._taboola = window._taboola || [];
_taboola.push({
mode: 'thumbnails-stream-rr',
container: 'taboola-right-rail-thumbnails',
placement: 'Right Rail 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>
They also provided this instructional video, if needed.
Current behavior: Trending Now widget loads in sidebar on desktop and below content/disqus/related content on mobile.
Edited by Jennifer Hutton