Como Ativar o Page-level Adsense para AMP

Conheça o page-level ads do Adsense são mais opções para colocar os Anúncios do Google AdSense na versão mobile do seu site ou blog. Você pode colocar os Anúncios Adsense fixos na parte de baixo da tela do celular ou anúncios do Google Adsense em tela cheia no celular ao trocar de pagina.

Como Ativar o Page-level ads do Adsense para AMP


Faça login na sua conta do Adsense, entre em Meus Anúncios e clique no menu conteúdo no item Page-level ads.

Clique no botão de status para ativar os serviços que deseja:

Anchor/Overlay ads: anúncios fixos na parte inferior da tela do celular

Vignette ads: Anúncios que aparecem em tela cheia quando o visitante clica num link para ver outra pagina do seu blog ou site.

Colocar o código de page-level ads no seu blog ou site

A primeira coisa a fazer é separar ad js , por favor, encontre o seguinte código js.

<script async='async' custom-element='amp-ad' src='https://cdn.ampproject.org/v0/amp-ad-0.1.js'/>

Remova o código, então, guarde o código abaixo acima do código </head>ou&lt;/head&gt;&lt;!--<head/>--&gt;

<b:if cond='data:blog.pageType not in {&quot;static_page&quot;,&quot;error_page&quot;} and data:blog.isMobileRequest == &quot;true&quot; and not data:blog.searchQuery'>
<script async='async' custom-element='amp-ad' src='https://cdn.ampproject.org/v0/amp-ad-0.1.js'/>
</b:if>
<b:if cond='data:blog.pageType not in {&quot;static_page&quot;,&quot;error_page&quot;} and data:blog.isMobileRequest == &quot;false&quot; and not data:blog.searchQuery'>
<script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
<script>
//<![CDATA[
     (adsbygoogle = window.adsbygoogle || []).push({
          google_ad_client: "ca-pub-1234567890",
          enable_page_level_ads: true
     });
//]]>
</script>
</b:if>

Ajuste o código de google_ad_clientacordo com a sua conta.

Em seguida, altere todos os slots de anúncio para serem os seguintes.

<b:if cond='data:blog.isMobileRequest == &quot;false&quot; and not data:blog.searchQuery'>
<!-- SmartDicas -->
<ins class='adsbygoogle' data-ad-client='ca-pub-1234567890' data-ad-format='rectangle' data-ad-slot='1234567890' style='display:block'/>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</b:if>
<b:if cond='data:blog.isMobileRequest == &quot;true&quot; and not data:blog.searchQuery'>
<!-- Ini SmartDicas AMP/mobile -->
<amp-ad data-ad-client='ca-pub-1234567890' data-ad-slot='1234567890' data-auto-format='rspv' data-full-width='' height='320' media='(max-width: 736px)' type='adsense' width='100vw'>
  <div overflow=''/>
</amp-ad>
</b:if>

Ajuste o código data-ad-cliente data-ad-sloté de acordo com seu código de anúncio.

E certifique-se de que robots.txtseu blog não bloqueie o URL m = 1. Feito ... boa sorte.


Novos Anúncios AdSense AMP


Para testar os novos anúncios Page-level ads entre no seu site usando um celular ou smartphone e adicionar ao final do endereço do blog o código: #googleads.

Por exemplo: http://www.exemplo.com.br#googleads

É necessário colocar este código para testar, pois os anúncios não aparecem em todos os acessos via celular. Outra coisa importante é que você não precisa tirar osanúncios Adsense que já tem na sua pagina, pois estes anúncios Page-level adsnão são contados para o limite de 3 anúncios por pagina do Adsense.

Veja mais detalhes sobre os anúncios AdSense para Celular na pagina de ajuda do Adsense:

Como criar um bloco de anúncios compatível com AMP
https://support.google.com/adsense/answer/7183212?hl=pt-BR&utm_source=aso&utm_medium=link&utm_campaign=ww-ww-et-asfe_