¿Cómo agregar Google AdSense en un Widget de Blogger en AMP HTML?

Primero, copie y pegue el siguiente código entre las etiquetas <head></head> del código HTML de AMP. (las plantillas que se encuentran en este sitio web ya dispone del script, por ello no necesitara ingresar este procedimiento)


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


Crear bloques de anuncios adaptables compatibles con AMP

Los bloques de anuncios AMP adaptables se tienen que crear manualmente siguiendo estos pasos:
1.- Cree un bloque de anuncios adaptable en su cuenta de AdSense.
2.- Busque los siguientes datos en el código de anuncio del bloque adaptable que ha creado en el paso 1 y anótelos:
- El ID del editor (data-ad-client), por ejemplo, ca-pub-1234567891234567
- El ID del bloque de anuncios (data-ad-slot), por ejemplo, 1234567890
Debe copiar el código de anuncio en AMP y luego dirigirse a Diseño, a continuación las instrucciones:

- Un clic en Diseño

- Abrir “Agregar un gadget”

- Busque el Gadget que dice “HTML/Javascript” abrirlo

Ejemplo:


Dependiendo el lugar donde necesite ubicar el gadget con el anuncio de Google AdSense en AMP, escoja cualquiera de los siguientes códigos:

Recuerde remplazar los dos códigos que están marcados de color amarillo por los dos códigos correspondientes de su anuncio que género en su cuenta de Google AdSense

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>


Inserción del código:


Si necesita centrar el anuncio, solo tendrá 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

2 comentarios:

  1. Hola Luis, Hermano gracias por tu gran aporte con las AMP de Blogger, instale una de tus plantillas, sin embargo cuando coloco el codigo de Adsense (script data-ad-client="ca-pub-9614546820178884" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">) me genera un error (en el simbolo verde): Custom JavaScript is not allowed, a pesar que agregue el otro codigo que explica Adsense, por favor, puedes ayudarme? un abrazo!

    ResponderEliminar
    Respuestas
    1. Hola Ruben, con respecto a su pregunta donde esta agregando el codigo? de AdSense

      Saludos

      Eliminar