¿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>


Preguntas frecuentes

Cómo editar el amp-sidebar barra lateral de mi blog en AMP de Blogger
¿Cómo publicar una entrada de Blogger correctamente en Amp?
¿Cómo habilitar la plantilla móvil de mi blog de Blogger en AMP?
Cómo configurar los comentarios de Disqus de mi blog en AMP de Blogger
¿Cómo configurar el gadget Related post? de mi plantilla en AMP de Blogger
Invalid Amp Error al crear un nuevo Gadget/Widget en Blogger
¿Cómo agregar Google AdSense en un Widget de Blogger en AMP HTML?
¿Cómo añadir Google AdSense a tus entradas de Blogger en AMP HTML?
Anuncios automáticos AMP de texto y de display
Corregir error en los datos estructurados al configurar en Blogger
Corregir error en los datos estructurados - error detectado Breadcrumb
Cómo editar las meta etiquetas de las plantillas de Blogger en AMP
¿Cómo configurar los datos estructurados de mi blog de Blogger en AMP?

¡Fácil verdad!

¿Necesitas ayuda?

Cualquier pregunta no duden en escribir

Recuerda suscribirte:

Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE
¿Te ha resultado útil este artículo, recomiendanos?
Si



Share:

Luis Chávez

Soy el fundador del sitio web Ayudadeblogger.com - Considerado un Pro Blogger profesional, Consultor SEO y desarrollador Web adicto, ejecuto una serie de sitios web desde mi Oficina Quito-Ecuador.

Related post

Comentarios

1 comentario:

  1. Hola,Luiz ¡Gracias por compartir las plantillas AMP!¿Cómo podemos agregar anuncios de Amazon en plantillas AMP?

    ResponderEliminar