Como colocar anúncios do Google Adsense abaixo do título dos artigos

Aprenda a colocar anúncios do Google Adsense abaixo do título dos artigos.

Recentemente atualizei meu e-book “Como ganhar dinheiro com o Google Adsense: Dicas testadas e aprovadas“. Agora ele está na 2ª edição e possui 10 dicas e não 6 como anteriormente.

• Baixar agora o e-book Google Adsense, grátis!

Nessa atualização eu falo sobre a importância de procurar as melhores posições para seus anúncios, fazer testes e encontrar os melhores resultados.

• Por que o Google Adsense é tão rigoroso com os editores? – GF Soluções
  

Para lhe ajudar a fazer esse procedimento no Blogger, no Tumblr e no WordPress.org resolvi escrever esse artigo ensinando na prática como fazer os procedimentos. Se você baixou o e-book antes dessa data, esse artigo pode lhe ajudar, se baixou depois, o link no e-book já estará atualizado. Vamos ao processo então.

No Blogger

Para inserir anúncios abaixo do título dos artigos no Blogger / Blogspot, siga os passos abaixo:

1. Acesse a área administrativa do Blogger em http://blogger.com
2. Clique no menu lateral esquerdo em Modelo e depois em Editar HTML, como mostrada na Figura abaixo.
3. Na próxima tela clique em Prosseguir e depois clique na caixa de seleção “Expandir modelos de widgets” e procure por essa linha <div class=’post-header-line-1’/>. Uma dica, pra procurar o código, pressione F3 e digite o valor na caixa de pesquisa que aparecerá.
4. Logo abaixo cole o seguinte código

   <b:if cond='data:blog.pageType == "item"'>
   <div style="display:block;float:right;margin: 5px;">
   CODIGO DO ADSENSE
   </div>
   </b:if>

5. Clique em Visualizar e veja se está tudo ok, se estiver, clique em Salvar modelo e pronto.

Não se esqueça de apagar “CODIGO DO ADSENSE” e colocar no lugar dele o código de seu bloco de anúncios. Para que os anúncios do Google Adsense aparecem, é necessário converter o código que você gerou no Google Adsense (é incrível como o Google não acerta isso…). O procedimento é muito simples, basta acessar o artigo abaixo no Mundo Blogger e realizar o procedimento.

• Ferramenta para converter código do Adsense – Mundo Blogger

Esse anúncio irá aparecer do lado direito do texto, se quiser que apareça no lado esquerdo, basta substituir o valor em float:right por float:left. Veja abaixo como ficou em meu blog de testes, ou veja diretamente clicando aqui http://querocriarblog.blogspot.com.br/2011/11/artigo-de-teste-3.html.

No WordPress

Para fazer o procedimento no WordPress, o ideal é utilizar um plugin. Eu gosto muito de utilizar o WP-Insert e o WhyDoWork (o que mais utilizo em meus blogs). Veja abaixo onde encontrar o WP-Insert.

• Baixar WP-Insert

Agora vamos instalar e configurar o WhyDoWork. Siga os passos para instalar diretamente do site do plugin:

1. Acesse http://www.whydowork.com/blog/whydowork-adsense-plugin/ e clique em Download da versão mais atual
2. Agora acesse a área administrativa de seu blog no WordPress
3. Clique no menu lateral esquerdo em plugins – adicionar novo
4. Clique no menu superior em Enviar e depois em Escolher arquivo
5. Escolha o arquivo que acabou de baixar e clique em Instalar Agora
6. Assim que a instalação terminar, clique em Ativar

Siga os passos para instalar diretamente do repositório do WordPress:

1. Acesse a área administrativa do WordPress
2. Vá em Plugins – Adicionar novo e digite WhyDoWork AdSense
3. Clique em Instalar agora e depois da instalação em Ativar

Agora vamos fazer as configurações necessárias. Siga os passos:

1. Vá em configurações – e clique em WhydoWork Adsense
2. Na caixa de texto em branco que apareceu, coloque o seguinte código

   <div style="display:block;float:right;margin: 5px;">
   CODIGO DO ADSENSE
   </div>

3. Agora marque a caixa “Show Adsense to administrator” – Se você não marcar essa caixa os anúncios não aparecerão pra você quando estiver logado, então não terá como ver se funcionou.
4. Em Single Page em Code # selecione 1 e em Alignment of Ads selecione Top
5. Clique em Update e pronto, está configurado

Não se esqueça de apagar “CODIGO DO ADSENSE” e colocar no lugar dele o código de seu bloco de anúncios. Se quiser mudar para o lado esquerdo, basta alterar o float:right para float:left. Claro que o plugin pode ser usado para colocar espaços publicitários em vários outras partes dos artigos, mas isso fica pra outro artigo.

No Tumblr

Como não utilizo o Google Adsense no Tumblr, resolvi não escrever sobre ele, mas sugiro que leia o artigo escrito pelo Júnior Silva no link abaixo.

• Como inserir anúncios do Google Adsense no Tumblr

Conclusão

Espero que tanto a nova edição do e-book como os procedimentos ensinados acima possam lhe ajudar a ganhar mais dinheiro com seu blog utilizando o Google Adsense, mas não se limite, esses procedimentos podem ser utilizados com qualquer programa de afiliados.

Qualquer dúvida, deixe nos comentários.