Arquivos do Website:

Anúncios AdSense abaixo dos títulos e no final dos posts em templates dinâmicos do Blogger?


Colocar anúncios AdSense abaixo dos títulos e no final dos artigos do blog utilizando templates dinâmicos, por enquanto dá muito trabalho, mas é possível! Recentemente o Google lançou um novo formato para os códigos dos anúncios AdSense, denominado AdSense Assíncrono (ainda está em fase de testes). Esse novo formato de código promete acelerar o carregamento das páginas da web, pois não atrapalha o carregamento do conteúdo da página.


-Caixa de pesquisa do AdSense.

Após fazer diversos testes no código fonte do template dinâmico do Blogger, utilizando códigos que não davam certo, resolvi testar a forma mais simples... utilizei apenas o código gerado pelo AdSense. Este método dá muito trabalho, caso o seu blog tenha diversos artigos!

É bem simples exibir anúncios AdSense abaixo dos títulos e no final dos artigos do seu blog, utilizando os templates dinâmicos do Blogger; para fazer isso, você deve adicionar manualmente o código do anúncio em todos os artigos que você desejar, um por um.


O código do anúncio AdSense que você deve utilizar é o novo código, denominado assíncrono. Não precisa converter o código, basta copiar e colar direto nas páginas dos artigos do seu blog. Caso você esteja utilizando um template no seu blog, que não seja um dos templates dinâmicos, você pode testar o novo código assíncrono, basta colocar direto no código fonte do template, mas, é preciso converter o código do AdSense antes de colocar no blog, caso contrário não funcionará!

Como obter o novo código do AdSense Assíncrono?

1)Faça login no painel da sua conta Google AdSense ==> Meus anúncios ==> Escolha um bloco de anúncio ==> Obter código ==> Vai abrir uma janela pop-up, em "Tipo de código" escolha "Assíncrono (Beta) ==> Copie o código e cole num Bloco de Notas ou em qualquer outro editor de texto.


2)Acesse o Painel de Controle do Blogger ==> Postagens ==> Passe o cursor do mouse sobre o título do artigo que deseja editar, e, clique em "Editar" ==> Deixe o editor do post no modo "HTML" ==> Cole o código do anúncio acima e/ou no final do texto e clique em "Publicar". Só não esqueça de utilizar espaço entre os anúncios e o texto, tanto no cabeçalho quanto no rodapé. Veja os exemplos abaixo:

Exemplo de código AdSense Assíncrono abaixo do título do artigo (Os "<br/>" foram adicionados e servem para dar espaço entre o anúncio e o texto):

<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-XXXXXXXXXXXXXXXX" data-ad-slot="XXXXXXXXXX"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
<br/> 
<br/>

Exemplo de código AdSense Assíncrono no final da postagem (Os "<br/>" foram adicionados e servem para dar espaço entre o anúncio e o texto):

<br/> 
<br/>
<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-XXXXXXXXXXXXXXXX" data-ad-slot="XXXXXXXXXX"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>

Caso você encontre uma solução mais fácil, que realmente funcione, fique a vontade para divulgar nos comentários deste post; outros blogueiros também gostariam de saber!