Las páginas de destino más rápidas suelen generar más 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 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 y paso a paso, completa los instructivos Cómo convertir HTML a AMP y Cómo agregar 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. Como referencia, consulta la lista completa de componentes.
- amp-bind: Agrega interactividad con estado personalizada basada en eventos similares a JavaScript.
- amp-form: Crea páginas de destino que requieran entradas 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, te recomendamos que te asegures 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 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 de amphtml-validator en tu compilación.
También puedes usar AMPBench, que es un servicio y una aplicación web 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 Obtener asistencia del proyecto de AMP.
Paso 2: Configura AMP para el seguimiento de conversiones y las estadísticas
Seguimiento de conversiones de Google Ads
Utiliza el componente amp-analytics para hacer un seguimiento de las conversiones de Google Ads. Sigue los pasos que se indican en 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 configurar esta opción.
Google Analytics
Google Analytics es una de las soluciones de estadísticas compatibles con amp-analytics. Para permitir que las sesiones se unifiquen en las páginas de AMP y las que no son 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 el 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 del sitio web con el componente amp-analytics: implementación de iframe (adobeanalytics_nativeConfig) y no iframe (adobeanalytics). Obtén información sobre los pros y los contras, y los detalles de implementación de cada enfoque.
Cómo 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 los usuarios. Las estadísticas de AMP incluyen 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 donde no está disponible la compatibilidad nativa con AMP. Si usas una tecnología que actualmente no es compatible, pide a tu proveedor que agregue compatibilidad.
Las estadísticas de AMP también permiten la sustitución de variables flexibles. Para obtener más información, 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 desde 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 la configuración de URLs 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 la Búsqueda de Google que se publican en la mayoría de los navegadores principales, incluidos Chrome para Android, 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 en el visor de la Búsqueda de Google, ingresa tu artículo de AMP en la herramienta de prueba de AMP de la Búsqueda y haz clic en Vínculo de vista previa.
Además, si deseas generar 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 de no permitir para las páginas de AMP relevantes a tu robots.txt, como lo harías con cualquier página web normal.
Actualiza el contenido de AMP en las páginas de destino
Cuando un usuario solicita un documento AMP de la caché de AMP de Google, la caché solicita actualizaciones automáticamente para 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. Pocos usuarios verán la versión anterior 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 de AMP agrega funciones y componentes nuevos todos los días. Si encuentras una funcionalidad que falta, puedes contribuir o solicitar que se agregue. Para ello, abre un problema de GitHub.
Manejo no válido de páginas de AMP
Cuando una página deja de ser válida, la caché de AMP lo descubre en el transcurso de algunas solicitudes y comienza a redireccionar al origen de la página de AMP publicada. El cambio a la entrega de la caché de AMP puede tardar entre 1 y 2 días.