Que son los anuncios de AMP, como funcionan y como configurarlos ?

Publié: 2020-12-02
Anuncios AMP

Le projet Accelerated Mobile Pages (AMP), lancé initialement par Google en 2015, est maintenant un projet de code ouvert. Las paginas AMP comenzaron a aparecer en 2016 para mejorar la velocidad de carga de paginas web y anuncios. Los anuncios se pueden publicar junto con sus homologos estandar y los motores de busqueda pueden publicarlos en lugar de las paginas moviles tradicionales.

Création de pages AMP

Los protocolos fueron disenados para ser un proceso manejable y relativamente simple. Si ya tienes un sitio con codigo tradicional, AMP dice que es posible convert un sitio completo en dias, en lugar de semanas o meses, y veras los beneficios de cargar la pagina inmediatamente.

Puedes optar por ejecutar solo la version AMP de su site web o hacer que ambas se ejecuten en parallèle. Si vous utilisez WordPress comme un système d'administration de contenu, vous pouvez utiliser une version standard de AMP avec les divers compléments disponibles.

Vitesse de la page

La vitesse de la page AMP proviene del almacenamiento en cache et esta disenada especificamente para almacenar los detalles de la pagina y entregarlos al instante. Los caches in linea almacenan todos los detalles of la pagina, incluidos texto, images and JavaScript, and los cargan desde la misma fuente. Contienen un validador integrado que asegura que la pagina funcionara incluso si se interrumpe un recurso externo (como una fuente de datos en vivo).

Los objetos, las imagenes, las aplicaciones de terceros y los anuncios se procesan de forma asincronica, lo que significa que un fragmento de codigo incorrecto (el codigo JS personalizado es enviado en iframes), o un anuncio que tarda mucho en procesarse, no ocupa le resto de la page. El contenido siempre se muestra de forma inmediata al usuario, creando una muy buena experiencia.

Ademas, todos los objetos, como se menciono anteriormente, deben declarar su tamano antes de cargar. Esto permite al navegador disenar la pagina correctamente y formatearla antes de que se cargue el contenido inframe, en lugar de esperar a que se descargue una imagen. Esto se conoce como diseno estatico.

Seul ce permis permet un seul style CSS avec un maximum de 50 kilo-octets pour un seul texte. Esto es para alentar a los programadores a optimizar y mejorar su codigo, simplificando donde sea necesario para reducir los tiempos de carga, al mismo tiempo que permite estilos de pagina muy complejos.

Todos hemos visto sitios donde HTML carga una version basica del sitio con a fuente base and luego comeienza a descargar los archivos necesarios para mostrar la fuente deseada. Esto puede llevar solo uno o dos segundos, pero como sucede en secuencia, es un bloque diferente in el resto de la pagina, y la descarga de fuentes puede retrasarse hasta que se descarguen objets externos y hojas de estilo.

Con las paginas AMP, la décharge de la source vient de primero et la décharge pas de demora el resto de la page. Despues de descargar las fuentes, la pagina (o un elemento) esta lista y la fuente se puede aplicar instantaneamente.

Puede leer mas sobre como AMP mejora la velocidad de la pagina en el sitio web de AMP.

Anuncios AMP

Despues de crear tu sitio o paginas AMP, para la publicacion en parallelo o para reemplazar paginas existes, puedes crear anuncios AMP. Aunque no es obligatorio, puedes mostrar anuncios HTML en AMP, pero ten en cuenta que los anuncios HTML para AMP son plus rapide et, cuando se tomara la molestia de crear paginas AMP, seria una lastima no aprovechar los beneficios. En lugar de tener dos conjuntos de anuncios, los anuncios AMP tambien pueden aparecer en paginas que no son AMP.

Estan escritos en une variante de HTML, conocida como HTML para AMP, and no pueden ejecutar JavaScript arbitrario and potentiellement innecesario. Al igual que las paginas, los propios anuncios pueden utilizar bloques de codigo JS en marcos que no ralentizan el resto del anuncio.

Los anuncios HTML for AMP hacen todo lo possible para reducir el uso de recursos del sistema and accelerar la carga. Les vidéos et les animations se pausan cuando ne se reproduisent pas. Los datos se recopilan una vez para todos los anuncios y luego se pasan a los rastreadores, en lugar de que cada uno solicite el anuncio directamente.

Se muestran justo antes de que el usuario acceda a ellos (lo que tiene un efecto indirecto de una tasa de visualizacion mas alta que los anuncios graficos tradicionales). Ademas, dado que los anuncios se escanean previamente para que sean seguros, el malware no se puede transmitir a traves de HTML a los anuncios AMP.

Como funcionan los anuncios de amplificateur ?

En terminos de la mecanica de publicacion de anuncios, los anuncios AMP no son muy diferentes de los anuncios HTML normales. Los editores colocan espacios publicitarios en sus paginas utilizando the etiquetaamp-ad , que, cuando se llama, puede solicitar anuncios de la red de anuncios requerida, directamente o mediante un servidor como Google Ad Manager.Tan pronto como se recibe la solicitud, se valida el creativo y el anuncio vuelve a la pagina.

Pour créer, debes seguir las especificaciones de anuncios HTML para AMP. Tambien puede crearlos con Google Web Designer ou Celtra Ad Creator. Tambien recomendamos consultar los ejemplos que se muestran in el sitio web para desarrolladores de AMP.

Configuration d'une balise d'anuncios de AMP dans Google Ad Manager

Nuevamente, este paso es muy similar a la creacion de una etiqueta publicitaria normal. Despues de ir a Inventario -> Bloques de anuncios, haz clic para agregar un nuevo bloque de anuncios, luego nombre, tamano y guarda tu anuncio como de costumbre, o navegue a un bloque de anuncios existente.

En la pestana "Etiquetas/tags", elige la etiqueta AMP. Aqui tienes algunas opciones. Puede seleccionar/anular la seleccion de la validacion de varios tamanos (los tamanos secundarios no deben ser mas grandes que el tamano principal o menos de ⅔ del tamano principal), agregar marcadores, tamanos de inventario y valores criticos, si es necesario. Despues de generar la etiqueta, implementela en tu site web o pagina AMP.

Types d'annonces disponibles dans Google Ad Manager

Debido a consideraciones de rendimiento, no todos los tipos de anuncios available in etiquetas de anuncios normales isan available con etiquetas de anuncios AMP.

Aun puedes usar disenos estandar de visualizacion, texto, nativos, HTML5 and adaptables, pero no se allowen intersticiales ni flash. Los anuncios expandibles tampoco estan permitidos, aunque puedes user rich media siempre que no se cambie de tamano. Toutes les créations utilisent HTTPS.

Los tamanos fluidos y de aspecto fijo son adecuados, al igual que todos los tamanos estaticos. Los tamanos deben declararse en el momento de la solicitud.

Informe

Google Ad Manager inclut des options d'information pour AMP ou des étiquettes publicitaires d'AMP. Para generar informes sobre paginas o sitios de AMP, utiliza a la dimension "tipos de inventario", incluido un campo "AMP", selectable cuando los anuncios comeiencen a publicarse para AMP.

Si estas buscando datos para un block de anuncios AMP especifico, use la dimension « tipo de solicitud » and busque las lineas « Etiqueta de anuncio AMP ». Tambien puede combinar estas dimensiones para examinar si estas publicando anuncios que no son de AMP en AMP, lo que reducira el rendimiento.

Ademas, lea nuestro articulo sobre si cambiar a AMP generara un impacto en los ingresos publicitarios o no : https://www.monetizemore.com/blog/cambiar-a-amp-generara-un-impacto-en-los-ingresos/

Conclusion

Los anuncios AMP son una excelente manera de accelerar los tiempos de carga de la pagina y crear una experiencia de usuario fantastica para los visitantes de tu sitio, quienes ya no tendran que esperar a que se cargue su contenido.

Estos anuncios no deberian ser mas dificiles de implementar que los anuncios tradicionales, aunque todavia ofrecen varios formatos, aunque no tantos como los bloques de anuncios convencionales. Sin embargo, dado que los editores no son todos iguales, AMP puede ser una buena opcion para uno, mientras que tiene un impacto negativo en los ingresos publicitarios de otro.

Aun no estas seguro de si AMP es una buena opcion para ton negocio éditorial? Deja que MonetizeMore te ayude ! Somos un certificat socio éditorial de Google que vous pouvez optimiser votre inventaire d'anuncios et maximiser vos ingresos. Inscrivez-vous pour empezar hoy mismo !