Adsense dentro de uma página-post

Saudações a todos os 62 fans (atualmente) do E-Opportunities!

Dado o sucesso estrondoso do último post (AdSense dentro de um Post no Blogger) eu venho aos usuários do WordPress e aos non-bloggers para pedir licença para apresentar um novo tutorial que visa aumentar o CTR dos usuários do Blogger.

Esse tutorial vai ensiná-los como o E-Opportunities apresenta em uma página única de Post (por exemplo, quando você clica no título do Post você é direcionado para a página única desse post) um banner do AdSense.

Dessa forma eu consigo maximizar a alocação de publicidade do AdSense pois o Post apresenta três banners em lugares altamente estratégicos e sucetíveis à clicks. Por exemplo, no meu caso, aloco um banner 728x90 no topo, um quadrado 250x250 no texto do post e um quadrado 336x280 no final do post.

Assim a página única apresenta os três banners de forma a apresentar quase sempre um banner ao usuário. Ou seja, ele sempre tem acseso visual aos banners, seja ao ler o início da página, seja ao ler o artigo ou até mesmo ao terminar de ler o artigo.

Essa alocação se mostra muito efetiva em termos de Clicks por impressões. Geralmente, motores de busca como o Google, mandam o usuário/visitante (outrora apelidado carinhosamente de Paraquedista pelo Cardoso) para a página de determinado post, e assim ele terá acesso visual mais incisivo de publicidade altamente contextual.

Ou seja basicamente esse tutorial vai te ensinar como colocar um banner do AdSense exclusivamente em um único post. Ele vai te mostrar como eu faço para colocar um banner somente em um post.

Eis o tutorial (é recomendado salvar o template do seu blog antes de alterá-lo para evitar possíveis):

1-Primeiro Passo

Se dirija a página de edição de html, e selecione expandir widgets

2-Segundo Passo

Localize o comando <p>data:post.body/></p> que está na dentro da div <div class='post'>

3-Terceiro Passo

Decida onde você vai querer que o anúncio apareça. No caso ele pode aparecer em cima do seu post, abaixo do título e antes do início do texto, ou ele pode aparecer lá embaixo no final do post. Essa última foi a selecionada por mim, para otimizar o meu layout. Já que tenho um banner abaixo do título do E-Opportunities, um setor da página iria concentrar muitos anúncios e o fim da página não ia ter nenhum.

Enfim, coloque esse código

<b:if cond='data:blog.pageType == "item"'>
<p><table align='center'><tr><td>
<center>[Seu Código do banner AdSense]</center></td></tr></table>
<data:post.body/><table align='center'><tr><td>
<center>[Seu Código do banner AdSense]</center></td></tr></table></p>
<b:else/>

acima do comando:

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

e esse </b:if> logo abaixo.

Se você quer que o banner permaneça só na parte de cima, remova o comando <table align="center"><tbody><tr><td>
<center> da parte posterior da tag data:post.body. Se você quer que o banner permaneça só na parte de baixo, remova o comando que vem antes da tag data:post.body. Se você quer que os dois permaneçam é só mantê-los.

Se você quer que os banners permaneçam inseridos no texto (como ensinei no post anterior) ou se você já os instalou e quer que eles permaneçam, basta considerar a tag data:post.body que está antes do </b:if>. Então refaça o processo de instalação (considerando o tutorial anterior), inserindo a div adv ou inserindo as tabelas, usando como referencia esse segundo data:post.body

Isso porque é como você falasse ao código de html: Se a página for a inicial com todos os posts mostre uma coisa, se for só um post único mostre outra coisa.


Prontinho. Agora sempre que alguém clicar em um determinado post ele verá mais um anúncio do AdSense. E isso significa o aumento da potencialidade de clicks.

Se os anúncios não aparecerem, lembrem-se do Atenção do Post Anterior: AdSense dentro de um Post no Blogger - Blogspot

Espero que tenham gostado.

Fonte: Vivek Sanghi


Nota de esclarecimento:

O E-Opportunities não foi abandonado por mim. Estou passando por uma forte turbulência profissional, onde tenho que gerenciar vários projetos além de ter o meu tempo tomado pela minha monografia. Isso impactuou de forma negativa na questão do meu tempo disponível para compartilhar o meu conhecimento com vocês. Mas isso não significa que o E-Opportunities está às moscas ou está abandonado. Essa turbulência é passageira! Portanto assine o meu feed, e mantenha-se ligado pois em breve o E-Opportunities voltará à toda velocidade. Gostaria de pedir desculpas por me usar desse espaço para fazer os esclarecimentos, pois não gosto de me utilizar do E-Opportunities para escrever qualquer coisa que não seja focada no nicho do Blog. Sempre idealizei o E-Opportunities como uma enciclopedia/fonte de conhecimento. Mas infelizmente tive que fazê-lo dessa vez.

Muito Obrigado

AdSense dentro de um Post no Blogger - Blogspot

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 vou explicar como fazer das duas formas



Utilizando Tabelas


O primeiro passo é habilitar a versão expanded widgets na edição do html. Assim todos os elementos escondidos do código vão aparecer.


O segundo passo é localizar a tag:

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

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


O terceiro passo é inserir esse código

<table align="'left'"><tr><td align="'left'">O SEU CÓDIGO ADSENSE</td></tr></table>

entre as tags <p> e <data:post.body/>.

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



Utilizando CSS


O modo CSS é o que eu mais gostei, e por essa razão é a forma utilizada no E-Opportunities.

Antes de mais nada, lembre-se de habilitar a opção expanded widgets.

O primeiro passo é simples, adicione o seguinte código de css antes da tag ]]></b:skin>

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

O segundo passo é adicionar uma div de nome adv entre o código <p> e o código <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 aki</div><data:post.body/></p>

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.

No início e no fim do código do AdSense você verá os seguintes comandos:

<!-- and //-->

para que o código funcione basta você substituí-los por:

&lt;!-- and //--&gt;

P.S.: Uma outra ressalva seria que essa alteração faz com que teociamente o banner do adsense seja exibido em todos os Posts da página inicial. Então você teoricamente teria que reduzir os posts da página inicial para três posts. Porém, ao implementar essa alteração podemos observar que o próprio AdSense otimiza a alocação dos anúncios, e só exibe três blocos, mesmo quando você estabelece mais de 3 posts. Essa inovação foi notada primeiramente pelo amigo Alberto, um dos que me ajudaram a idealizar um tutorial acerca desse tipo de otimização de CTR.

As duas principais fontes desse artigo são: Web-Messenger e Info Tech.

Abraços e espero que tenham gostado.

[Update]: O código na parte do CSS, estava equivocado por essa razão alguns usuários não estavam conseguindo configurar a div. Ao invés de id="adv" deve-se colocar class='adv'.

Já corrigi esse pequeno erro (que causa tantos problemas de layout) no tutorial, então se você só viu agora não tem problema porque eu já corrigi o erro no tutorial. Agora, quem pegou a versão antiga do tutorial, por favor corrija.

;)

Núvem de Labels - Núvem de Tags

Ontem eu instalei uma núvem de tags aqui no E-Opportunities, e decidi fazer um tutorial de como fazê-las.
Essa núvem de tags não só é bonita esteticamente, mas como é uma boa sinalizadora para os mecanismos de busca, sobre quais as palavras são mais relevantes ao blog.
É claro que não podemos, nem devemos, nos utilizar dessa técnica (e de técnicas relacionadas, pois o Wordpress também tem uma feature dessa) para lotar o nosso blog de palavras chaves spâmicas.
Se o Google, Yahoo, MSN, ASK, etc sonharem que você está tentando fazer um cloaking nos spiders deles, eles vão simplesmente te banir. Ou seja, seu pagerank vai pra zero, você não aparecerá nas buscas nem se o seu post estiver totalmente relacionado à busca.

Nesse link: Blogger Beta - Tag Cloud - Label Cloud - Núvem De Tags você encontrar um tutorial feito por mim para instalar a núvem de tags no seu Blogger. É muito simples, fácil, em 4 minutinhos você, mesmo sem conhecimento sobre qualquer programação, instala a Label Cloud.

A label cloud, pode ser utilizada pra você ir configurando o nicho do seu blog, às palavras mais buscadas. Por exemplo: Rebeldes (por favor, me perdoe por mais uma vez insistir com esse exemplo, mas é o primeiro que me vem na cabeça).

Se o seu site é sobre Rebeldes, só que a palavra mais buscada no google é RBD (sigla que denota esse grupo), você não vai criar uma tag, chamada Rebeldes vai? Se RBD é buscada 1 milhão de vezes no google todos os dias, e Rebeldes apenas Mil, você é claro, vai usar a tag RBD, pois tem haver com o seu site, e é mais buscado. Viu como tem uma conotação positiva essa otimização? Como a palavra RBD aparecer bem escura lá em cima, vai dar uma sinalização positiva para o Google de que esse blog trata muito do assunto. Bem, essa otimização é white-hat total. O povo é que explora e se utiliza de técnicas Black-Hat para subir nas buscas.

Bem, mas o que isso tem haver com E-Opportunities, dinheiro, etc???

SEO tem muito a ver com visitas, tráfego, marketing; E como já foi dito antes, quão mais visitas você tiver, mais dinheiro, remuneração você vai auferir. Então se liga na palavra SEO.

Abraços