Bloco de anúncios do AdSense abaixo do título das postagens

26 de janeiro de 2014

9 comentários:
Uma fonte de renda extra nunca é demais. Se você tem um blog com uma quantidade de visitas diárias razoáveis, está na hora de começar a usar o Google AdSense, e fazer proveito de todo o seu trabalho em seu blog. Com o AdSense é possível gerar receita através dos cliques em seus anúncios. Se você ainda não é registrado no Google AdSense, registre-se seguindo este artigo.

1. Criando o bloco de anúncios

O primeiro passo é criar um bloco de anúncios com o tamanho desejado para aparecer abaixo do título das postagens. Eu particularmente sugiro que criei um blog que anúncios personalizado, com a altura máxima de 100px e a largura de 600px. Mas isso irá variar muito conforme as resoluções do seu blog. Para criar um bloco de anúncios, faça o seguinte:

1. Faça login em sua conta do AdSense. Use este link para acessa-la.
2. Já logado em sua conta, clique em "Meus anúncios", na parte superior da tela.
3. Configure seu bloco de anúncios da forma que desejar, seguindo as orientações sobre a configuração de seu tamanho que citei acima.
4. Clique em "Salvar e obter código".



Copie todo o código que for exibido, e salve em algum arquivo de texto como Bloco de notas ou Word, ou então mantenha a janela do navegador onde o código está aberta, pois precisaremos do código a seguir.

2. Instalando o código em seu blog

A instalação será feita através do código HTML do seu blog, portanto antes de prosseguir, faça backup do seu modelo.

1. No painel de controle co blogger, clique em "Modelo", e em "Editar HTML".
2. Clique na caixa de códigos, e pressione "Ctrl + F".
3. Procure por esta linha de código:
<div class='post-header-line-1'/> 
Provavelmente encontrará mais de um código igual. Opte pelo segundo, ou o que estiver mais abaixo no código do blog.

4. Acima dela, cole este código:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='ads' style='border-bottom:1px solid; padding-bottom:10px; padding-top:15px;'>
Código do seu bloco de Anúncios</div>
</b:if>
Ficará algo semelhante a isso:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='ads' style='border-bottom:1px solid #ccc; padding-bottom:10px; padding-top:15px;'>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Test -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="YYYYYY"
data-ad-slot="XXXXXX"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

</div>
</b:if>
Salve o Modelo. Você receberá esta mensagem de erro:  "Erro ao analisar XML, linha X, coluna Y: Attribute name "async" associated with an element type "script" must be followed by the ' = ' character. Ocultar notificação".

Para resolver o erro, bastará alterar o início do código JavaScript, onde inserindo o trecho: async='async' ou invés de apenas async, como está no código. No código, ficará assim:
<script async='async' src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
Salve novamente o modelo, e desta vez verá que o erro não aparecerá.

3. Entendo o código que foi inserido

Além do código do anuncio, inserimos uma Div e uma tag Condicional (<b:if cond='data:blog...). A div tem a função de ajudar na organização do código, facilitando localiza-lo através de seu Id, que seria o "ads". Além é claro, do estilo CSS que foi aplicado a ela, que possibilita o anúncio não se misturar com o conteúdo da postagem, devido o uso de uma borda.

A segunda parte do código, a tag condicional, tem uma função muito importante: ocultar os anúncios na página inicial. Portanto, se você usar um resumo automático de postagens, não será necessário se preocupar com a desfiguração do conteúdo, pois a tag condicional não permitirá que os anúncios apareçam na página inicial.

4. Observações importantes

Com esta diferente forma de exibição dos anúncios em seu blog, é possível obter maior proveitos dos anúncios, e dos cliques dos leitores, pelo fato do conteúdo estar aproximado ao conteúdo das postagens, com uma visualização mais clara e fácil. Algo muito importante que devo sempre lembrar é que o AdSense permite apenas 3 anúncios por página, com isso, certifique-se de que ao abrir uma postagem, a página não exceda esse valor, devido aos anúncios laterais, etc.

9 comentários:

  1. eu não consigo encontrar esta linha de codigo div class='post-header-line-1'/

    ResponderExcluir
  2. Não deu certo
    :(
    assim como os widgets do adsense tbm não funcionam.
    o que será?

    ResponderExcluir
  3. Os anúncios ainda não estão sendo apresentados. O que será?

    ResponderExcluir
  4. Tb não localizei eu não consigo encontrar esta linha de codigo div class='post-header-line-1'/

    e não apresentou nada

    ResponderExcluir
  5. obrigado me ajudou muito, agora so espera o adsense aprova minha ul

    ResponderExcluir
  6. Parabéns, solucionou meu problema, forte abraço!

    ResponderExcluir
  7. Parabéns, solucionou meu problema, forte abraço! ² =)

    ResponderExcluir