Como colocar anúncios do Google Adsense no meio dos Posts no Blogger

Imagem : viverdeblog.com

Ganhe dinheiro com o Blogspot colocando anúncios do Google Adsense no meio das postagens.

Nesta postagem você vai aprender como colocar anúncios Adsense no meio dos Posts no Blogspot da Google.

Colocar anúncios do AdSense no meio de todas as postagens do blogger dará um alto CTR o que eventualmente aumentara ganhos do google adsense. No WordPress existe plugins personalizados disponíveis que facilitam a vida e fazem a colocação de anúncios no meio das postagens. Mais e no blogspot é possível?

Como colocar anúncio em meio as postagens do blogspot

Existem scripts que podem colocar anúncios do AdSense no meio do conteúdo de forma automática. Veja como fazer, recomendamos que antes de qualquer procedimento faça um backup do seu modelo como segurança se qualquer modificação não ficar de acordo com seu gosto. Veja a vídeo aula de como fazer o backup do seu blog.

Criando o bloco de anúncio no Google AdSense

O primeiro passo é criar o bloco de anúncio que você colocará no seu blog. Recomendamos você escolher In-Feed ou In-Article 

1. Acesse sua conta http://adsense.google.com com seu usuário e senha.

2. Clique em opção “Meus anúncios”.

3. Agora clique em “Novo bloco de anúncios”.
Obs: Note que há uma caixa “Criar novo bloco de anúncios”, onde você escolherá tipo ou tamanho dos anúncios.

Blocos de Anúncios Google Adsense

4. Preencha todas as informações necessárias depois clique em “Salvar e obter código”.

5. Copie todo o código gerado na caixa.

Pronto! Agora  já é possível converter o código, pois, você já possui  o código do seu bloco do seu anúncio para dar continuidade aos demais passos.

Convertendo o código do anúncio

Se fosse posicionar seu bloco de anúncio abaixo do cabeçalho ou na barra lateral do seu blog, bastaria apenas colar o código do item anterior em um gadget do tipo HTML/JavaScript. Veja as demais vídeo aulas sobre Blogger e veja muito mais dicas sobre Blog.

Porem, para incorporá-lo ao código do seu template, é necessário converter esse código, caso contrário ocorrerá erros quando tentar colocá-lo em seu blog.

1. Acesse o Conversor de código AdSense.

2. Cole o código que você gerou no passo anterior dentro da caixa “Código Original” e clique no botão “Parse”.

3. Repare que gerou um novo código, copie o novo código que será mostrado na caixa “Código convertido”.

Coloque anúncios do Google AdSense automaticamente no meio de todos as postagens no Blogger ou como conhecemos blogspot.

Siga todo o procedimento abaixo de forma correta para colocar anúncios do AdSense no meio das postagens automaticamente no blogger. Recomendamos que você faça primeiramente o backup do seu modelo . Veja a vídeo aula de como fazer o backup do seu Blog.

1° Passo

Entre na sua conta do blogspot se você tiver usando o modelo novo do Blogger.

Clique em   Tema > Editar HTML

1° Passo se você tiver usando o modelo antigo do Blogger

Entre na sua conta do blogspot se você tiver usando o modelo novo do Blogger.

Clique em   Tema > Editar HTML

2° Passo

Aperte ctrl+f e procure o código abaixo no seu modelo.

<data:post.body/>

Você deverá encontrar vários códigos semelhantes ao código acima e a foto abaixo. Selecione o segundo código que será semelhante, para fazer o trabalho com o script corretamente.

Geralmente é o mesmo da foto abaixo:

3° Passo

Substitua o código <data:post.body/> com o código abaixo.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='adsense-content' style='display:block;margin-bottom: 15px; margin-top: 15px;text-align: center'>

CÓDIGO DO ANÚNCIO CONVERTIDO AQUI

</div>
</b:if> 
<div id='adsense-target'><data:post.body/>
</div>
<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(&quot;adsense-content&quot;);
var target = document.getElementById(&quot;adsense-target&quot;);
var linebreak = target.getElementsByTagName(&quot;br&quot;);
if (linebreak.length &gt; 0){
insertAfter(adscont,linebreak[5]);
}
</script>

4° Passo

Substitua a área em vermelho código adsense convertido aqui pelo seu código de anúncios do AdSense criado e convertido anteriormente no código acima e salve o modelo.

5° Repare que os próximos artigos a serem escritos, quando você os visualizar ficará espaços em brancos em meio as postagens, um sinal de que todo o procedimento acima deu certo.

Ficou com alguma dúvida? escreva nos comentários logo abaixo, será um grande prazer em responder você ou acesse nosso canal para mais dúvidas. Fabinho Tutoriais.

Fontes: elainegaspareto

             verefazer

Google Adsense
Anuncios
Ganhe dinheiro com o Blog
Blogspot
Google
Blogger
Blog
Como colocar anúncios no Blog
Como ganhar dinheiro com o Blog
Fabinho Tutoriais