Como inserir script do Taboola no Blogger/Blogspot

Como inserir script do Taboola no Blogger/Blogspot

Postado por Guilherme Sousa, 18/01/2019 em Tutoriais
Compartilhar

Taboola é uma plataforma de anúncios que gerar conteúdo projetado gerando resultados de marketing para seu site, seja um anunciantes ou publisher. Gere receitas de qualidade!

Taboola é uma opção de gerar renda com seu site. Nem todos os sites da rede podem utilizar anúncios do Google Adsense. É necessário seguir a diretrizes do programa de afiliados do Google. Alguns nichos não são permitidos como por exemplo conteúdo explícito ou violento. Também não é permitido propagandas intrusivas que atrapalham a experiência do usuário. Felizmente existem plataformas que pagam “quase” tão bem quanto o Adsense.

Mas o intuito do tutorial é ensinar como inserir o código para gerar receita no seu blog do blogger (blogspot). Antes o que era uma tarefa complicada vai ser uma tarefa fácil.

Taboola – Tutorial

Quando você se cadastra no site, você terá que inserir alguns códigos no seu Template (Tema),

O mais importantes deles e o principal causador de transtorno é esse:

<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/seusite/loader.js’,
‘tb_loader_script’);
if(window.performance && typeof window.performance.mark == ‘function’)
{window.performance.mark(‘tbl_ic’);}
</script>

O blogger vai dizer que você não conseguirá salvar devido o erro na string:

if(window.performance && typeof window.performance.mark == ‘function’)

SOLUÇÃO

Acima de </head> cole o seguinte código:

<script type=’text/javascript’>
//<![CDATA[
window._taboola = window._taboola || [];
_taboola.push({home:’auto’});
_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/seusite/loader.js’,
‘tb_loader_script’);
if(window.performance && typeof window.performance.mark == ‘function’)
{window.performance.mark(‘tbl_ic’);}
//]]>
</script>

Mude apenas onde tem “seusite” coloque o link da sua página. O problema foi resolvido o resto é moleza.

Acima da tag <body> você vai adicionar outro script:

<script type=”text/javascript”>
window._taboola = window._taboola || [];
_taboola.push({flush: true});
</script>

Para finalizar você terá 2 ou mais códigos para colocar na página inicial do seu site e na parte interna onde fica as postagens!

<div id=”taboola-below-homepage-thumbnails”></div>
<script type=”text/javascript”>
window._taboola = window._taboola || [];
_taboola.push({
mode: ‘thumbnails-b’,
container: ‘taboola-below-homepage-thumbnails’,
placement: ‘Below Homepage Thumbnails’,
target_type: ‘mix’
});
</script>

Esse pode ficar na página inicial na LATERAL OU TOPO DA PÁGINA!

<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>

E este no primeiro parágrafo do seu post ou no final como CONTEÚDO RELACIONADO!

TUDO PRONTO! Agora os anúncios ficarão visíveis e não aparecerá mais o erro na hora de tentar salvar o script principal no template!

Taboola

Este código foi modificado pelo nosso programador, infelizmente a plataforma do Taboola ainda não melhorou o script em outras plataformas que não seja o WordPress!

Para mais dúvidas veja o vídeo de implementação do código no vídeo abaixo:

 

Compartilhar
Comentários

Últimas Notícias
1 2 3 406