Hoje irei ter ensinar a como colocar anúncios AdSense no meio dos artigos do Blogger de forma automática. Teste recentes mostrou-me que, a colocação de anúncios após o primeiro parágrafo do blog é um dos melhores locais para gerar cliques.
Infelizmente, o Blogger não oferce de formar automática a veiculação do anúncio após o primeiro parágrafo. Mas porque se tornou uma das áreas mais lucrativas, hoje irei ter ensinar passo a passo a como colocar.
Antes de fazer qualquer coisa deste tutorial, faça o Backup do seu blog.
Como colocar anúncios AdSense no meio dos artigos do Blogger ?
A primeira coisa que vamos fazer é ir até "Modelo" e pressione botão "Editar HTML". Em seguida clique dentro da área do código do Blogger e pressione as teclas CTRL + F para abrir a caixa de busca.
Após a abrir a caixa digite ou cole o código abaixo e pressione Enter
<data:post.body/>
Você encontrará vários <data:post.body/>, mas iremos adicionar o código a seguir no segundo ou no terceiro, irá depender do seu template. Adicione as DIVs abaixo em verde antes e depois assim :
<div id='adsense-target'><data:post.body/></div>
Copie o código do AdSense que deseja exibir e use vai até este site (Conversor de código Adsense ), para convertê-lo. Após a conversão, adicione o seguinte HTML e substitua o texto "CÓDIGO ADSENSE AQUI" com o código de anúncio convertido acima de <div id='adsense-target'><data:post.body/></div>
<b:if cond='data:blog.pageType == "item"'>
<div id='adsense-content' style="display:block;text-align: center">CÓDIGO ADSENSE AQUI
</div></b:if>
Alinhar o anúncio AdSense para a esquerda
Por padrão nosso anúncio será exibido no centro da pagina, mas ser você quiser exibir na esquerda basta seguir o código a seguir:
<b:if cond='data:blog.pageType == "item"'>
<div id='adsense-content' style="display: inline-block;float: left;margin:15px 15px 15px 0px">CÓDIGO ADSENSE AQUI
</div></b:if>
Para finalizar adicionaremos logo após <div id='adsense-target'><data:post.body/></div> , o seguinte script:
<script type='text/javascript'>
function insertAfter(addition,target) {
var parent = target.parentNode;
if (parent.lastChild == target) {
parent.appendChild(addition);
} else {
parent.insertBefore(addition,target.nextSibling);
}
}
var adscont = document.getElementById("adsense-content");
var target = document.getElementById("adsense-target");
var linebreak = target.getElementsByTagName("br");
if (linebreak.length > 0){
insertAfter(adscont,linebreak[1]);
}
</script>
Para inserir o anúncio após o segundo parágrafo, altere "1" da linha em azul com "2".
Clique em "Salvar modelo" para salvar as alterações e pronto. Espero que tenha gostado, ser gostou deste conteúdo comente abaixo.