Las páginas de destino más rápidas suelen generar más conversiones, y AMP es una excelente forma de crear páginas de destino atractivas de Google Ads que se cargan 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 otra tecnología publicitaria en tus páginas de AMP.
Paso 1: Cree y valide las páginas de AMP
Cómo crear páginas de AMP
Para obtener información sobre cómo crear una página de AMP básica, consulta el instructivo Crea tu primera página de AMP del Proyecto de AMP. Para obtener una guía práctica y paso a paso, completa los instructivos sobre cómo convertir HTML en AMP y cómo agregar funciones de AMP avanzadas. Puedes encontrar muestras de código y plantillas de componentes de AMP en los ejemplos de sitios web de AMP y las plantillas de AMP.
En la siguiente lista, se describen algunos componentes utilizados en páginas de AMP. Consulta la lista completa de componentes a modo de referencia.
- amp-bind: Agrega interactividad con estado personalizada basada en eventos similares a JavaScript.
- amp-form: Crea páginas de destino que requieran entradas por parte del usuario.
- amp-list: Recupera contenido de manera 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 interactuó.
- amp-call-tracking Reemplazar dinámicamente un número de teléfono en un hipervínculo para seguimiento de llamadas
- amp- Mustache: Permite el procesamiento 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.
Cómo validar páginas de AMP
Durante el desarrollo, asegúrate de que tus páginas de AMP sean válidas. AMP ofrece varios métodos para validar tus documentos. La forma más común de validar una página de AMP es con el validador web o el Validador de 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 HTML-validator a 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 Obtén asistencia del proyecto de AMP.
Paso 2: Configure 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. Siga 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 a fin de obtener información sobre cómo realizar la configuración.
Google Analytics
Google Analytics es una de las soluciones de estadísticas compatibles con amp-analytics. A fin de habilitar las sesiones que se unifiquen en páginas AMP y que no sean de AMP, sigue los pasos que se indican en Cómo configurar 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 (anteriormente conocido como Omniture)
Adobe Analytics ofrece dos métodos para implementar su solución de seguimiento del rendimiento en el sitio web con el componente amp-analytics: iframe (adobeanalytics_nativeConfig) y ajeno a iframe (adobeanalytics). Obtén más información sobre las ventajas y desventajas y los detalles de implementación de cada enfoque.
Integrar 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 usuario. AMP Analytics incluye asistencia nativa de más de 40 proveedores de herramientas de análisis. El marco de trabajo es flexible y te permite medir y activar URL mediante configuraciones personalizadas para enviar información de estadísticas a tus propios servidores o proveedores en los que la compatibilidad con AMP no está disponible. Si usas una tecnología que no se admite actualmente, pídele a tu proveedor que agregue asistencia.
Las estadísticas de AMP también permiten la sustitución de variables flexible. Para obtener más información, consulta la documentación sobre la sustitución de variables.
Paso 3: Habilite la publicación de AMP en la IU de Google Ads
Mientras que las páginas de AMP en la Búsqueda de Google se descubren automáticamente mediante el vínculo de tus páginas, los anunciantes deben ingresar de forma explícita la URL de página de AMP en Google Ads. Consulta Cómo usar AMP con Google Ads si quieres obtener más información sobre la configuración de URL de AMP en la IU de Google Ads.
Actualmente, la entrega de caché está disponible para los anuncios de texto en las páginas de resultados de búsqueda de Google que se publican en los navegadores más importantes, como Android Chrome, la app de la Búsqueda de Google para Android y Safari para dispositivos móviles. Implementaremos una cobertura más amplia durante los próximos meses.
Si deseas probar cómo aparece una página de AMP cuando se entrega desde la caché de AMP de Google dentro del visor de búsqueda de Google, ingresa el artículo de AMP en la herramienta de prueba de AMP de la Búsqueda y haz clic en Obtener vista previa del vínculo.
Además, si deseas 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 las directivas Disallow de las páginas de AMP relevantes a tu robots.txt como lo harías con cualquier página web normal.
Cómo actualizar el contenido de AMP en las páginas de destino
Cuando un usuario solicita un documento de AMP de la caché de AMP de Google, la caché solicita actualizaciones automáticamente a fin de publicar contenido actualizado para el próximo usuario una vez que ese contenido se haya almacenado en caché. Con este modelo, las actualizaciones de los documentos de AMP se propagan de manera rápida y automática, y pocos usuarios notarán la versión no actualizada después de la actualización. Además, si es necesario, se puede usar la API de update-cache para actualizar o quitar contenido de la caché de AMP.
El proyecto AMP agrega funciones y componentes nuevos todos los días. Si encuentras una funcionalidad que falta, puedes contribuir o solicitar que se agregue si abres un problema de GitHub.
Manejo de páginas de AMP no válido
Cuando una página deja de ser válida, la caché de AMP detecta que, dentro del intervalo de unas pocas solicitudes, se redirecciona al origen de la página de AMP. La entrega de la caché de AMP puede tardar entre 1 y 2 días.