¿Cómo añadir Google AdSense a tus entradas de Blogger en AMP HTML?


Depende el tamaño de anuncio que necesite insertar en una entrada de Blogger, para ello voy a mostrar algunos ejemplos de tamaños de anuncios más utilizados en el formato AMP

Los bloques de anuncios AMP pueden ser adaptables o tener un tamaño fijo.

Primero:

Creamos un anuncio de Google AdSense desde el sitio oficial

A continuación nos genera un código similar al siguiente:


<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!—Ads Adsense -->
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px"
     data-ad-client="ca-pub-2262852945838153"
     data-ad-slot="2276018923"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>


A partir del código que nos generó Google AdSense, vamos a copiar solo los dos códigos que están marcados de color amarillo y remplazarlo por los códigos que están marcados de color amarillo de los 5 ejemplos

Tamaños de anuncio con mejor rendimiento

300 x 250
336 x 280
728 x 90
300 x 600
320 x 100

Ejemplo:

Escoja cualquiera de los siguientes códigos de AMP según el tamaño de anuncio que este necesitando

Tamaños fijos:

Tamaño del anuncio 300 x 250


<amp-ad width="300" height="250"
      type="adsense"
      data-ad-client="ca-pub-2262852945838153"
      data-ad-slot="2276018923"
 </amp-ad>


Tamaño del anuncio 336 x 280


<amp-ad width="336" height="280"
      type="adsense"
      data-ad-client="ca-pub-2262852945838153"
      data-ad-slot="2276018923"
 </amp-ad>


Tamaño del anuncio 728 x 90


<amp-ad width="728" height="90"
      type="adsense"
      data-ad-client="ca-pub-2262852945838153"
      data-ad-slot="2276018923"
 </amp-ad>


Tamaño del anuncio 300 x 600


<amp-ad width="300" height="600"
      type="adsense"
      data-ad-client="ca-pub-2262852945838153"
      data-ad-slot="2276018923"
 </amp-ad>


Tamaño del anuncio 320 x 100


<amp-ad width="320" height="100"
      type="adsense"
      data-ad-client="ca-pub-2262852945838153"
      data-ad-slot="2276018923"
 </amp-ad>


Copie el código que necesite en una entrada en modo HTML, remplace los dos códigos que están marcados de color amarillo por los dos códigos de su anuncio.

Si necesita centrar el anuncio en una entrada, solo tendra que aumentar la siguiente regla


<center>

Inserte aquí el código de anuncio en AMP

</center>


¡Fácil verdad!

¿Necesitas ayuda?

Cualquier pregunta no duden en escribir




Share:

Related post

Disqus

Disqus comments:


Google+

Google+ comments:

Facebook

Facebook comments: