Como Inserir Anúncios do AdSense no Meio das Postagens no Blogger Automaticamente
Como Inserir Anúncios do AdSense no Meio das Postagens do Blogger
Aprenda a adicionar anúncios do Google AdSense no meio das postagens automaticamente em seu blog no Blogger, utilizando um código simples que aumentará o CTR (Click-Through Rate) e, consequentemente, seus ganhos com anúncios.
Por Que Inserir Anúncios no Meio das Postagens?
Exibir anúncios no meio do conteúdo ajuda a melhorar a visibilidade dos mesmos, uma vez que o leitor está engajado com a leitura. Isso resulta em um aumento no CTR, potencializando seus ganhos com o AdSense.
Passo a Passo para Exibir Anúncios do AdSense no Meio das Postagens
Passo 1: Acesse o Editor de HTML do Blogger
Entre na sua conta do Blogger e vá até o painel do seu blog. Em seguida, clique em "Modelo" e depois em "Editar HTML".
Passo 2: Localize o Código do Corpo da Postagem
Procure no código HTML o trecho abaixo, que é responsável por exibir o conteúdo das postagens:
<data:post.body/>É possível encontrar várias instâncias desse código. Selecione o segundo, que geralmente é o que precisa ser alterado para o funcionamento correto do script.
Passo 3: Substitua o Código pelo Script a Seguir
Substitua o código <data:post.body/> pelo seguinte código:
<div id='criativook'>
<data:post.body/>
</div>
<b:if cond='data:blog.pageType == "item"'>
<style>
#addcodemiddle {
display: none;
}
</style>
<div id='addcodemiddle'>
</div>
<script type='text/javascript'>
var str1 = document.getElementById('criativook').innerHTML;
var str2 = str1.length;
var str3 = str2 / 2;
var substr = str1.substring(str3, str2);
var n = substr.search('<br>');
if (n < 0) {
n = substr.indexOf('.');
if (n < 0) {
n = 0;
}
var firsthalf = str1.substring(0, str3 + n + 1);
var secondhalf = str1.substring(str3 + n + 1, str2);
} else {
var firsthalf = str1.substring(0, str3 + n + 4);
var secondhalf = str1.substring(str3 + n + 4, str2);
}
var addcode = '<center>' + document.getElementById('addcodemiddle').innerHTML + '</center><br/>';
var newbody = firsthalf + addcode + secondhalf;
var strnew = document.getElementsByClassName('post-body entry-content');
strnew[0].innerHTML = newbody;
document.getElementById('addcodemiddle').innerHTML = '';
</script>
</b:if>
Esse código divide automaticamente o conteúdo da postagem ao meio e insere um bloco de anúncio exatamente no meio da postagem. Para garantir que funcione corretamente, continue para os próximos passos.
Passo 4: Inserir o Código do AdSense
Agora, acesse sua conta do Google AdSense e crie um bloco de anúncios. Após criar o bloco, copie o código do anúncio.
Em seguida, substitua a linha "" pelo código de anúncio que você copiou do AdSense.
Passo 5: Salve o Modelo
Depois de substituir o código, clique em "Salvar Modelo" no Blogger para aplicar as alterações.
Pronto! Agora os anúncios do AdSense serão exibidos automaticamente no meio de todas as suas postagens.
Dicas para Melhorar o Desempenho dos Anúncios
- Experimente diferentes tipos de anúncios: Teste blocos de anúncios de diferentes tamanhos e formatos, como anúncios responsivos ou anúncios de texto e display.
- Foque na experiência do usuário: Não exagere na quantidade de anúncios. Exibir muitos anúncios pode diminuir a experiência do usuário e reduzir o tempo de permanência no seu blog.
- Monitore o desempenho: Use o Google Analytics e o painel do AdSense para verificar quais blocos de anúncios estão gerando maior receita.
Quer aumentar ainda mais seus ganhos com o AdSense? Confira nosso guia completo sobre otimização de anúncios do AdSense.