Como colocar anúncios do Adsense dentro dos posts do blog - * Blog Elaine Gaspareto *

Como colocar anúncios do Adsense dentro dos posts do blog

Publicado em 02/07/2018

Tempo de leitura:

Como colocar anúncios do Adsense dentro dos posts do blog
Por padrão, no Blogger, os anúncios do Adsense são exibidos na lateral do blog, abaixo das postagens, no rodapé ou no topo do blog. Também podem ser exibidos dentro dos posts do blog e isso é bem legal mas tem o inconveniente de precisar inserir manualmente o código do anúncio post a post. E isso, em um blog com centenas de posts como o meu se tornaria inviável.

O ideal seria um código único, que fosse inserido no código fonte e fizesse aparecer o anúncio automaticamente dentro do post.
Acontece que todos os modos de fazer isso que eu testei apresentavam problemas.
O mais perto que cheguei de um bom resultado comia as primeiras palavras abaixo do anúncio e isso não pode, né?

De tanto mexer cheguei nesse código, que compartilho contigo hoje.
O resultado será um anúncio do Google Adsense abaixo de seu segundo parágrafo, automático em todos os posts.
Ainda não é perfeito, mas já é um avanço!
Vamos aprender?


Como colocar anúncios do Adsense dentro dos posts do blog- método automático 


Para começar, claro, você precisa ter o Adsense aprovado e ativo em seu blog.
Na Série Como criar um blog eu falei brevemente sobre como se inscrever no programa de monetização Adsense.
Leia, caso ainda não seja inscrito no programa:



Adsense  aprovado e ativo no blog?
Então vamos adiante!

Você precisa criar o bloco de anúncios que vai usar.
No painel administrativo de seu blog clique na aba Ganhos e depois clique em Acesse o AdSense para detalhes sobre meus ganhos.
Na página que abrir clique em Meus anúncios.
A seguir clique em Bloco de anúncios e aí clique no botão Novo bloco de anúncios.
Selecione a opção Anúncios In-article.
Assim:

Anúncios In-article

Na página que abrir configure seu bloco de anúncios, nomeie-o e depois de pronto clique em Salvar a obter o código. Copie o código e a seguir acesse essa página:


Conversor de códigos


Cole seu código no primeiro campo, clique em Converter e copie o código convertido. Salve em um bloco de notas ou deixe a página aberta e volte para copiar na hora que precisar.
Isso tem que ser feito senão seu template não aceitará o código, ok?

Agora vamos de fato inserir o código em seu blog.
Acesse a aba Tema e clique em Editar HTML.
Dentro da caixa do código-fonte tecle Ctrl+F e na barra de busca que expandir digite  <data:post.body/> e tecle Enter para localizar.

Dependendo do modelo de seu blog poderão aparecer várias ocorrências desse trecho, e aí não tem jeito, tem que testar.
Em geral o que buscamos é a segunda ocorrência do trecho, ou a última.
Achou o trecho que precisamos?
Substitua-o por este código:


Copiar o código


No lugar onde marquei CÓDIGO DO ANÚNCIO cole, claro, o código do seu anúncio (já convertido, não esqueça!), a seguir salve e visualize um post do blog.
Sim, não adianta visualizar a página inicial pois o código está configurado para exibir os anúncios somente nas páginas internas do post.
Isso importa porque senão ficaria um monte de anúncios na home do blog e não podemos fazer isso.

Visualizou? Tudo ok?
Muito provavelmente vai aparecer um espaço em branco onde ficará o anúncio, é normal. Demora um pouco pra aparecer certinho, mas se o espaço em branco apareceu significa que deu certo.
O anúncio In-article aparecerá automaticamente em todos os posts de seu blog.


Dicas e informações importantes


Como colocar anúncios do Adsense dentro dos posts do blog

1- Como eu disse acima o código está configurado para mostrar os anúncios somente nas páginas internas dos posts.
Mas se realmente você quer exibir na página inicial basta apagar a linha
<b:if cond='data:blog.pageType == &quot;item&quot;'> que aparece no começo do código e sua condicional de fechamento </b:if> que aparece depois do código do Adsense convertido.

2- Para localizar o trecho exato que precisamos (<data:post.body/>) e substituir uma dica boa é achar essa linha:

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>

O trecho que queremos estará abaixo dela, assim:

Aí é só substituir pelo código fornecido por mim, colocar seu código de anúncio convertido e salvar.

3- Para que o anúncio apareça é preciso que seu post tenha texto, claro.
Se tiver só imagens, pouco texto ou só vídeo o anúncio vai aparecer acima do título da postagem.

4- Nos modelos responsivos nativos do Blogger tipo Soho, Emporio, etc... só há uma ocorrência de <data:post.body/>.
Portanto é ela que deve ser substituída pelo código que forneci.

5- Caso futuramente você queira retirar esse recurso basta localizar todo o código inserido e substituí-lo pela tag original <data:post.body/>.

6- Além de anúncios do Adsense esse código pode ser usado para inserir quaisquer outros anúncios, banner de parceiros, banner de afiliados, etc...


E terminamos!
Caso você tenha alguma dificuldade deixe sua dúvida nos comentários e eu respondo assim que possível.





4 comentários via Blogger
comentários via Facebook

4 comentários:

  1. Ela, você é incrível, parabéns por sempre explicar tão bem e por nos ajudar, muitíssimo obrigada!
    Estava precisando muito deste post!
    Deu certinho no meu blog, amei!

    Beijokas
    Vivi

    ResponderExcluir
  2. O seu foi o unico a funcionar direitinho. Obrigado e parabens pelo blog

    ResponderExcluir
  3. Oi, tudo bem? Eu coloquei o anuncio sem converter e está funcionando bem, tanto em computadores como em celulares.
    Para que serve a conversão? faz mal usar do jeito que estou usando?


    Obs: Na sua postagens diz que o template não aceitara o código se não for convertido, o meu template não é os padrões do blogger, eu baixei um de um site (não sei se interfere, apenas quis dar essa informação).

    ResponderExcluir
    Respostas
    1. Diego, em geral os templates do Blogger não aceitam códigos em html, só em formato xml.
      Por isso recomendo parsear o código.
      Mas se seu template aceitou e os anúncios estão normais creio que não tem problema não...

      Excluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…