Lucas Voxel 29 anos, casado e um eterno curioso. Buscando sempre trazer novidades!

Como colocar blocos adsense AMP no Blogger

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.
Lucas Voxel 29 anos, casado e um eterno curioso. Buscando sempre trazer novidades!
Ver comentários