Como colocar anúncios AdSense lado-a-lado com o texto

Cuidar da posição onde são adicionados os anúncios e banners de serviços afiliados, como o AdSense, pode ser fundamental para determinar seus ganhos no final de cada mês. Fica evidente que para se conseguir maior visibilidade é preciso que o bloco de anúncios esteja o mais integrado ao layout do Blog/site e no campo de visão do visitante para que se interesse e clique nos anúncios, gerando ganhos para você. Vou mostrar mais uma maneira de melhorar o posicionamento de anúncios, especialmente do AdSense, ficando lado-a-lado com o texto.

 

Você pode notar esse artigo como exemplo. Veja que ao lado desse parágrafo há um bloco de anúncios do tipo banner 300x250 do AdSense, que fica totalmente alinhado com o texto. É isso que vamos ensinar a fazer nesse artigo. Essa integração é importante para atrair a atenção dos visitantes e gerar mais cliques. Está de acordo com as regras de uso do AdSense e de outros programas de afiliados, pois não se mistura ao texto e deixa claro para o visitante em se tratar de um anúncio.

 

Recomendo àqueles que querem monetizar, ganhar dinheiro com blog o que já tratamos em outros artigos, da importância de se saber posicionar os blocos de anúncios e banners e como integrar isso melhor com seu layout. Recomendo que leia com atenção para estudar qual a melhor estratégia a ser usada em seu blog.

• Melhorar posição dos anúncios do AdSense em seu blog
• Ganhar dinheiro com Blog – Layout

Se você quer ganhar dinheiro com seu blog, então precisa sempre estudar assuntos relacionados e sempre prestar atenção aos detalhes de seu layout e ao posicionamento dos anúncios. Monetizar um blog e gerar ganhos não é uma tarefa simples e é algo a médio e longo prazo. Quer ganhar dinheiro com blogs e sites? então dedique-se.

 

Como colocar blocos de anúncios lado-a-lado com o texto.

Já mostramos como colocar anúncios na barra lateral de seu blog e como colocar entre as postagens e entre os parágrafos. São técnicas importantes de se conhecer e descobrir qual é a melhor forma para seu blog:

• Colocar publicidade na Barra Lateral do Blog
• Colocar anúncios AdSense no meio dos artigos
• Colocar publicidade dentro dos artigos

 

Para que os anúncios fique lado-a-lado com o texto, alinhados ao parágrafo é preciso um código simples e há duas maneiras de se fazer: uma forma manual, que será preciso tratar individualmente cada artigo de seu blog; ou pode ser automáticos, diretamente no código-fonte. Mas o primeiro, manual, é o mais recomendado.

 

Modelo 1. Individualmente para cada artigo (recomendando)

Serve tanto para quem usa o Wordpress, quanto para usuários do Blogger. Digite normalmente os seus artigos, como você já faz, seja no painel do serviço ou usando o Windows Live Writer. Depois de digitar tudo, vá ao modo HTML do editor de textos, escolha o parágrafo desejado ao lado do qual o anúncio aparecerá e, na linha antes dele, coloque o seguinte código:

 

<p style="display: inline; float: left; margin-right: 5px">

…… Código do bloco de anúncios ou banner ……

</p>

 

Então mande publicar seu artigo e o código alinhará ao texto exibindo o banner ou bloco de anúncios, ao lado do parágrafo desejado. Isso alinha o anúncio à esquerda da área de texto. Para ficar à direita, troque a parte marcada de vermelho para “rigth” e o que está de rosa/lilás para “left”  e o alinhamento será feito à direita.

 

Modelo 2. Automático e padrão para todos os artigos

Se você usa o Blogger proceda da seguinte forma. Abra o código-fonte de seu blog, no menu “Layout” ~> “Editar HTML” e marque a opção “Expandir modelos de wadgets”. Então procure pela seguinte linha:

 

<div class='post-header-line-1'/>

ou, conforme o caso, pode ser também

<p class='post-header-line-1'/>

 

Imediatamente ABAIXO disso, cole o seguinte trecho, só modificando o que for indicado:

 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p style="display: inline; float: left; margin-right: 5px">

…… Código do bloco de anúncios ou banner ……

</p>
</b:if>

 

Salve o modelo e o anúncio aparecerá em todos os artigos, imediatamente abaixo do título e alinhado ao primeiro parágrafo do texto. Mas só será visível na página do texto, ficando escondido na página principal do Blog.

Esse modelo não é muito recomendado, pois não te dá todo o controle de escolher qual o melhor parágrafo para adicionar os anúncios. Eu particularmente também gosto de definir quais artigos terão ou não anúncios, pois nem sempre é bom colocar anúncios em todos os textos de forma tão explícita.

 

Já quem usa o Wordpress, para que os anúncios apareçam automaticamente em todos os artigos de seu blog, já alinhados ao texto, veja.

Abra o painel do Wordpress e clique no menu “Aparência” ~> “Editor” e procure pelo “Post único (single.php)” e ache uma linha parecida com isso:

 

<h1 class="title"><?php the_title(); ?></h1>

 

Onde o mais importante é o que está destacado em verde. Abaixo de uma linha semelhante a esse cole o seguinte trecho:

 

<div style="float:left;">

…… Código do bloco de anúncios ou banner ……

</div>

 

Clique no botão “Atualizar arquivo” e veja o resultado em seu Blog. Isso só fará aparecer os anúncios na página do artigo e alinhando-se ao primeiro parágrafo do texto.

 

Mais sobre como ganhar dinheiro com Blogs:

• Ganhar dinheiro na internet, Twitter e blogs: é possível?
• Adicionar Mecanismos de Pesquisa do AdSense no Blog