Hoy nos ponemos más técnicos que de costumbre para contarte cómo vamos a ofrecer un servicio más personalizado a nuestros usuarios y cómo tú puedes hacerlo en tu web. Para ello, contamos con el analista web José Luis Galán que nos ha ayudado a implementar el administrador de etiquetas de Google.
En Publisuites hemos implementado Google Tag Manager (GTM). Algunos os preguntaréis qué es y en qué te puede ayudar tenerlo implementado en tu web.
Google Tag Manager es un gestor de etiquetas en la nube y es gratuito, con el que podremos insertar las etiquetas en las paginas de nuestro site sin necesidad de modificar nuestro código fuente y todo ello de una forma sencilla y rápida.
¿Cómo usar Google Tag Manager desde cero?Cuando hablo de etiqueta o tag, me refiero a una pequeña sección de código, que es colocado en una o varias páginas de nuestro site con el fin de realizar la acción para la cual han sido diseñados. Por ejemplo, medir tráfico, comportamiento de usuarios, realizar seguimientos de remarketing, de campañas, etc…
Ventajas de implementar Google Tag Manager en nuestra web
Usando el Tag Manager, conseguimos un marketing más ágil al tener una menor dependencia de IT o el equipo técnico. También optimizamos el rendimiento de la web y disponemos de etiquetas pre-configuradas lo que permite ahorrarnos tiempo al crearlas.
Mejoramos la gestión y control de los fallos a través de su depurador de errores, eventos automáticos para el seguimiento de Analytics del tipo click, formularios, páginas virtuales, dimensiones y métricas personalizadas, user ID, etc…
Otra ventaja es que al ser de Google tiene integración con sus productos (Analytics, AdWords, DoubleClick…)
La principal ventaja de usar Tag Manager es la independencia del equipo técnico para implementar las etiquetas en el código.
Vamos a verlo con un ejemplo 🙂
Tienes una página donde tienes que insertar el snippet de Google Analytics, la etiqueta de Adwords para realizar el seguimiento de las conversiones y hacer remarketing o los pixeles de seguimiento de conversión de Twitter y Facebook. Si no tuvieses GTM tendrías que esperar a que el departamento de IT o el desarrollador lo implementase en el código. Esto demoraría el tiempo de las planificaciones de mediciones en las campañas, pudiendo no llegar a tiempo o tener que planificar con muchísima antelación perdiendo así agilidad ante la posibilidad de querer cambiar algo de la campaña.
Nosotros lo hemos utilizado, entre otras cosas, para implementar el userID. Y es por ello, que voy a explicarte paso a paso cómo lo hemos hecho para que tú también puedas aplicarlo en tu web.
¿Cómo implementar el UserID con Google Tag Manager? Caso práctico. Share on X¿Por qué hemos implementado el UserId en Publisuites?
Nos preguntamos cómo darle lo mejor a nuestros clientes de la forma más personalizada posible y para ello debemos saber qué necesidades demandan y cómo actúan en la plataforma de Publisuites. Es por esto por lo que hemos implementado el seguimiento del userId en Analytics.
Conocer las necesidades de los usuarios y cómo actúan en la plataforma es fundamental para ofrecerles un servicio personalizado.
Mejor lo ilustramos con un ejemplo:
Imaginaros que queremos lanzar una campaña de email personalizada a nuestros anunciantes que están interesados en publicar en portales de futbol.
Lo primero que haríamos es identificar el grupo de usuarios, a través de un segmento en Google Analytics donde recoger los usuarios que en alguna de sus sesiones se han interesado por el tema futbol.
Una vez que tenemos el segmento queremos ver qué dispositivo utilizan para acceder cuando vienen desde una campaña de email, de esta forma comprobamos que el mejor ratio de conversión es cuando acceden desde móvil por 1º vez y comprobamos que todos usan iPhone, por lo que decidimos sólo lanzar la campaña a los usuarios que tienen iPhone (ya sé que suena raro, pero es un ejemplo y queremos saber hasta dónde podemos llegar)
Si no tenemos implementado el seguimiento de userId, Analytics identifica un usuario diferente por dispositivo y navegador, de esta forma si accedemos desde el ordenador luego desde la tablet y después desde el móvil y en todos estos dispositivos nos interesamos por el fútbol, tendríamos 3 usuarios interesados en futbol cuando en realidad solo hay 1, esto nos puede llevar a tomar decisiones erróneas en un futuro, pensando que el fútbol tiene un gran interés cuando no es así.
Al implementar el userId, Analytics unifica las sesiones a un único ID que en nuestro caso se lo proporcionamos nosotros y de esta forma solo habría un usuario.
Al crear el seguimiento de userId se crea una vista donde podemos ver la ruta y superposición de dispositivos y ver cómo contribuyen en las transacciones. Lo podemos comprobar en la siguiente imagen:
Como hemos asignado nuestro userID interno (el ID que tiene cada usuario en la plataforma), podremos extraer los usuarios interesados que hemos visto en el ejemplo mediante la dimensión personalizada UserID y cruzar con nuestro CRM para lanzar la campaña personalizada.
En la siguiente imagen vemos una aplicación del UserId como dimensión secundaria.
¿Cómo podemos conocer este ID? A través de Analytics y configurándolo en Google Tag Manager.
Vamos a ello! Paso por paso.
#1. Activar el User-ID en la propiedad de Google Analytics
Lo primero es activar el User-ID en la propiedad de Analytics, al activarlo se nos crea una vista nueva (es obligatoria) le damos el nombre que nosotros queramos, en nuestro caso (User ID).
Muy importante en esta vista sólo se recogerán los datos de los usuarios que estén logados. Ya que serán los que tengan ID.
#2. Asociar el nº de cliente a Analytics
Una vez activada la función de User-ID y creada la vista, necesitamos recoger nuestro nº de cliente interno (userID) de los usuarios en cada visita y asociarlo a Analytics.
Para recoger el nº necesitamos del departamento IT. Ellos tienen que introducir un Data Layer como el siguiente :
<script>dataLayer = [{'userID': 'XXXXXXX'}];</script>En nuestro caso la variable la hemos llamado userID y esta recogerá el nº de cliente interno en la plataforma.
#3 . Crear una Dimensión Personalizada para recoger el userID en Analytics
Ahora vamos a crear una Dimensión Personalizada para recoger el userID en Analytics.
Dimensiones y métricas
Google Analytics tiene dimensiones (fuente de origen, medio, país, navegador, etc…) y métricas (usuarios, sesiones, % rebote, etc…). También nos permite crear las nuestras propias dimensiones (hasta un máximo de 20) de esta forma podremos usar el userID como dimensión en segmentos, en dimensiones secundarias e informes personalizados.
Para crear una dimensión personalizada nos vamos hasta la propiedad de Analytics donde le damos a dimensión personalizada nueva y rellenamos los campos con el nombre que le queramos dar (en nuestro caso userID). En el ámbito ponemos usuario, lo dejamos en activo y le damos a crear.
Aparecerá un código para introducir en la web pero eso solo sería necesario si no utilizaremos Tag Manager.
En nuestro caso esa, al usar Tag Manager, no dependemos de IT y no necesitamos introducir ese código en la web. Una vez creada aparecerá un cuadro resumen con el nombre de la dimensión y el número de índice, datos que usaremos en Tag Manager más adelante.
#4. Asociar la variable del Tag Manager a Analytics.
Por fin utilizamos Tag Manager para asociarlo a Analytics.
Tag Manager se compone de:
- Variables asociadas a un valor.
- Activadores: condiciones para que se ejecute la etiqueta.
- Etiquetas: código que una vez activado envía la información en este caso a Analytics.
Pues bien, creamos una variable del tipo capa de datos (Data Layer) y le asignamos el nombre que le dimos en el paso anterior (userID) como vemos en la imagen inferior.
De esta forma esta variable recogerá siempre el número de cliente interno. La variable le ponemos un nombre significativo para que sepamos a que hace referencia en nuestro caso la hemos llamado UserID_GA.
#5. Configurar la etiqueta
Ya estamos en el último paso. Sólo nos queda configurar la etiqueta que es del tipo Universal Analytics y seguimiento página vista.
En los campos para configurar creamos el campo userId con el valor de la variable creada anteriormente y para dimensiones personalizadas hacemos lo mismo solo que colocamos el número del índice que nos da Analytics (visto en el paso 3 cuando hemos creado la dimensión personalizada).
Y de esta forma podremos obtener todos los datos y combinar el userID con la información que deseemos para realizar un análisis más exhaustivo. Así sabremos las necesidades e intereses de los clientes para poder enviarles una campaña de email personalizada con los medios que les interesan.
¿Qué te ha parecido? ¿Ya conocías Google Tag Manager? Déjanos un comentario y cuéntanos 🙂
16 comentarios en “Cómo implementar el User ID a través de Google Tag Manager. Caso práctico.”
Pingback: Paneles personalizados de Analytics: tus métricas a golpe de vista
Estimados, muy buen post, sencillo y al grano! se agradece!
Solo tengo dudas en el punto #2, como integro este Data Layer? es en Tag Manager?
Espero me puedan ayudar con esto.
Gracias!
Gracias, me alegro que te haya gustado, el Data Layer debe de implementarlo el desarrollador en el codigo del site, dentro del head y antes del codigo de Tag Manager.
Buenas,
Lo acabo de implementar en mi sitio web, pero me surge la duda de si lo he hecho completamente bien. En mi caso ya tenía el GTM añadido en mi sitio y otros tags, pero he hecho lo del UserID tal como se muestra en esta guía, me ha parecido un poco complejo seguir todos los pasos y eso que estoy familiarizada con GTM, pero al final lo he sacado, pero mi consulta se da cuando hay que añadir en el código del sitio, dentro del head y antes de GTM el código de:
dataLayer = [{‘userID’: ‘MI ID de vista’}];
gtag(‘set’, {‘user_id’: ‘USER_ID’}); // Establezca el ID de usuario mediante el user_id con el que haya iniciado sesión.
En la segunda línea, el segundo USER_ID, ¿tengo que poner la ID de mi vista?
Muchas gracias de antemano.
Saludos
Hola Beatriz,
Disculpa el retraso en la contestación pero se nos fue tu comentario a spam, no tienes que poner el id de tu vista, lo que debes de hacer en la variable ´user_id´ es recoger el Id que le estemos dando al usuario. Un saludo.
Pingback: Tareas de mantenimiento SEO - Carles Alonso
Hola Jose Luis,
hice todos los pasos, pero lo del codigo no entiendo nada y desde hace 2 días que mis numeros estan en cero en Analytics. He perdido datos importantes y por más que desactivo esta dimensión personalizada, los numeros siguen en cero. Cómo no me ha funcionado porque no entiendo lo del código del UserId, ¿Donde debo conseguirlo para implementarlo?, me gustaría que lo aclarases mejor porque más allá de que el tutorial sea completo, es bastante confuso en los pasos que afirmas que ellos o el desarrollador del código deben darme el número. ¿Qué numero y cuando lo voy a conseguir? En verdad no entiendo nada. Un saludo!
Pingback: La lista de herramientas seo imprescindibles para potenciar tus visitas
Hola, quisiera ver un ejemplo mas directo de como incluir el datalayer con datos «Reales»
muchisimas gracias por el resto del post me sirvio mucho
Hola Camilo,
ejemplo no te puedo adjuntar pero si sientes curiosidad por saber cómo es. Desde cualquier web (por ejemplo, publisuites.com) abres la consola de Chrome (botón izquierdo «inspeccionar») y en la pestaña «Console» escribes Datalayer y le das a intro. Ahí se muestra el datalayer que tiene la web en cuestión con las variables específicas.
No sé si te ayudará. En cualquier caso, te invito a que busques por internet más ejemplos que hay blogs más especializados en analítica.
Un saludo.
Hola, sabes como podría implementar esto para vanilla forum?
gracias
Hola,
nunca lo he usado. Pero haz una búsqueda en Google que seguro que alguien habrá tenido tu inquietud y habrá algo escrito sobre ello 🙂
Siento no poder ayudarte.
Un saludo.
Hola Gonzalo!
Mira este módulo que tiene esa funcionalidad: https://open.vanillaforums.com/addon/googletagmanager-plugin
Otra opción sería insertar de forma normal (por código) GTM y sacar el Client ID de forma manual.
Saludos!
Eric
=)
Hola, articulo muy muy claro..
una pregunta: como puedo testar si el USERID funciona en mi analytics en tiempo real (una vez que hice los puntos 1,2,3,4 y 5)?
Gracias
Claudio
Hola Claudio!
En tiempo real no vas a poder a no ser que lo envíes a analytics como una url virtual o como una categoría o acción de evento, aunque no tiene mucho sentido.
Normalmente lo que se hace es un match entre los datos de la base de datos y analytics.
El User ID lo generamos nosotros y se lo mandamos a Google Analytics, por lo por ejemplo, si tienes una tienda online, puedes ver el ID de los usuarios que compraron en tu tienda desde tu plataforma interna y desde Analytics puedes ver si coinciden los ID de venta de esos usuarios con las ventas de pedidos.
Para sacar esto en analytics debes agregar una dimensión secundaria o crearte un panel personalizado. También puedes usar algún segmento o incluso montarte un Data Studio para hacer este match de datos.
Tienes muchas opciones, pero lo más fácil y rápido es bajarte los datos en excel de tu base de datos, bajarte los datos en excel de analytics con la dimensión del userID y usar la fórmula de excel vlookup o buscarv para hacer el match y ver si falla algo.
Espero que te ayude =)
¡Qué artículo tan útil sobre cómo implementar el User ID a través de Google Tag Manager! El User ID es una herramienta poderosa para comprender y mejorar la experiencia de tus usuarios en tu sitio web.