Tutorial de Google Tag Manager, parte 2: Seguimiento de enlaces de descarga - Actualización 2020

En la Parte 1 de nuestro Tutorial actualizado de Google Tag Manager, cubrimos el seguimiento de enlaces salientes (externos). Si te lo perdiste, es posible que desees comenzar aquí. En esta segunda parte, lo guiaremos a través del proceso de configuración del seguimiento para descargas de archivos desde su sitio web. Si ofrece recursos descargables como libros electrónicos, PDF o documentos técnicos, es probable que desee realizar un seguimiento de la frecuencia con la que los visitantes descargan este contenido. El seguimiento de las descargas en su sitio web puede ayudarlo a descubrir qué les interesa a sus visitantes y ayudarlo a determinar qué tipo de contenido realmente desea su audiencia.

Google Analytics no rastrea automáticamente esta actividad, pero Google Tag Manager (GTM) ofrece una solución fácil y automatizada para rastrear descargas.

En este tutorial, asumimos que ya tiene una cuenta de Google Tag Manager, ha creado un contenedor y lo ha instalado en su sitio web. También debe tener una cuenta de Google Analytics configurada para su sitio web y haberla vinculado a GTM.

Configure el seguimiento del enlace de descarga siguiendo los pasos a continuación.

Paso 1: habilite las variables "Elemento de clic" y "URL de clic"

En Google Tag Manager, tiene una variedad de variables integradas para seleccionar, así como la opción de crear sus propias variables personalizadas si es necesario. Para esta configuración, necesitará las variables integradas "Elemento de clic" y "URL de clic". Si no ha utilizado estas variables antes, debe seleccionarlas y habilitarlas. Para hacerlo, navegue hasta “Variables”, y en la sección “Variables integradas” haga clic en “Configurar”. Desplácese hasta las distintas Variables de clic y establezca una marca de verificación para "Elemento de clic" y "URL de clic".

Paso 2: cree una variable de JavaScript personalizada

Esta variable definida por el usuario se compone de unas pocas líneas de JavaScript que eliminan la extensión del archivo al final de un enlace para que pueda dividir fácilmente las descargas por tipo de archivo en Google Analytics.

Para configurar esto, vaya a "Variables" en la interfaz de usuario de Google Tag Manager, desplácese hacia abajo hasta "Variables definidas por el usuario" y haga clic en "Nuevo". En el selector de variables, elija "JavaScript personalizado" como plantilla de variable.

Establezca su configuración de variable:

• Reemplace "Variable sin título" con un nombre descriptivo como "JS - Tipo de archivo".
• Copie y pegue el siguiente código en el cuadro de entrada "JavaScript personalizado" y luego haga clic en "Guardar".

 function () {
var filepath = {{Elemento de clic}}. pathname.split ("/");
var nombre de archivo = ruta de archivo.pop ();
var filetype;
if (filename.indexOf (".")> - 1) {
    tipoarchivo = nombrearchivo.substr (nombrearchivo.indexOf (".") + 1);
    filetype = filetype.toUpperCase ();
    return filetype;
    }
}

Tu variable debería verse así:

Paso 3: Cree el activador "Solo enlaces"

Este disparador determina si un clic en un enlace es una descarga de archivo. Ofrece una larga lista de extensiones de archivo, y si la URL de un enlace contiene una de ellas, la regla activa el disparador y la etiqueta entra en acción. Opcionalmente, puede personalizar estas extensiones de archivo para incluir solo las que le interesan, o agregar otras específicas para el tipo de descargas que ofrece en su sitio.

Para configurar el activador para los clics en el enlace de descarga, siga estos pasos:

• Vaya a "Activadores" en la barra lateral izquierda y cree uno nuevo.
• Proporcione un nombre descriptivo como "Clics en enlaces - Descargas".
• Elija el tipo de activador: "Haga clic - Solo enlaces"
• Para la condición de activación, establézcala en "Algunos clics en enlaces"> Variable: "URL de clic"> "coincide con la expresión regular (ignorar mayúsculas y minúsculas)"> "^. * \. (7z | aac | arc | arj | asf | asx | avi | bin | csv | doc | exe | flv | gz | gzip | hqx | jar | js | mp (2 | 3 | 4 | e? g) | mov (ie)? | msi | msp | pdf | phps | ppt | qtm? | ra (m | r)? | sea | sit | tar | tgz | torrent | txt | wav | wma | wmv | wpd | xls | xml | z | zip) $ ”
• Opciones de "Esperar etiquetas" y "Verificar validación": "Esperar etiquetas" garantiza que todas las etiquetas que se activan con este activador se ejecuten primero antes de continuar con la acción del evento. Para el activador "Solo enlaces", la descarga del archivo se detiene el tiempo suficiente para que se completen todas las etiquetas dependientes, después de lo cual se reanuda la descarga. "Comprobar validación" comprueba si el clic fue realmente válido. Estos se pueden configurar libremente, pero recomendamos dejarlos sin marcar para este disparador en la mayoría de las situaciones.
• Clic en Guardar"

Así es como se ve la configuración del disparador:

Cambiar la lista de "|" extensiones de archivo separadas en condiciones de incendio si solo desea realizar un seguimiento de ciertos tipos de descargas.

Paso 4: Cree la etiqueta de evento de clic de descarga

Esta etiqueta utilizará la variable JS personalizada y el activador que creó. Esto registrará los clics en los enlaces que tengan las extensiones de archivo que configuró en el activador en Google Analytics.

Créelo siguiendo estos pasos:

• Vaya a> "Etiquetas"> "Nuevo" para crear una nueva etiqueta
• Nómbrelo "GA - Evento - Descargas"
• Para la configuración de su etiqueta, elija "Google Analytics: Universal Analytics" como su tipo de etiqueta.
• Tipo de pista: "Eventos"

Ingrese la siguiente configuración como se muestra:

En la sección "Activación" a continuación, agregue su activador preconfigurado del paso 3.

Los eventos de descarga que rastrea esta etiqueta aparecerán en el Informe de eventos (sección "Comportamiento") en Google Analytics con la categoría "Descargas". La acción del evento aparecerá como el tipo de archivo (PDF, DOC, etc.) y la etiqueta mostrará la URL del enlace de descarga.

Paso 5: guarde una versión, pruebe y publique

La etiqueta que acaba de crear no comenzará a funcionar hasta que la publique, pero primero debe probar a fondo que funciona como se esperaba. Una vez guardada la etiqueta, habilite el modo Vista previa (haga clic en “Vista previa” en la esquina superior derecha), vaya a su sitio web y actualice la página.

Asegúrese de cubrir estos escenarios de prueba para el seguimiento de enlaces de descarga:

• Haga clic en un enlace de descarga: debe activarse la etiqueta GA "GA - Evento - Descargas".
• Haga clic en cualquier otro enlace, por ejemplo, perfil de redes sociales: la etiqueta no debe activarse.

El Informe de eventos en tiempo real de Google Analytics debería mostrar los hits de su evento si todo funciona correctamente. Lea nuestra publicación de blog sobre los problemas de prueba del Administrador de etiquetas de Google y cómo solucionarlos si tiene algún problema.

Si todas sus pruebas tienen éxito, puede hacer clic en el botón "Enviar" en GTM. Asigne a esta versión publicada un nombre como "Evento de enlace de descarga agregado" y haga clic en "Publicar".

Próximo tutorial

En esta segunda parte de nuestra guía, hemos explicado cómo puede configurar fácilmente el seguimiento automático de enlaces de descarga con la ayuda de JavaScript personalizado y las variables integradas en Google Tag Manager.

Ahora que ha utilizado algunas de las funcionalidades de GTM, es de esperar que esté listo para saltar a escenarios de seguimiento más complejos. La parte 3 de este tutorial profundizará en las posibilidades de la herramienta de administración de etiquetas. ¡Estén atentos para nuestra próxima actualización!