Anúncios nas postagens do blogger

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.