Colocar anúncios do Adsense dentro das postagens

O Google Adsense é o sistema de monetização de blogs mais usado por blogueiros, iniciantes ou não. Isso se deve principalmente pela facilidade em que é possível se inscrever no mesmo, e isso faz com que ele seja muito usado por blogueiros novatos. Porém ganhar dinheiro com ele não é tão fácil, inclusive muitas pessoas levam meses para enfim receber o primeiro salário.

Uma das estratégias que uso e recomendo é colocar anúncios em espaços estratégicos, ou seja, que esteja bem visível ao leitor, e que não prejudique a leitura.

Como você pode perceber, ao lado desse artigo, e de todos os outros, tem um anúncio do Adsense, e você pode fazer a mesma coisa em seu blog inserindo um simples código.

Inserindo anúncios dentro das postagens no Blogger

Antes de tudo, é recomendável que você faça um backup do seu template, assim, se ocorrer algum erro, você poderá voltar ao seu template original.

1° passo: Acesse o painel do Google Adsense e gere o código do seu anúncio como você já está acostumado a fazer. O mais recomendável é que o tamanho do anúncio seja 300 x 250, mas você pode colocar o tamanho que desejar.

2° passo: Após gerar o código do anúncio, é necessário que você o converta para que ele funcione em seu blog. Para fazer isso, clique aqui, cole o código gerado no formulário e clique em "Parse". Logo em seguida será gerado um novo código, copie ele e cole no bloco de notas.

3° passo: Agora acesse o painel do blogger, escolha o blog que você deseja instalar, selecione a opção modelo, clique em "Editar HTML" e marque a caixinha "Expandir modelos de widget".

4° passo: Agora usando o Ctrl F, procure pela tag <data:post.body/>, e insira o seguinte código acima dela:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;padding:2px'>
CÓDIGO GERADO
</div></b:if>
5° passo: Substitua o texto em laranja pelo código que você colocou no bloco de notas.

Automaticamente o anúncio ficará do lado direito do artigo, se você quiser colocar do lado esquerdo basta substituir o trecho div style='float:right;, por div style='float:left;.

Obs.: Os anúncios aparecem apenas nas páginas dos artigos, e não na página inicial.

Espero que vocês tenham gostado, e até o próximo tutorial.

Gostou? Compartilhe:

Tweet