Cómo utilizar AMP para tus páginas de destino de Google Ads

Por lo general, las páginas de destino más rápidas generan más conversiones, y AMP es una excelente manera de crear páginas de destino de Google Ads atractivas que se carguen más rápido. amp.dev proporciona a los desarrolladores web los recursos que necesitan para crear páginas atractivas y de alto rendimiento. En esta guía paso a paso, se describe cómo usar Google Ads y otras tecnologías publicitarias en tus páginas de AMP.

Paso 1: Crea y valida páginas de AMP

Crea páginas de AMP

Para aprender a crear una página de AMP básica, comienza con el instructivo Crea tu primera página de AMP del proyecto de AMP. Para obtener más orientación práctica paso a paso, completa los instructivos Convierte HTML en AMP y Agrega funciones avanzadas de AMP. Puedes encontrar código de muestra y plantillas de componentes de AMP en Ejemplos de sitios web de AMP y Plantillas de AMP.

En la siguiente lista, se describen algunos componentes que se usan en las páginas de AMP. Consulta la lista completa de componentes para obtener más información.

  • amp-bind: Agrega interactividad personalizada con estado basada en eventos similares a JavaScript.
  • amp-form: Crea páginas de destino que requieran que el usuario ingrese información.
  • amp-list: Recupera contenido de forma dinámica desde un extremo JSON de CORS.
  • amp-carousel: Es un carrusel de imágenes para desplazarse por una galería de imágenes.
  • amp-lightbox: Muestra la vista de pantalla completa de un componente cuando se interactúa con él.
  • amp-call-tracking: Reemplaza de forma dinámica un número de teléfono en un hipervínculo para el seguimiento de llamadas.
  • amp-mustache: Permite la renderización con Mustache.js.
  • amp-date-picker: Proporciona un widget para seleccionar fechas. El selector de fecha se puede renderizar como una superposición en relación con los campos de entrada o como un widget de calendario estático.

Valida páginas de AMP

Durante el desarrollo, valida que tus páginas de AMP cumplan con la especificación de AMP. AMP ofrece varios métodos de validación. La forma más común de validar una página de AMP es con el validador web de AMP o la prueba de AMP de Search Console. También puedes usar la extensión de Chrome del validador de AMP y la consola para desarrolladores, o bien integrar el módulo de npm amphtml-validator en tu compilación.

Para obtener asistencia con las pruebas de AMP, visita la página de asistencia de AMP.

Paso 2: Configura AMP para el seguimiento de conversiones y las estadísticas

Usa el componente amp-analytics para hacer un seguimiento de las conversiones de Google Ads. Sigue los pasos que se indican en el artículo Cómo configurar la medición de conversiones de Google Ads para las páginas de destino de AMP para obtener información sobre cómo realizar esta configuración.

Google Analytics

Google Analytics es una de las soluciones de estadísticas que admite amp-analytics. Para habilitar la unificación de sesiones en páginas de AMP y que no son de AMP, sigue los pasos que se indican en Configura la unificación de sesiones de Google Analytics para AMP.

Google Tag Manager

El componente amp-analytics tiene compatibilidad integrada con Google Tag Manager. Además de las conversiones de Google Ads, puedes usar Google Tag Manager para agregar productos de remarketing, Floodlight y otros productos de medición similares. Consulta la lista completa de etiquetas compatibles.

Adobe Analytics

Adobe Analytics ofrece dos métodos para implementar su solución de seguimiento del rendimiento de sitios web con el componente amp-analytics: iframe (adobeanalytics_nativeConfig) y sin iframe (adobeanalytics). Obtén información sobre las ventajas, las desventajas y los detalles de implementación de cada enfoque en la documentación de AMP de Adobe Analytics.

Puedes usar el componente amp-analytics para hacer un seguimiento de las acciones y los eventos de los usuarios. Analytics para AMP incluye compatibilidad nativa con más de 40 proveedores de estadísticas. El framework es flexible y te permite medir y activar URLs con parámetros de configuración personalizados para enviar información de estadísticas a tus propios servidores o a proveedores que no tengan compatibilidad nativa con AMP. Si usas una tecnología que no es compatible, pídele a tu proveedor que agregue compatibilidad.

Analytics para AMP también permite la sustitución flexible de variables. Para obtener más detalles, consulta la documentación sobre la sustitución de variables.

Paso 3: Habilita la publicación de AMP en la IU de Google Ads

Si bien las páginas de AMP en la Búsqueda de Google se descubren automáticamente a través del vínculo de tus páginas, los anunciantes deben ingresar de forma explícita la URL de la página de AMP en Google Ads. Lee Cómo utilizar AMP con Google Ads para obtener detalles sobre cómo configurar URLs de AMP en la IU de Google Ads.

Además, si quieres dirigir el tráfico de anuncios de Google Ads a tu página de destino de AMP, pero no quieres que aparezca en los resultados de la búsqueda orgánica, agrega directivas Disallow para las páginas de AMP relevantes a tu archivo robots.txt, como lo harías con cualquier página web normal.

Si encuentras funciones que faltan en AMP, puedes contribuir o solicitarlas abriendo un problema de GitHub.