Incluindo o adsense no post do blogger

Diversos fatores devem ser levados em consideração na hora de posicionar seus blocos de anúncio do adsense. Escolher um local estratégico e o tamanho ideal são alguns deles.

Neste tutorial, irei mostrar como posicionar seu bloco adsense entre os posts do blog sem danificar seu conteúdo.

Estrutura dos anúncios

Estrutura do adsense no post do blogger

Escolha o tamanho de bloco que se encaixe em seu template.

Adicionando o código adsense

Encontre o o seguinte trecho:


<data:post.body/>

Adicione seu bloco de anúncio acima deste trecho como mostra o exemplo abaixo.


<b:if cond='data:blog.pageType == &quot;item&quot;'> <!--Inicio da condicional-->
    <div class="ad">
        Aqui você adiciona o código do adsense.
    </div>
</b:if> <!--Fim da condicional-->
<data:post.body/>

Repare que antes do código adsense eu adicionei uma condicional para que o anúncio só apareça na página do post. Além disso, coloquei também uma div para aplicarmos um espaçamento entre o anúncio e o texto do post.

Repita o passo anterior só que desta vez adicione o segundo bloco abaixo do código acima.


<b:if cond='data:blog.pageType == &quot;item&quot;'> <!--Inicio da condicional-->
    <div class="ad">
        Aqui você adiciona o código do adsense.
    </div>
</b:if> <!--Fim da condicional-->

<data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'> <!--Inicio da condicional-->
    <div class="ad">
        Aqui você adiciona o código do adsense.
    </div>
</b:if> <!--Fim da condicional-->

Adicionando o css

Agora aplicaremos o espaçamento com o css para evitar que o anúncio fique grudado com conteúdo do post. Procure o seguinte trecho em seu template:


]]></b:skin>

Adicione essa pequena linha antes do trecho acima.


.ad {padding:10px 0;}

Salve seu template e confira se está tudo certinho.

Quer contribur com o crianerd? Entre em contato e deixe sua sugestão, crítica ou ideias para os próximos artigos.

Update

Alguns usuários estão tendo problemas com o código adsense. Para que ele funcione corretamente é preciso converter seu código.

Artigos sobre conversão do código adsense:

Comentários

  1. @Deme - O que exatamente não funcionou? Converteu o seu código adsense?

    Fico no aguardo do problema em questão.

    ResponderExcluir
  2. Preparei o código na minha pagina do adsense e segui suas intruções... mas apenas fica um "branco" sem o anuncio entre o titulo do post e o post em si...

    ResponderExcluir
  3. @Deme - Entendi. Isso não é problema com o tutorial. Verifique se converteu o código corretamente, limpe os cookies do seu navegador e verifique a quantidade de anúncios que aparecem na página. Pelo que me lembro o adsense não permite um certo número de anúncios em uma mesma página.

    Qualquer coisa estou por aqui. Obrigado pela visita.

    ResponderExcluir
  4. Eu também não consegui ...

    é para colocar esse código ou para procurar esse código que você colocou ?

    ResponderExcluir
  5. @Dinardi - O que exatamente você não conseguiu? O código acima está sem o código adsense. Você adiciona o seu código onde eu indiquei.

    ResponderExcluir
  6. o que eu fiz foi colocar o código onde ta escrito para colocar o código e coloquei tudo uma linha antes de

    e não aparece nada ;x



    tem que editar algumas coisa no código do adsense ?

    ResponderExcluir
  7. A cara encontrei o problema

    tem que fazer umas modificações no codigo do adsense

    ResponderExcluir
  8. @Dinardi - Isso! Tem que converter o código adsense.

    ResponderExcluir
  9. seria bom você colocar como converter o código,deve ter sido o problema de todos que não conseguiram

    ResponderExcluir
  10. @Dinardi - Na verdade muitos blogs já abordaram esse esquema. Mas vou adicionar o link no post para o pessoal que está com problema.

    Obrigado pelo feedback.

    ResponderExcluir

Postar um comentário

Postagens mais visitadas