Las páginas de destino más rápidas suelen generar una mayor cantidad de conversiones, y AMP es una excelente manera de crear páginas de destino atractivas de Google Ads 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 obtener información sobre cómo 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 a AMP y Agrega funciones avanzadas de AMP tutorials. 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 como referencia.
- amp-bind: Agrega interactividad con estado personalizada basada en eventos similares a JavaScript.
- amp-form: Crea páginas de destino que requieran la entrada del usuario.
- amp-list: Recupera contenido de forma dinámica desde un extremo JSON de CORS.
- amp-carousel: 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, querrás asegurarte de que tus páginas de AMP sean válidas. AMP ofrece varios métodos diferentes para validar tus documentos. La forma más común de validar una página de AMP es usar el validador web o el validador de las Herramientas para webmasters de Google. También puedes usar el complemento del navegador Chrome y la consola para desarrolladores, o integrar el módulo npm amphtml-validator en tu compilación.
También puedes usar AMPBench, que es una aplicación web y un servicio de código abierto para validar y depurar problemas relacionados con la implementación de páginas de AMP.
Para obtener asistencia con las pruebas de AMP, visita la página de Getting Support de los proyectos de AMP.
Paso 2: Configura AMP para el seguimiento de conversiones y las estadísticas
Seguimiento de conversiones de Google Ads
Usa el componente amp-analytics para hacer un seguimiento de las conversiones de Google Ads. Sigue los pasos que se indican en Configura la medición de conversiones de Google Ads para páginas de destino de AMP para obtener información sobre cómo configurarlo.
Google Analytics
Google Analytics es una de las soluciones de estadísticas compatibles con 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 sesión 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 remarketing, DoubleClick Floodlight, Google Universal Analytics y productos de medición similares. Consulta la lista completa de etiquetas compatibles.
Adobe Analytics (antes conocido como Omniture)
Adobe Analytics ofrece dos métodos para implementar su solución de seguimiento del rendimiento del sitio web con el componente amp-analytics: iframe (adobeanalytics_nativeConfig) y la implementación sin iframe (adobeanalytics). Obtén información sobre las ventajas y desventajas, y los detalles de implementación
de cada
enfoque.
Integración de otras tecnologías comunes relacionadas con Google Ads
Puedes usar el componente amp-analytics para hacer un seguimiento de las acciones y los eventos de los usuarios. Las estadísticas de AMP incluyen compatibilidad nativa de más de 40 proveedores de estadísticas. El framework es flexible y te permite medir y activar URLs con configuraciones personalizadas para enviar información de estadísticas a tus propios servidores o a proveedores donde no está disponible la compatibilidad nativa con AMP. Si usas una tecnología que no es compatible actualmente, pídele a tu proveedor que agregue compatibilidad.
Las estadísticas de AMP también permiten 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 explícitamente la URL de la página de AMP en Google Ads. Consulta Cómo utilizar AMP con Google Ads para obtener detalles sobre la configuración de URLs de AMP en la IU de Google Ads.
Además, si quieres dirigir el tráfico 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 pertinentes a tu archivo robots.txt, como lo harías con cualquier página web normal.
El proyecto de AMP agrega nuevas funciones y componentes todos los días. Si encuentras una función que falta, puedes contribuir o solicitar que se agregue abriendo un problema de GitHub.