25/01/2018

Colocar adsense AMP no Blogger é bem simples e não tem muito mistério, você só vai precisar dos números do data-ad-client e data-ad-slot.

Ter anúncios no Blogger é muito importante para quem quer monetizar o seu conteúdo e para quem usa AMP não é diferente, só muda pouca coisa no código base do adsense.

Como colocar blocos adsense AMP no Blogger

Adsense AMP no Blogger

  • Adicione o Javascript de anúncios no html
Para ter anúncios no seu blog AMP você deve ter o JavaScript para o AdSense. Na verdade, esse código suporta vários provedores de serviços de anúncios. No entanto, eu só darei o tutorial sobre o Google AdSense.

Coloque o seguinte código logo antes de </head>:
<script async='async' custom-element='amp-ad' src='https://cdn.ampproject.org/v0/amp-ad-0.1.js'/>

Depois de adicioná-lo, você usará o próximo código para colocar o adsense onde preferir

  • Código para adsense AMP
<amp-ad width="300" height="250"
     type="adsense"
     layout="responsive"
     data-ad-client="ca-pub-2204401405952501"
     data-ad-slot="7826214875">
</amp-ad>

Esse código é recomendado para anúncios responsivos, onde você só limita o tamanho da altura e largura. Caso queira colocar um anúncio com tamanho fixo é só retirar layout="responsive" do código.
  • Não esqueça de alterar os números de data-ad-client e data-ad-slot pelos seus números conforme está no código gerado pelo adsense.

Esse Post tem 5 Comentários

avatar
Guilherme Sousa delete

Foi o único lugar que encontrei uma solução obrigado!

Resp.
avatar
Lucas Tech delete

Que bom!

Resp.
avatar
Guilherme Sousa delete

Pode me enviar esse seu código do banner flutuante que acompanha a barra de rolagem? funciona no WP também?

Resp.
avatar
Lucas Tech delete

Guilherme, o código que tenho é pra blogger, em breve vou voltar com os tutoriais aqui e vou disponibilizar esse. Abraço!

Resp.
avatar
Guilherme Sousa delete

É pra blogger mesmo que preciso. Se puder me enviar por email agradeço. angelusce@gmail.com

Resp.


Seu comentário é muito importante e você é totalmente responsável por ele. Ao comentar você concorda com as nossas políticas.

Próx Post Próx Post
Post anterior Post anterior