13 de janeiro de 2017

Como colocar anúncio no meio das postagens no Blogger

Vamos aprender a colocar bloco de anuncio do Google Adsense ou qualquer outro no meio de suas postagens. (Estou utilizando o mesmo modelo aqui no blog).


Com esse modelo você pode aumentar sua renda com anúncios, geralmente a taxa de cliques aumentam quando utilizamos este modelo, então é uma boa estratégia para você aplicar no seu blog.

Como colocar anúncio no meio das postagens

  1. Acesse o Painel do Blogger
  2. Vá até Modelo e clique em Editar HTML, em seguida clique sobre o editor de código e tecle CTRL+F e procure por <data:post.body/> ou <data:post.body />
  3. Provavelmente você vai encontrar mais de um <data:post.body/> em seu template. Tente um por um até que o anúncio apareça no artigo.
  4. Substitua o código encontrado por:

<div expr:id='"zet1" + data:post.id'/>
<div class='googlezet'>
<!-- COLE AQUI O CÓDIGO O ANUNCIO -->
</div>
<div expr:id='"zet2" + data:post.id'><p><data:post.body/></p></div>
<script type='text/javascript'>
var obj0=document.getElementById("zet1<data:post.id/>");var obj1=document.getElementById("zet2<data:post.id/>");var s=obj1.innerHTML;var t=s.substr(0,s.length/2);var r=t.lastIndexOf("<br>");if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>

Adicione o código do anúncio no lugar marcado.

Para o anúncio não ficar colado no conteúdo, procure por ]]></b:skin> e acima dele cole:
.googlezet{margin:15px auto;text-align:center}

Pronto, agora seu anúncio já está sendo exibido no meio dos artigos. Mas lembre-se você pode utilizar essa dica para colocar qualquer anúncio, não precisa ser o Adsense em específico :)

Você colocando o código no lugar marcado é só ser feliz :)

Dúvidas? Deixe um comentário abaixo
5 estrelas - baseado em 13 votos

Trabalho com desenvolvimento web profissionalmente desde 2014, fundei a Web Creative em 2015, uma agência focada em criação de sites e resultados digitais. Através desse blog passo um pouco da minha experiência de 6 anos com o Blogger.

8 comentários

Este é erro que aaprece quando tento colocar: Erro ao analisar XML, linha 2439, coluna 3: The element type "br" must be terminated by the matching end-tag "

Olá Flávio,

Este erro aponta para o código do anuncio? se for você deve converter os caracteres, temos um gerador aqui, converta o código e cole no lugar indicado e salve.

Conversor: http://www.codigosblogger.com/p/conversor-de-codigo-adsense.html

Qualquer coisa estou à disposição.

Aqui também deu o mesmo erro, aponta para essa parte "var r=t.lastIndexOf("
");if(r>0)"

Olá,

Este erro aponta para o código do anuncio? se for você deve converter os caracteres, temos um gerador aqui, converta o código e cole no lugar indicado e salve.

Conversor: http://www.codigosblogger.com/p/conversor-de-codigo-adsense.html

Qualquer coisa estou à disposição.

Aqui o mesmo erro.
ele acontece no:
("
");if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}

Ebrahim você consegue realizar esses tutoriais em forma de vídeo aula?

Canal AssisTec conseguir eu consigo, porém não tenho essa pretensão no momento.


Abrir lista de emoticonFechar lista de emoticon