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.

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. Clic para tuitear

¿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.

dispositivos userid

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:

segmento userid

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.

userid dispositivo

¿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.

activar userid analytics

#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>

Qué es un Data Layer

Data Layer es un código JavaScript donde a través de una variable recogemos la información que necesitamos.

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.

dimension personalizada tag manager

#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.

asociar tag manager analytics

#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).

configuracion etiqueta userid

 

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 🙂

  • Sebastián Soffia Hernández

    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!

    • José Luis Galán

      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.

  • Beatriz

    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

    • José Luis Galán

      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.

*