AMP Analytics

Amp es un proyecto open source liderado por Google, como bien indican sus siglas (Accelerated Mobile Pages) nació con la idea de solucionar el problema de lentitud que se estaba dando en dispositivos Móviles, principalmente por diseños insuficientemente adaptados a estas reducidas pantallas y con cargas demasiado lentas ocasionadas por publicidad, CSS y JS.

Surgió como alternativa clara al Instant Articles de Facebook, del que se puede decir que tiene el mismo objetivo, que es dentro de su plataforma, poder ver el contenido de forma inmediata. El funcionamiento es similar en ambos casos, cachean una copia de tu contenido para servirla directamente desde sus servidores.

Te adjunto un tutorial por si te planteas desarrollar paginas AMP, con el podrás crear, validar y preparar tus paginas para su publicación y distribución.

Cómo afecta AMP a los contenidos

El hecho de que la tecnología AMP pueda reducir de un 15 a un 85% el tiempo de carga de una web, afectara positivamente al posicionamiento SEO, ya que un factor muy importante de ponderación de Google en la SERP (Página de resultados de búsqueda).

Permite una cómoda y rápida lectura de contenidos, desde cualquier dispositivo de conexión, ya que, aunque la idea fuera optimizar la experiencia de navegación en móviles, se puede usar también en tablets y ordenadores, lo que ayuda a atraer público, retenerlo y mejorar las conversiones.

Desde febrero de 2018 Google obliga a que el contenido de la versión AMP sea el mismo que la versión standard de la misma página, y esto es debido a que detecto que muchos desarrolladores reducían la versión AMP al mínimo, usándola solo como un reclamo para que el usuario que accedía ella fuera dirigido finalmente a la versión standard de dicha web. Lo cual es considerado una práctica contraria a los principios por los que se creó AMP.

El motivo del porque es tan rápido, es que prescinde del uso de librerías externas basándose en otros elementos:

AMP HTML: Se basa en Web components, cuyo objetivo es desarrollar sitios webs mucho más ligeros. Utiliza solo las etiquetas HTML permitidas en sus especificaciones, aunque existen equivalentes para las no permitidas, como por ejemplo <img-amp> para la convencional <img>.

AMP JS: Con este framework se ofrecen los recursos necesarios para el funcionamiento de los componentes HTML AMP. No pudiendo utilizarse alguna otra librería, asegurando así la máxima velocidad de carga.

CACHE: Utiliza la distribución de contenidos basados en proxy, para entregar los documentos AMP con mayor velocidad. Google captura las paginas AMP HTML en su cache y facilita la entrega desde un mismo origen garantizado, no dependiendo de recursos externos.

Informes de AMP en Google Analytics

Existen varias opciones para ver el tráfico AMP en Google Analytics.

Opción 1: Si tienes estructuradas las url de tu sitio Amp, para que empiecen con /amp, se puede ver el informe de Comportamiento> Contenido del sitio> Información detallada , y una vez en este informe seleccionando la carpeta /amp podremos ver el tráfico que llega a dicha carpeta.

Opción 2: Utilizando una dimensión personalizada dedicada para rastrear el estado de AMP (AMP o No AMP), lo que significa que deberás crear un informe personalizado para las métricas básicas, como las vistas de página. Esta opción implica que hay que configurar esa dimensión personalizada en el código de seguimiento o mediante GTM.

Opción 3: Mediante una agrupación de contenido según las URL de las páginas de AMP.

Creamos un nuevo grupo de contenido agregando dos definiciones de reglas, AMP Y NO AMP, a continuación, puedes ver cómo sería la configuración de la segunda regla. Para la primera definición seria copiar esta regla y cambiar la regla a ‘conteniendo’ AMP.

analytics_ampUtilizar la tercera opción tiene a su favor que no tienes que realizar un etiquetado adicional. La agrupación de contenido se atenderá automáticamente a medida que el tráfico fluya hacia tu propiedad de Google Analytics y las vistas relacionadas.

Ahora puedes ir a Comportamiento> Contenido del sitio> Todas las páginas y seleccionando la nueva agrupación de contenido en el menú desplegable, podrás ver el informe con dos filas AMP y No AMP, mostrando el rendimiento para cada tipo de página.

Cómo afecta a la Analítica Web

Una vez Google detecta una url etiquetada como AMP, valida que el HTML cumpla los estándares, se guarda una copia en cache, marca que su versión normal tiene una versión AMP, asociándolas juntas, y como esta url tendría (o debería por el SEO) una canonical apuntando a su versión normal, no se indexarían por separado en el índice de Google.

Las páginas AMP las sirve Google desde su cache (cdn.amproject.org || www.google.com/amp/s/(sitioweb)), cuyo contenido se carga con un iFrame dentro del dominio Google donde se hizo la búsqueda, sirviendo la página, imágenes, etc.

Analítica Vs AMP Project

A nivel de analítica esta situación conlleva unos cuantos problemas, como que un usuario que ve nuestra página AMP y otra cualquiera en nuestra web, serían considerados dos usuarios distintos. Si este accede desde una página AMP a una de nuestro sitio web sin AMP, ocurriría lo mismo y además este mismo tráfico sería considerado tráfico de referencia, proveniente de cdn.ampproject.org.

¿Datos fiables de Analytics?

– Un usuario que visita nuestra web AMP desde Google y o no AMP, son usuarios distintos. Lo mismo ocurre si en dicha página AMP pulsa algún enlace de nuestra web, que lleve a alguna página no AMP de nuestro sitio web.

– El rebote por defecto de una página AMP es 100%, salvo que, por ejemplo, se diera la circunstancia de que tengamos varios resultados del mismo dominio en una SERP (resultados de la búsqueda en el buscador) y el usuario pinchara en varios de ellos en la misma sesión.

– Una visita que llegue a nuestro sitio web, proveniente de un enlace que este situado en una página cacheada de AMP en Google, sería considerada tráfico referente desde la página cdn.amproject.org.

ClientID en páginas AMP

Con AMP tenemos el problema de que las páginas pueden visualizarse de distintas formas, lo que hace que obtengamos distintos clientID por cada visualización. Para que Analytics determine que los hits registrados de dichas visualizaciones son de un mismo usuario, realiza una comprobación del identificador único.

La forma en que Google Analytics determina que dos hits distintos pertenecen al mismo usuario, es comprobando el identificador único asociado al usuario mediante el campo clientID. El identificador único es una cadena generada de forma aleatoria.

Con las páginas que no son AMP, Google Analytics usa una sola cookie propia llamada _ga para almacenar el ID de cliente (en el dominio del editor).

Con las páginas AMP el procedimiento es ligeramente distinto. Las páginas se pueden ver con un navegador de varias formas, lo que hace que el ID de cliente se genere y gestione de distintas maneras. Por este motivo, se verán afectadas las métricas de sitio web y aplicaciones.

Cómo usar un único ID de cliente para páginas AMP / NO AMP

Actualmente puedes habilitar el uso de un único clientID en páginas AMP/NO AMP mediante el uso de la Api ClientID de Google Amp, de la que te hablare más extensamente en un próximo post, pero creo que es necesario que conozcas ya de su existencia. Una vez habilitada la función de la API, Google Analytics empezara a usar un único ClientID para las situaciones antes descritas, como el acceso a través de la búsqueda de Google, acceso directo a páginas AMP o acceso a páginas que no son AMP.

Juan Bravo

Juan Bravo

Share on facebook
Share on twitter
Share on linkedin
Share on email
5 min
Suscríbete a nuestra newsletter

Los mejores artículos de analítica digital para potenciar tu negocio.

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Entradas relacionadas

Cómo configurar Charles para verificar el tracking de APPs

Cómo montar un entorno de pruebas con la ayuda de Charles para poder verificar el tracking de una aplicación móvil. Podremos ver todas las comunicaciones http y https de nuestro dispositivo.

6 minutos

Dificultad

Detección de errores en herramientas de medición

En programación existen multitud de errores que nos hacen la vida imposible, por eso, un programador (siempre que pueda) debe optimizar y dejar el código lo más legible posible.

4 minutos

Dificultad

Visualizaciones personalizadas de datos en google data studio

Google Data Studio se está posicionando como una de las herramienta más utilizada en el mundo de la visualización de datos y reporting. Como todas las herramienta de esta naturaleza, el tipo de visualización de datos que nos permite crear es limitada. Por ahora podemos mostrar nuestros datos a través de diferentes widgets: Scorecard Tablas

3 minutos

Dificultad