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.

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

Oie,mas de acordo com as regras posso colocar anúncio no meio dos posts?

Oi Layal, pode sim! muitos blogs fazem isso hoje..

Deu o mesmo erro. Mostra como se o erro estivesse no fechamento da tag( ). [separei as letras para que seja possível o envio do email]

E converti o código do adsense. Porém o erro é no fechamento da tag

Como proceder?

Acho que o erro referido é do
tbm. se for isso é só voce adicionar "/" no br.

Pra quem está com duvida , a melhor situação é retirar o r=t.lastIndexOf("
") e deixar r=t.lastIndexOf(" ")

Desta forma ele irá atras do 16° espaço em branco e irá colocar o codigo ads.

cade a ajuda para seus leitores ???? muitas duvidas e nem se quer uma posicao do adm. pelo menos diz que vai tentar ajudar a resolver a situacao

Além do tutorial, não deixo de prestar ajuda a nenhum leitor. Pelo contrário muita das vezes os próprios leitores um ajuda o outro, como foi o caso acima.


Abrir lista de emoticonFechar lista de emoticon