Anúncios nas postagens do Blogger


Vale tanto para o AdSense quanto para o UOL afiliados.
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.




Vá no site do programa de anúncios e gere o código. 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.

Nenhum comentário:

Postar um comentário