¿Qué es la estera voladora AMP de Google y cómo implementarla en su sitio web hoy?

Conocer un nuevo formato de anuncio siempre es una ventaja. Hoy nos centraremos en el tipo de anuncio de estera voladora/flying carpet, que es un formato AMP. ¿Cómo utilizar este formato e implementarlo en su sitio web?

¿Qué es AMP?

El proyecto Accelerated Mobile Pages (AMP) fue desarrollado originalmente por Google y anunciado en 2015, pero ahora se ejecuta como un proyecto de código abierto. Las páginas AMP comenzaron a aparecer en 2016 para mejorar la velocidad de carga de páginas web y anuncios.

Las AMP se sirven junto con sus homólogos estándar y los motores de búsqueda y otros sitios de referencia pueden verlos.

Recientemente escribimos un artículo sobre “qué son los anuncios AMP y cómo configurarlos”, que puede leer aquí.

¿Qué es un anuncio de estera voladora?

Una estera voladora consta de una ventana de bloque de anuncios principal y un bloque de anuncios secundario, fijados en la ventana gráfica. A medida que el usuario se desplaza hacia arriba, el bloque de anuncios principal, que aparece como una ventana transparente, aparece y revela una sección de anuncios secundarios, por detrás.

El bloque de anuncios secundario permanece en el mismo lugar, pero la ventana a través de la cual mira el usuario se mueve hacia arriba y hacia abajo a medida que se desplaza. Puede ver un ejemplo de esto en el sitio web del desarrollador de AMP aquí: https://amp.dev/documentation/examples/components/amp-fx-flying-carpet/?format=websites

En cierto modo, puede argumentar que la estera voladora no es un buen nombre para este bloque de anuncios. Probablemente sea mejor imaginarse que está en un ascensor con puertas de vidrio.

A medida que sube el ascensor, los anuncios secundarios (en este caso, los diferentes pisos del edificio permanecen fijos, mientras usted, el espectador, pasa junto a ellos, revelando gradualmente la imagen).

Este tipo de comportamiento a veces se denomina anuncios de paralaje, un término se utiliza para describir el movimiento de los objetos en relación con la posición del espectador.

En el diseño web, el fondo de un sitio web se desplaza a una velocidad diferente hacia el primer plano, lo que crea hermosas transiciones entre los dos. El efecto se puede comparar con sentarse en un tren y mirar por la ventana, los objetos más distantes parecen moverse mucho más lentamente que las plataformas y los árboles cerca del tren. Los anuncios de Paralaje también están disponibles con AMP.

Diseño de página

La ventana de estera voladora debe colocarse debajo de la primera ventana de modo que el usuario pueda desplazarse hacia arriba y hacia abajo a lo largo de la altura completa de la unidad secundaria detrás (si la página se cargó con la ventana en el medio de la primera ventana de visualización, no podría para desplazarse hacia arriba para ver la parte inferior del anuncio).

Se le permite iniciar la estera voladora en el 75% de la ventana de apertura, es decir, el contenido en el primer 75% y la estera voladora en el 25% inferior, si lo prefiere. Del mismo modo, debe haber una ventana de visualización completa entre la parte inferior de la estera voladora y la parte inferior de la página.

Implementación

Para implementar anuncios de estera voladora AMP, debe ejecutar el siguiente script en su página:

<script async custom-element=”amp-fx-flying-carpet” src=”https://cdn.ampproject.org/v0/amp-fx-flying-carpet-0.1.js”></script>

En la posición de la página donde desea mostrar la estera voladora, es necesario poner el siguiente código (imagen del sitio web amp / dev (ejemplo de la estera voladora):

En este caso, el ancho y la altura se refieren a las dimensiones de la imagen de fondo. El parámetro de altura de la estera voladora amp-fx-flying-carpet proporciona la altura de la ventana a través de la cual se puede ver el fondo en lugar de la imagen de fondo en sí.

Conclusión

Los anuncios de estera voladora de AMP son solo uno de los muchos tipos de anuncios que puede usar para monetizar su contenido móvil. ¿En qué tipo de anuncio debe enfocarse? ¿Está ejecutando ofertas de encabezado con sus páginas de AMP? ¿Debería ejecutar AMP?

¿Cuál es el rendimiento de las páginas AMP en comparación con páginas normales para dispositivos móviles? En MonetizMore, nos ocuparemos de todas sus preguntas sobre las operaciones publicitarias y optimizaremos su inventario de anuncios para obtener el mejor resultado posible.

¿Estás listo para llevar tus ingresos publicitarios al siguiente nivel? ¡Regístrate hoy!