Pular para o conteúdo principal

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

10 super mockups grátis

Um mockup é basicamente uma maquete, uma cópia do trabalho final muitas vezes em tamanho resumido para dar a ideia do real projeto. Muitos dos mockups disponibilizados na web já possuem toda estrutura necessária e permite uma economia de tempo na hora de criar obras derivadas.

Criando um rodapé com 3 colunas

O rodapé de um site não pode ser esquecido, deixado de lado contendo apenas uma data e uma assinatura copyright. Com o passar do tempo ele ganhou força, estilo, e pode ser tão relevante quanto a barra laretal.Neste tutorial, você irá criar um rodapé de três colunas com poucos códigos.

Formulário de contato no blogger com o google docs

Como o blogger ainda não incluiu um formulário de contato nativo, temos que adaptar algumas maneiras para que isso seja feito. Há alguns tutoriais na web com widgets e serviços que funcionam de forma satisfatória, porém, neste tutorial, irei ensinar como usar o próprio google para realizar essa tarefa.Google docsO googledocs é uma suite de aplicativos assim como o Microsoft Office e o BrOffice (gratuito), com a vantagem de funcionar online direto do browser e de ser gratuito. 1º passoAcesse o site do Google docs e faça seu login. 2º passoClique em criar novo e selecione formulário. 3º passoNeste passo, iremos configurar nosso formulário. Entenda a estrutura e como irá funcionar: Nosso formulário terá 4 campos sendo eles: Nome, Email, Site e Mensagem. Os dois primeiros campos da imagem acima que eu não numerei são auto explicativos. Você define um título e se quiser um texto de informação sobre o formulário.1- Define o texto do campo. Deixe-o como nome. 2- Texto adicional, que po…