Twitter Delicious Facebook Digg Stumbleupon Favorites More

Adsense Alinhado dentro do Post

Há algum tempo estava procurando um tutorial sobre como alinhar um anúncio do Adsense no post à esquerda e o texto da postagem iniciando à direita; da mesma forma como fazemos para incluir uma imagem na postagem e alinhá-la à direita ou à esquerda. Depois de algum tempo, encontrei esse tutorial no Oportunidades na Web e resolvi colocá-lo aqui, apenas com algumas alterações práticas.

 

 

Esse post trará um tutorial de como implementar os anúncios relevantes do AdSense em seu Blogspot de forma a buscar aumentar o seu CTR. Ao incluir as caixas de anúncios do AdSense dentro do seu texto, a potencialidade de cliques nos anúncios aumenta. Assim, você obterá um rendimento maior.

 

Bem, a inserção dos anúncios no interior do texto do seu Blogspot pode se dar de duas formas. Usando tabelas ou usando CSS. Abaixo Segue as duas formas.

Atenção: No meu blog, nenhuma das duas funcionou. Mas eu alterei o local onde colocar a tag com o código do Adsense e deu certo. Pode acontecer de não funcionar em outros blogs como no meu caso. Então, durante o post, você poderá ver a minha versão.

Antes de mais nada, faça um backup do seu modelo para um eventual problema de difícil solução.

  • Utilizando Tabelas

1- Clique em "expandir modelo de widget" em layout. Assim todos os elementos escondidos do código vão aparecer.

 

2-  Localize (Ctrl+F) a tag:

<p><data:post.body/></p>

que estará localizada abaixo da <div class="post-body">.

 

3- Insira o código abaixo (estrutura em tabela <table>) entre as tags <p> e <data:post.body/>.

 

<table align="'left'">

<tr>

<td align="'left'">

O SEU CÓDIGO do ADSENSE

</td>

</tr>

</table>

Na marcação em vermelho, insira o seu código do Adsense convertido para o Blogger (explicações no rodapé do post).

Se não der certo, colocque abaixo de <div class='post-header-line-1'/> , que funcionou no meu blog.

Assim, você exibirá os anúncios alinhados à esquerda. Se você quiser à direita basta trocar left por right.

  • Utilizando CSS

1- Clique em "expandir modelo de widget" e adicione o seguinte código de css antes da tag ]]></b:skin>

 

.adv
{
float:left;
padding-right:10px;
padding-right:10px;
}

 

2- Adicione uma div de nome adv (<div class='adv'>) entre o código <p><data:post.body/>. E complemente com o seu código do AdSense dentro dela. O código ficará assim:

<p><div class='adv'>

O SEU CÓDIGO ADSENSE

</div>

<data:post.body/></p>

Se não der certo, colocque abaixo de <div class='post-header-line-1'/> , que funcionou no meu blog.

Se você quiser que o alinhamento seja à direita, basta trocar o comando float para right.

Atenção: Provavelmente ao você adicionar os códigos o AdSense não irá exibir os anúncios. Isso vai se dar por uma questão do problema relacionado ao XML do Blogger. Para solucionar isso você vai ter que alterar o código do AdSense. Calma, essa alteração não vai violar de forma alguma o TOS do AdSense. Essa alteração vai se dar apenas no HTML do Blogspot, porém o Blogger vai exibir o anúncio e o código dele da forma permitida pelo AdSense.

 

Para inserir seu código com ele funcionando normalmente,você terá que converte-lo, mas isso é muito fácil, basta acessar o site Escape HTML, colar o código desejado e clicar em parse. Copie o código gerado e cole no local ja mencionado neste tutorial.

9 comentários:

Anônimo disse...

Muito interessante a postagem. Eu estava procurando esse recurso mesmo. Testei e funcionou legal.

Valeu, Obrigado.

Anônimo disse...

Excelente tutorial! Estava buscando isso mesmo e caí aqui de pára-quedas do Google.
Sempre tive inveja dos caras do wordpress pelos anúncios mas o Blogger fica cada vez melhor com dicas assim.

Parabéns!!!

Anônimo disse...

Excelente Tutorial.

Estava procurando isso .. acho que vou fazer!

Abraço

Unknown disse...

Beleza, fiz tudo certo e deu errado. Mas consegui arrumar, era só umas aspas que estavam dando o erro. Fora isso tudo bem, consegui por o anúncio onde eu queria. Mas dois problemas: queria por só na primeira postagem e apareceu nas duas primeiras, e segundo problema é que outras duas postagens do meu blog ficaram com um espaço entre o titulo e o corpo do post. N
Não sei porque disso..
Valeu, abraços.

Willian Coutinho disse...

Problemas com as aspas sempre existem. às vezes pode usar aspas com uma linha, às vezes com duas.

O problema dos espaços em brancos é porque só pode haver 3 exibições de anúncios do Adsense na página atual. Se vc adicionu um 4º anúncio algum espaço vai ficar em branco.

Nesse tutorial, os anúncios aparecem em todas as postagens, então a dica é ter, no máximo, três postagens na página principal sem mais anúncios em outros lugares (lembre-se: no máximo três na página atual).

Unknown disse...

O espaço em branco não era esse o problema, era que meu blog é de downloads de filme de surf e o começo do post é o cover do filme e dai o anuncio e a imagem não cabia lado a lado pois a imagem era muitog rande, consegui resolver. e os anuncios tão nas duas primeiras e eu to com um cabeçalho de anuncios bem no topo em baixo do menu. Deu tudo certo.

Valeu pela atenção, abraços!

Anônimo disse...

Muito bom post parceiro funcionou legal ;)

Jeffther Louis disse...

Eu é que ainda não achei o tutorial de como incluir uma imagem no post e alinhar com o texto... cansei de procurar,.. eu não sei como fazer isso
me diz onde tem por favor...

Nathalia disse...

O adsense aparece, só que acima do texto, não do lado, como faço p/ resolver isso?

Postar um comentário

Envie um comentário!

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Blogger Templates