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 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
Cómo crear páginas de AMP
Si quieres aprender a crear una página de AMP básica, consulta el instructivo Cómo crear tu primera página de AMP del proyecto de AMP. Para obtener una guía más 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 de los 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: Obtén 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-debesache: 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 relativa a 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 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 Play Console, o bien integrar el módulo de npm amphtml-validator en tu compilación.
También puedes usar AMPBench, que es una aplicación web de código abierto y un servicio 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: Configura AMP para el seguimiento de conversiones y las estadísticas
Seguimiento de conversiones de Google Ads
Utiliza el componente amp-analytics para realizar 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 a fin de obtener información al respecto.
Google Analytics
Google Analytics es una de las soluciones de estadísticas compatibles con amp-analytics. Para permitir que se unifiquen las sesiones entre las páginas de AMP y las que no son de AMP, sigue los pasos que se indican en el artículo 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 utilizar Google Tag Manager para agregar productos de remarketing, DoubleClick Floodlight, Google Universal Analytics y otros 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 de sitios web con el componente amp-analytics: implementación iframe (adobeanalytics_nativeConfig) y sin iframe (adobeanalytics). Obtén información sobre las ventajas y desventajas, y los detalles de implementación de cada enfoque.
Cómo integrar otras tecnologías comunes relacionadas con Google Ads
Puedes utilizar el componente amp-analytics para realizar 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 mediante 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 se admite actualmente, pídele a tu proveedor que agregue asistencia.
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 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 mediante el vínculo de tus páginas, los anunciantes deben ingresar de manera explícita la URL de la página de AMP en Google Ads. Consulta Cómo usar AMP con Google Ads para obtener detalles sobre cómo configurar URL de AMP en la IU de Google Ads.
Actualmente, la entrega en la 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 más importantes, incluidos Chrome para Android, la app de la Búsqueda de Google para Android y Mobile Safari. Implementaremos una cobertura más amplia durante los próximos meses.
Si deseas probar cómo se muestra una página de AMP cuando se envía desde la caché de AMP de Google dentro del 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 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 aparezcan en los resultados de la búsqueda orgánica, agrega directivas Disallow para las páginas de AMP relevantes a tu robots.txt, al igual que 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 el contenido se haya almacenado en caché. Con este modelo, las actualizaciones de los documentos de AMP se propagan de forma automática y rápida. 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 nuevas funcionalidades y componentes todos los días. Si encuentras una funcionalidad que falta, puedes contribuir o solicitar que se agregue abriendo un problema de GitHub.
El manejo de páginas de AMP no es válida
Cuando una página deja de ser válida, la Caché de AMP descubrirá eso dentro del intervalo de unas pocas solicitudes y comenzará a redireccionar a los usuarios al origen en el que se publicó la página de AMP. La publicación en la caché de AMP puede tardar entre 1 y 2 días.