Rastree las descargas de PDF con Google Tag Manager + Template

Actualizado: 4 de junio de 2023

Si tienes un sitio web en el que la gente puede hacer clic y abrir/descargar archivos (como PDF u hojas de cálculo de Excel), probablemente querrás saber qué enlaces reciben más clic y si a tus visitantes/usuarios les importan esos recursos en absoluto.

¿Quizás ese documento en el que pasaste incontables horas el año pasado fue pulsado sólo 10 veces en total? Midiendo las descargas de archivos podrás entender qué contenido es más atractivo y dónde deberías centrar más tu esfuerzo.

En la entrada del blog de hoy, te mostraré cómo hacer un seguimiento de las descargas de PDF con Google Tag Manager y enviar esa información como eventos a Google Analytics. De hecho, en la segunda mitad de la entrada del blog, también nos centraremos en otros tipos de archivos.

Nota: esta entrada de blog enseña cómo realizar un seguimiento de los eventos con Universal Analytics.

Empezaré la entrada del blog con una configuración básica (la más estándar) y luego pasaremos a algunos casos extremos (que requieren soluciones más avanzadas). Además, veremos cómo se muestran esos datos en los informes de Google Analytics. Por último, si algunas descargas son súper importantes para su empresa, puede crear un objetivo de Google Analytics para ello.

¿Eres nuevo en Google Tag Manager?

Si eres nuevo en Google Tag Manager hay tres cosas principales que debes saber como principiante total (en realidad hay más cosas que debes saber cuando avanzas):

Y para esta configuración, esto es exactamente lo que haremos: crear los elementos mencionados en el contenedor para que rastreen las descargas de PDF y envíen esos datos a Google Analytics.

Cómo rastrear las descargas de PDF con GTM

Estos son los pasos que deberá seguir para rastrear las descargas de PDF con Google Tag Manager y Google Analytics:

1. Crear un disparador de clicks de enlace (para archivos .pdf)
2. Habilitar las variables relacionadas con el clic
3. Crear una etiqueta de evento de Google Analytics
4. Insertar la variable Click URL en esa etiqueta
5. Ponga esta etiqueta en fuego sólo cuando haga clic en el enlace pdf
6. Revisa los informes de Google Analytics

Y ahora, veamos más de cerca cada paso. En la segunda mitad de esta entrada del blog, mostraré algunas técnicas avanzadas también.

Trigger

Un desencadenante es una condición. Cuando se cumpla, enviaremos los datos del clic a GA (vía etiqueta).

1. En GTM, vaya a Triggers > New
2. Haga clic en Configuracióndel disparador
3. Elija Sólo Clics de Enlace.
4. Selecciona algunos Link Clicks
5. E introduzca la siguiente condición:
   Haga clic en la URL contiene .pdf
   
6. Si no ves la URL del clic en el menú desplegable, haz clic en Elegir variable incorporada y luego selecciona Hacer clic en la URL
7. Guarda el gatillo.

Variables

Para este ejemplo específico, necesitamos una sola variable relacionada con el clic: Click URL. Pero puedo garantizarte que también necesitarás otras variables de clic muy pronto. Por eso te recomiendo encarecidamente que vayas a Variables > Configurar ( en la sección Variables integradas) y que marques las casillas de verificación que aparecen junto a todas las variables de clic. De esta forma, las tendrás disponibles en tu Contenedor del Google Tag Manager

Si eres totalmente nuevo en el Google Tag Manager y no has creado ninguna variable de configuración de Google Analytics todavía, hazlo:

• Ve a Variables > Nueva ( en la sección Variables definidas por el usuario)
• Elija la variable de configuración de Google Analytics

En el campo ID de rastreo, introduzca el ID de su propiedad de Google Analytics.

Puedes hacerlo yendo al administrador de Google Analytics:

Luego Información de rastreo > Código de rastreo. Copia el ID que se parece a este UA-XXXXXX-XX y pégalo en el campo Tracking ID en GTM.

La etiqueta de Google Analytics

Ahora, es el momento de crear el ingrediente final de esta receta, la etiqueta. Piensa en la etiqueta como un método de transporte para tu información. Cuando el clic del enlace PDF ocurre, GTM disparará una etiqueta (que transportará los datos del clic del PDF de su sitio web a Google Analytics).

Antes de implementar esta etiqueta, espero que ya conozcas/tengas la etiqueta general de GA Pageview.

1. Ve a Tags y haz clic en New
2. Tipo de pista – Evento
3. Categoría – descarga de archivos (en realidad, puedes nombrar esto como quieras pero es la convención de nombres habitual que sigo)
4. Acción – {{{Click URL}}
5. Etiqueta – déjala vacía o {{Página URL}}
6. En el campo Configuración de Google Analytics selecciona la variable de configuración GA que ya estabas usando o que has creado hace varios minutos.
7. En la sección Triggering, elige el disparador Just Link Clicks que hemos creado en uno de los capítulos anteriores.
8. Guarda la etiqueta

Pruebe la configuración

No puedo enfatizar esto lo suficiente – probar su configuración es super crucial. No importa lo genial que sea su configuración; si envía datos incorrectos (o tal vez nunca funciona), todos sus esfuerzos son en vano.

Asegurémonos de que tu etiqueta de evento GA se dispara sólo cuando se hace clic en un enlace PDF.

Habilita el modo de vista previa y depuración haciendo clic en el botón Vista previa en la esquina superior derecha. Si no ves el botón, significa que no tienes suficientes permisos en ese contenedor. DEBES tener al menos permisos de edición.

Debe aparecer un banner naranja en su interfaz GTM.

Es 100% necesario que veas ese banner naranja.

Luego ve a tu sitio web donde quieres rastrear las descargas de PDF con Google Tag Manager y Google Analytics. Actualice la página y la consola de vista previa debe aparecer en la parte inferior de su página.

Ahora, haz clic en el enlace del PDF. Si el archivo se abre en la misma pestaña y el modo de vista previa del GTM desaparece, esto es lo que deberá hacer:

1. Actualice su enlace Haga clic en el disparador habilitando la opción «Espere por las etiquetas»
   Después de eso, guarde el disparador, actualice el modo de vista previa, actualice la página donde se encuentra el enlace PDF.
2. Ahora haz clic en ese mismo enlace PDF pero esta vez, hazlo manteniendo pulsada la tecla CTRL (o CMD) del teclado. Esto abrirá el archivo en la nueva pestaña y no perderás la vista previa y el modo de depuración.

El resultado esperado:

• Deberías ver un evento de Clic de Enlace en el modo de vista previa
• Haz clic en él y deberías ver tu etiqueta GA disparada
• Ve a GA Informes en tiempo real > Eventos y deberías ver ese evento en la lista.

Eso es todo. ¡Acabas de empezar a rastrear las descargas de PDF con el Google Tag Manager!

Además, intenta hacer clic en otros enlaces aleatorios de tu sitio que no estén relacionados con el PDF. El resultado esperado: tu etiqueta GA (para el seguimiento de las descargas de PDF) no debería estar activada).

Publicar el contenedor

Una vez que hayas probado todo correctamente, publica el contenedor. Haz clic en el botón Enviar en la esquina superior derecha, introduce el nombre de la versión (por ejemplo, «Implementado el seguimiento de descarga de PDF con GA») y pulsa Publicar.

P.D. Necesitas tener los derechos de publicación en el contenedor para hacer eso.

¿Por qué limitarse a sólo PDF? Rastrea otros archivos también!

¿Qué pasaría si te dijera que con un solo disparador y una sola etiqueta puedes rastrear automáticamente otros archivos también, por ejemplo, .docx, .xlsx, etc.?

Para ello, lo único que tienes que hacer es actualizar tus condiciones de activación. Abre el disparador que has creado en uno de los capítulos anteriores y hazlo:

1. En lugar de la URL de clic que contiene .pdf, usa esto:
   LaURL de clic coincide con RegEx (ignora el caso) .(pdf|xlsx?|docx?|pptx?|odt|zip|rar|txt|rtf|odp|ods|xlsm)
   
2. Guarda el gatillo.

Esa expresión regular significa que si el enlace pulsado contiene .pdf, .xls, .xlsx, u otras extensiones de archivo, entonces el disparador se activará y podremos activar una etiqueta de Google Analytics y así enviar los datos del archivo a GA.

Si quieres añadir más extensiones de archivo soportadas, añade una tubería (línea vertical) | antes del cierre de paréntesis y luego introduce una extensión más. Sólo asegúrate de NO dejar la tubería antes de los paréntesis.

Un buen ejemplo: (pdf xlsx? docx? ppttx? ot zip rr otxtf oodp oods xlsm. exe)

Mal ejemplo: …y el de los niños…

Plantilla del contenedor

Si desea ahorrar tiempo en el futuro, puede consultar esta plantilla de GTM Container para realizar un seguimiento de las descargas de archivos. Descargue la plantilla, impórtela y creará automáticamente todas las etiquetas y variables que necesite. Sólo tendrá que configurar la propiedad GA ID/variable de configuración GA).

Esta plantilla es compatible con múltiples extensiones de archivo, no sólo con PDF.

Revisa los informes de la AG

Una vez que haya probado y publicado el contenedor, los datos empezarán a llegar en poco tiempo (o bastante pronto – esto depende de su volumen de tráfico). Sin embargo, ten en cuenta que los informes en tiempo no real (también conocido como estándar) en Google Analytics no mostrarán los datos inmediatamente.

Hay un cierto retraso que depende del volumen de tráfico que su propiedad GA está recibiendo. El retraso puede tomar minutos, pero también puede tomar horas. GA mantiene el derecho de mostrar los datos dentro de 24 horas.

Así que, ten paciencia.

Una vez que haya esperado al menos un tiempo, vaya a Comportamiento > Eventos > Eventos principales. Allí deberías ver los eventos de descarga de tu archivo.

Si quieres ver qué archivo exacto fue visto/descargado, haz clic en la Categoría de Eventos que te interesa (como descarga de archivo) y verás todos los posibles valores de Acción de Eventos que pertenecen a esa Categoría de Eventos.

Además, no olvides incluir los datos de hoy porque, por defecto, GA excluye los números de hoy.

Crear un objetivo de Google Analytics

Si crees que los clics de ciertos archivos son super importantes para ti y consideras esto como una especie de éxito (normalmente, no lo hago 🙂 ), también puedes configurar un objetivo en Google Analytics.

¿Qué es un objetivo? Es una interacción importante para tu negocio, también conocido como conversión. Esa interacción puede ser una vista de una cierta página, un número de vistas de página, un evento, etc.

En este caso, podemos ordenar a Google Analytics que trate ciertos eventos de clic en enlaces de archivos como súper importantes.

En GA, ve a Admin > Objetivos ( en la columna Ver) > Nuevo Objetivo

• Plantilla – Personalizada
• Nombre de la meta – entrar lo que sea significativo para ti
• Tipo – Evento
• Detalles del objetivo:
  • Ahora depende de ti decidir qué eventos quieres convertir en objetivos. Si quieres tratar todas las descargas de archivos como objetivos (con lo que no deberías), entonces sólo tienes que introducir «descarga de archivos» (sin comillas) en el campo de Categoría y eso es todo.
  • Si quieres considerar como gol sólo la descarga de un determinado archivo, puedes introducir algo como esto:

Recuerda, estos ajustes en el Objetivo dependen de la convención de nombres que uses para los eventos.

Si la acción de tu evento es XXX, y quieres tratar todas las acciones XXX como objetivos, entonces introduces ese XXX en el campo Acción de los ajustes del objetivo.

No te molestes en hacer clic en el enlace Verificar este objetivo porque acabas de crear el evento para el seguimiento del clic en el documento y esta función de verificación aún no ha obtenido los últimos datos.

Guarda el objetivo y ve a GA Realtime > Conversiones. Ahí es donde tus objetivos serán visibles. Haz clic en el enlace del documento (en tu sitio) que tratas como una conversión/objetivo. Luego revisa los informes de GA Realtime.

Bono: Seguimiento avanzado de descargas de archivos con el Google Tag Manager

Si implementó el seguimiento de los clics de enlace como le he indicado anteriormente, verá el valor de la URL de los clics en sus informes. ¿Pero qué pasa si tu empresa (o el Sistema de Gestión de Contenidos) está nombrando los archivos de una manera muy extraña y todo lo que puedes ver en los informes es esto?

Entonces podrías cooperar con un desarrollador y pedirle que añada alguna información adicional a ese elemento de enlace (que podrías obtener más tarde con el Administrador de etiquetas de Google).

Aquí hay un ejemplo de un enlace en algún sitio web. Hago el clic derecho sobre él > Inspeccionar y luego veo algo como esto. Esto es un poco más técnico. El atributo href muestra la URL de destino de ese enlace (también conocido como el lugar al que se redirigirá el enlace, también conocido como la URL del clic).

Este es uno de esos enlaces incomprensibles que serán muy difíciles de leer en tus informes de la AG.

Lo que podrías hacer para mejorar las cosas es pedirle a un desarrollador que agregue un atributo «data-filename» a ese enlace.

«data-filename» es un parámetro inventado, puedes pedir lo que quieras, por ejemplo «data-filedescription», etc. Deberías explicar a un desarrollador que este nuevo atributo personalizado debería incluir alguna información significativa y más comprensible sobre el archivo. ¿Quizás en su CMS, ese archivo ya está usando un nombre propio?

Aquí hay un ejemplo de cómo ese parámetro podría verse después de que un desarrollador lo implemente.

Este paso (para obtener la aprobación del desarrollador) es el más difícil. Ahora, la parte más fácil: la configuración del GTM.

Vaya a Variables > Variables definidas por el usuario > Nuevo > Variable de auto-evento. Introduzca la siguiente configuración:

En el campo Nombre del Atributo, debe introducir el nombre de ese atributo personalizado que su desarrollador ha añadido, por ejemplo, data-filename.

Ahora, ve a tu Etiqueta de Evento GA (que has creado en uno de los capítulos anteriores de esta entrada del blog) y edita los valores de los campos Acción de Evento y Etiqueta de Evento.

Ahora, creo que sería mejor usar estos ajustes:

• Acción de evento: {{aev – nombre de archivo de datos}} (esto podría ser diferente basado en cómo nombró su etiqueta). Esta variable devolverá un nombre de archivo legible
• Etiquetade evento: {{Click URL}}. Esta variable devolverá la URL completa del archivo en el que se ha hecho clic (tal vez la necesites algún día en el futuro).

¿Qué pasa si un enlace de archivo no contiene una extensión de archivo?

A veces, los enlaces de archivos en los sitios web no contienen ninguna extensión de archivo (como .pdf, .docx, etc.). Pero incluso sin eso, seguirán abriendo/descargando un archivo.

¿Cómo puede rastrear las descargas de archivos si la URL es así: https://www.mywebsite.com/files/download/2oasdb39asdbj3?

Opción #1: Pedir los atributos de datos-*

Este principio ya se trató en el capítulo anterior. Intente cooperar con un desarrollador y pida atributos de datos adicionales, como el nombre del archivo de datos o el archivador de datos.

Opción 2. Solicite un dataLayer.push

Otra opción podría ser pedirle a un desarrollador que empuje la información del archivo a la Capa de Datos cada vez que un visitante haga clic en el enlace del archivo. Aquí hay un ejemplo del código:

Una vez que un desarrollador hace eso, tendrá que comprobarlo. Habilite/actualice el modo de vista previa del GTM y después de hacer clic en el enlace del archivo, debería ver este evento en la consola de depuración:

Una vez que tenga esto, cree un Disparador de Eventos Personalizados:

Luego cree una Variable de Capa de Datos que devolverá el nombre del archivo:

Crea una etiqueta de evento de Google Analytics (no olvides asignar tu Disparador de eventos personalizado a esa etiqueta):

Eso es todo. Aplica los mismos principios de prueba que he explicado en uno de los capítulos anteriores de esta entrada de blog.

PREGUNTAS FRECUENTES

A veces, termino las entradas del blog con las preguntas más populares que veo en línea relacionadas con el tema actual. Esta vez, sólo tengo una. Con suerte, la lista se actualizará en el futuro si observo nuevas tendencias en la sección de comentarios de abajo.

¿Puedes rastrear el botón de descarga en el archivo PDF? Normalmente, la gente se refiere a este botón que está disponible cuando se abre un archivo PDF en el navegador (como Google Chrome):

Desafortunadamente, la respuesta a esta pregunta es no. No puedes rastrearlo porque ahora estás viendo el archivo PDF directamente en un navegador y no puedes colocar códigos de rastreo en estos archivos.

Palabras finales

Por lo general, rastrear las descargas de PDF con Google Tag Manager es bastante fácil (o cualquier otro tipo de archivos). Una vez que se entienden los conceptos principales, como los disparadores, las etiquetas, las variables, se debe poner en marcha con bastante rapidez.

Aquí está el resumen de las cosas que deberías hacer:

• Crear un disparador que compruebe los clics de los enlaces en tu sitio. Si el URL del clic contiene.pdf, .xlsx, u otras extensiones de archivo, esto debería considerarse como una descarga de archivo.
• Si aún no lo ha hecho, habilite las variables relacionadas con los clics en el contenedor GTM. En este caso, necesitaremos la URL del clic, pero puede habilitar todas las variables de clic. En otros casos, las necesitará muy pronto.
• Crea una etiqueta de Universal Analytics (también conocida como Google Analytics) y dispara en el disparador de Clic de Enlace que has creado previamente.
• Introduce la variable URL de clic en Acción de evento o Etiqueta de evento (depende de la convención de nombres que hayas seleccionado).

Cada vez que se haga clic en un enlace de un archivo, se activará el disparador y se disparará la etiqueta GA. Esa etiqueta enviará el valor de la URL del clic a Google Analytics.

Si los enlaces de archivos de su sitio no contienen nombres de archivos o extensiones, deberá cooperar con un desarrollador:

• Pídale que incluya atributos de datos-* en los enlaces
• O pedirle que envíe los datos a la capa de datos una vez que se haga clic en el enlace del archivo.