Como colocar anúncios Adsense no meio dos Posts no Blogger Automaticamente
Como colocar anúncios Adsense no meio dos Posts no Blogger Automaticamente
A colocação de anúncios do AdSense no meio de todas as postagens fara um alto CTR que provavelmente aumenta ganhos. No WordPress, existe plugins personalizados disponíveis para inserir os anúncios no meio das postagens. Mas no blogger fica um pouco mais complicado colocar anúncios do AdSense no meio de todas as postagens automaticamente pois você vai ter que acessar o html do blogger. Mas nos iremos te mostrar como fazer isso passo a passo.
Hoje vamos compartilhar agora um script que pode colocar anúncios do AdSense exatamente no meio do conteúdo de forma automática. O procedimento para a colocação de anúncios do AdSense no meio das postagens no blogger é bem simples e será compartilhado abaixo.
Basta seguir o passo a passo para a colocação dos anúncios do Adsense no meio das postagens do blogger automaticamente.
Siga todas as etapas abaixo para colocar anúncios do AdSense no meio de todas as postagens automaticamente no blogger.
Passo 1:
Entre na sua conta do Blogger: www.blogger.com
Vá para template> Editar HTML
Passo 2:
Procure o código abaixo no seu modelo. (crtl+f)
<data:post.body/>
Você vai encontrar vários códigos semelhantes ao código acima.
Para fazer o trabalho com o script corretamente você tem que selecionar o segundo código que será semelhante ao código acima.
Passo 3:
Substitua o código acima pelo código abaixo.
<div id='adsmais'>
<data:post.body/>
</div>
<b:if cond='data:blog.pageType == "item"'>
<style>
#addcodemiddle{display: none;}
</style>
<div id='addcodemiddle'>
Cole seu anuncio aqui
</div>
<script type='text/javascript'>
var str1=document.getElementById("adsmais").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>
Passo 4
Substitua Cole seu anuncio aqui pelo seu código de anúncios do AdSense no código acima e salve o seu modelo.
Nota importante: Converter código do adsense - Parse html
Lembrando que para colocar direto no código fonte do seu tema no Blogger é preciso converter o seu código AdSense para que funcione corretamente, no tutorial vou mostrar como fazer isso.
Se você estiver enfrentando algum tipo de problema, então deixe-nos saber nos comentários.
A colocação de anúncios do AdSense no meio de todas as postagens fara um alto CTR que provavelmente aumenta ganhos. No WordPress, existe plugins personalizados disponíveis para inserir os anúncios no meio das postagens. Mas no blogger fica um pouco mais complicado colocar anúncios do AdSense no meio de todas as postagens automaticamente pois você vai ter que acessar o html do blogger. Mas nos iremos te mostrar como fazer isso passo a passo.
Hoje vamos compartilhar agora um script que pode colocar anúncios do AdSense exatamente no meio do conteúdo de forma automática. O procedimento para a colocação de anúncios do AdSense no meio das postagens no blogger é bem simples e será compartilhado abaixo.
Basta seguir o passo a passo para a colocação dos anúncios do Adsense no meio das postagens do blogger automaticamente.
Coloque anúncios Adsense automaticamente no meio de todos os artigos no Blogger:
Siga todas as etapas abaixo para colocar anúncios do AdSense no meio de todas as postagens automaticamente no blogger.
Passo 1:
Entre na sua conta do Blogger: www.blogger.com
Vá para template> Editar HTML
Passo 2:
Procure o código abaixo no seu modelo. (crtl+f)
<data:post.body/>
Você vai encontrar vários códigos semelhantes ao código acima.
Para fazer o trabalho com o script corretamente você tem que selecionar o segundo código que será semelhante ao código acima.
Passo 3:
Substitua o código acima pelo código abaixo.
<div id='adsmais'>
<data:post.body/>
</div>
<b:if cond='data:blog.pageType == "item"'>
<style>
#addcodemiddle{display: none;}
</style>
<div id='addcodemiddle'>
Cole seu anuncio aqui
</div>
<script type='text/javascript'>
var str1=document.getElementById("adsmais").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>
Passo 4
Substitua Cole seu anuncio aqui pelo seu código de anúncios do AdSense no código acima e salve o seu modelo.
Nota importante: Converter código do adsense - Parse html
Lembrando que para colocar direto no código fonte do seu tema no Blogger é preciso converter o seu código AdSense para que funcione corretamente, no tutorial vou mostrar como fazer isso.
- Criar bloco de anuncio: www.adsense.com
- Acessar: www.blogcrowds.com/resources/parse_html.php
- Colar o bloco de anúncios e clicar em converter
- Copiar o código convertido e adicionar no local desejado.
Se você estiver enfrentando algum tipo de problema, então deixe-nos saber nos comentários.