Anúncios nas postagens do Blogger

 

Divulguei, recentemente, formas de exibir os anúncios pagos dentro dos posts.

Porém, hoje fui fazer os procedimentos para meu novo blog e me perdi um pouco entre tantos links, de tantos blogs... então, resolvi colocar tudo em um único post, para facilitar a minha vida e a de vocês.

Vale tanto para o AdSense quanto para o UOL afiliados.

Os créditos irão para os seguintes blogs, de onde retirei o conteúdo para este tutorial:

Templates Novo Blogger-Usuário Compulsivo-Blosque

 

• CONVERTENDO O CÓDIGO 

A primeira coisa que devemos fazer para colocar anúncios nos posts é converter o código gerado pelo programa de afiliados. Este procedimento não fere os termos do AdSense.

1. Vá no site do programa de anúncios e gere o código.
2. Entre neste site , cole o código na caixa em branco e clique em PARSE. Assim estaremos convertendo-o para a linguagem aceita pelo Blogger.

 

• COLOCANDO OS ANÚNCIOS NOS POSTS 

Para inserirmos as anúncios nas postagens, é necessário editar o html do template.

Basta ir em "Layout" e escolher "editar html"

Uma forma fácil de encontrar as tags (trechos de códigos) é utilizando o Crtl+F do teclado.

 

• ESCOLHENDO A MELHOR LOCALIZAÇÃO 

PARA INSERIR ENTRE O TÍTULO E O POST:

Insira o script convertido antes da tag <div class='post-body'>

 

PARA INSERIR NO FINAL DO POST:

Insira o script antes da tag <div class='post-footer'>

 

PARA INSERIR APÓS OS CRÉDITOS:

Insira o script antes da tag <p class='post-footer-line post-footer-line-3'> 

• ESCOLHENDO A HOME OU PÁGINAS INDIVIDUAIS 

É possível configurar para que os anúncios apareçam na home page ou apenas nas páginas individuais. Eu prefiro a segunda opção pois deixa o visual mais clean.

Abra o bloco de notas, copie os código em vermelho e insira o do anúncio conforme indicado.

 

PARA INSERIR  OS ANÚNCIOS NAS PÁGINAS INDIVIDUAIS:

<b:if cond='data:blog.pageType == "item"'>
BLOCO DE ANÚNCIO
</b:if>

PARA INSERIR NA HOME:

<b:if cond='data:blog.pageType != "item"'>
BLOCO DE ANÚNCIO
</b:if>

Feito isto, escolha a melhor localização como explicado anteriormente.

 

• UM EXEMPLO PRÁTICO 

Quero colocar um anúncio do AdSense, entre o título e o post, somente nas páginas individuais.

<b:if cond='data:blog.pageType == "item"'>
BLOCO DE ANÚNCIO CONVERTIDO
</b:if>

<div class='post-body'>

 

Espero ter conseguido facilitar a vida dos futuros ProBloggers.

Meus agradecimentos aos queridos gurus, Ariane e Compulsivo.