{"id":2529,"date":"2018-01-18T12:04:18","date_gmt":"2018-01-18T10:04:18","guid":{"rendered":"https:\/\/www.publisuites.com\/blog\/?p=2529"},"modified":"2019-10-03T12:29:35","modified_gmt":"2019-10-03T10:29:35","slug":"userid-google-tag-manager","status":"publish","type":"post","link":"https:\/\/www.publisuites.com\/blog\/userid-google-tag-manager\/","title":{"rendered":"C\u00f3mo implementar el User ID a trav\u00e9s de Google Tag Manager. Caso pr\u00e1ctico."},"content":{"rendered":"

Hoy nos ponemos m\u00e1s t\u00e9cnicos que de costumbre para contarte c\u00f3mo vamos a ofrecer un servicio m\u00e1s personalizado a nuestros usuarios y c\u00f3mo t\u00fa puedes hacerlo en tu web. Para ello, contamos con el analista web Jos\u00e9 Luis Gal\u00e1n que nos ha ayudado a implementar el administrador de etiquetas de Google.<\/p>\n

\n

En Publisuites hemos implementado Google Tag Manager (GTM). Algunos os preguntar\u00e9is qu\u00e9 es y en qu\u00e9 te puede ayudar tenerlo implementado en tu web.<\/p>\n

Google Tag Manager es un gestor de etiquetas en la nube y es gratuito<\/strong>, con el que podremos insertar las etiquetas en las paginas de nuestro site<\/em> sin necesidad de modificar nuestro c\u00f3digo fuente y todo ello de una forma sencilla y r\u00e1pida.<\/p>\n<\/i> \u00bfC\u00f3mo usar Google Tag Manager desde cero?<\/a><\/p>\n

Cuando hablo de etiqueta o tag<\/em>, me refiero a una peque\u00f1a\u00a0secci\u00f3n\u00a0de\u00a0c\u00f3digo<\/strong>, que es colocado en una o varias\u00a0p\u00e1ginas de nuestro site<\/em> con el fin de realizar\u00a0la acci\u00f3n para la cual han sido\u00a0dise\u00f1ados. Por ejemplo, medir tr\u00e1fico, comportamiento de usuarios, realizar seguimientos de remarketing, de campa\u00f1as, etc…<\/p>\n

Ventajas de implementar Google Tag Manager en nuestra web<\/h2>\n

Usando el Tag Manager, conseguimos un marketing m\u00e1s \u00e1gil al tener una menor dependencia de IT o el equipo t\u00e9cnico.\u00a0<\/strong>Tambi\u00e9n\u00a0optimizamos el rendimiento de la web y disponemos de etiquetas pre-configuradas lo que permite ahorrarnos tiempo\u00a0al crearlas.<\/p>\n

Mejoramos la gesti\u00f3n y control de los fallos a\u00a0trav\u00e9s de su depurador de errores, eventos autom\u00e1ticos para el seguimiento de Analytics del tipo\u00a0click<\/em>, formularios, p\u00e1ginas virtuales, dimensiones y\u00a0m\u00e9tricas personalizadas, user ID, etc\u2026<\/p>\n

Otra ventaja es que al ser de Google tiene integraci\u00f3n con sus productos (Analytics, AdWords, DoubleClick…)<\/p>\n

La principal ventaja de usar Tag Manager es la independencia del equipo t\u00e9cnico para implementar las etiquetas en el c\u00f3digo.<\/p><\/blockquote>\n

Vamos a verlo con un ejemplo \ud83d\ude42<\/p>\n

Tienes una\u00a0p\u00e1gina donde tienes que insertar el snippet<\/em> de\u00a0Google Analytics, la etiqueta de\u00a0Adwords\u00a0para realizar el seguimiento de las conversiones y hacer remarketing o los\u00a0pixeles de seguimiento de conversi\u00f3n\u00a0de Twitter y Facebook. Si no tuvieses GTM tendr\u00edas que esperar a que el departamento de IT o el desarrollador lo implementase en el c\u00f3digo. Esto demorar\u00eda el tiempo de las planificaciones de mediciones en las campa\u00f1as, pudiendo no llegar a tiempo o tener que planificar con much\u00edsima antelaci\u00f3n perdiendo as\u00ed agilidad ante la posibilidad de querer cambiar algo de la campa\u00f1a.<\/p>\n

Nosotros lo hemos utilizado, entre otras cosas, para implementar el userID. Y es por ello, que voy a explicarte paso a paso c\u00f3mo lo hemos hecho para que t\u00fa tambi\u00e9n puedas aplicarlo en tu web<\/strong>.<\/p>\n\u00bfC\u00f3mo implementar el UserID con Google Tag Manager? Caso pr\u00e1ctico. <\/a><\/span>Compartir en X<\/a><\/span>\n

\u00bfPor qu\u00e9 hemos implementado el UserId en Publisuites?<\/h2>\n

Nos preguntamos c\u00f3mo darle lo mejor a nuestros clientes de la forma m\u00e1s personalizada posible y para ello debemos saber qu\u00e9 necesidades demandan y c\u00f3mo act\u00faan en la plataforma<\/strong> de Publisuites. Es por esto por lo que hemos implementado el seguimiento del userId en Analytics.<\/p>\n

Conocer las necesidades de los usuarios y c\u00f3mo act\u00faan en la plataforma es fundamental para ofrecerles un servicio personalizado.<\/p><\/blockquote>\n

Mejor lo ilustramos con un ejemplo:<\/p>\n

Imaginaros que queremos lanzar una campa\u00f1a de email personalizada a nuestros anunciantes que est\u00e1n interesados en publicar en portales de futbol.<\/p>\n

Lo primero que har\u00edamos es identificar el grupo de usuarios, a trav\u00e9s de un segmento en Google Analytics donde recoger los usuarios que en alguna de sus sesiones se han interesado por el tema futbol<\/strong>.<\/p>\n

Una vez que tenemos el segmento queremos ver qu\u00e9 dispositivo utilizan para acceder<\/strong> cuando vienen desde una campa\u00f1a de email<\/strong>, de esta forma comprobamos que el mejor ratio de\u00a0conversi\u00f3n es cuando acceden desde m\u00f3vil por 1\u00ba vez y comprobamos que todos usan iPhone, por lo que decidimos s\u00f3lo lanzar la campa\u00f1a a los usuarios que tienen iPhone (ya s\u00e9 que suena raro, pero es un ejemplo y queremos saber hasta d\u00f3nde podemos llegar)<\/p>\n

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\u00a0despu\u00e9s desde el m\u00f3vil y en todos\u00a0estos dispositivos nos interesamos por el f\u00fatbol,<\/strong>\u00a0tendr\u00edamos 3 usuarios interesados en futbol cuando en realidad solo hay 1<\/strong>, esto nos puede llevar a tomar decisiones\u00a0err\u00f3neas en un futuro, pensando que el f\u00fatbol tiene un gran\u00a0inter\u00e9s cuando no es\u00a0as\u00ed.<\/p>\n

Al\u00a0implementar el userId, Analytics unifica las sesiones a un \u00fanico ID que en nuestro caso se lo proporcionamos nosotros y de esta forma solo habr\u00eda un usuario.<\/p><\/blockquote>\n

\"dispositivos<\/a><\/p>\n

Al crear el\u00a0seguimiento de userId se crea una vista donde podemos ver la ruta y\u00a0superposici\u00f3n\u00a0de\u00a0dispositivos y ver c\u00f3mo contribuyen en las transacciones. Lo podemos comprobar en la siguiente imagen:<\/span><\/p>\n

\"segmento<\/a><\/p>\n

Como hemos asignado nuestro userID interno (el ID que tiene cada usuario en la plataforma), podremos extraer los usuarios\u00a0interesados que hemos visto en el ejemplo mediante la dimensi\u00f3n personalizada UserID y cruzar con nuestro CRM para lanzar la campa\u00f1a personalizada. <\/span><\/p>\n

En la siguiente imagen vemos una aplicaci\u00f3n del UserId como dimensi\u00f3n secundaria.<\/span><\/p>\n

\"userid<\/a><\/p>\n

\u00bfC\u00f3mo podemos conocer este ID? A trav\u00e9s de Analytics y configur\u00e1ndolo en Google Tag Manager.\u00a0<\/span><\/h2>\n

Vamos a ello! Paso por paso.<\/span><\/p>\n

#1. Activar el User-ID en la propiedad de Google Analytics<\/h3>\n

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).<\/p>\n<\/i> Muy importante en esta vista s\u00f3lo se recoger\u00e1n los datos de los usuarios que est\u00e9n logados. Ya que ser\u00e1n los que tengan ID.<\/p>\n

\"activar<\/a><\/p>\n

#2. Asociar el n\u00ba de cliente a Analytics<\/h3>\n

Una vez activada la\u00a0funci\u00f3n de User-ID y\u00a0creada la vista,\u00a0necesitamos recoger nuestro n\u00ba de cliente interno (userID) de los usuarios en cada visita y\u00a0asociarlo a Analytics.<\/p>\n

Para recoger el n\u00ba necesitamos del departamento IT. Ellos tienen que introducir un Data Layer<\/strong> como el siguiente :<\/p>\n

\u00a0<script>dataLayer = [{'userID': 'XXXXXXX'}];<\/script><\/code><\/pre>\n[eckosc_status_message title=\u00bbQu\u00e9 es un Data Layer\u00bb icon=\u00bb\u00bb type=\u00bbinfo\u00bb message=\u00bbData Layer es un\u00a0c\u00f3digo JavaScript donde a\u00a0trav\u00e9s de una variable recogemos la\u00a0informaci\u00f3n que necesitamos.\u00bb]\n
En nuestro caso la variable la hemos llamado userID y esta\u00a0recoger\u00e1 el n\u00ba de cliente interno en la plataforma.<\/p>\n
#3 . Crear una Dimensi\u00f3n Personalizada para recoger el userID en Analytics<\/h3>\n
Ahora vamos a crear una Dimensi\u00f3n Personalizada para recoger el userID en Analytics.<\/p>\n
Dimensiones y m\u00e9tricas<\/strong><\/p>\n
Google Analytics tiene dimensiones (fuente de origen, medio, pa\u00eds, navegador, etc…) y m\u00e9tricas (usuarios, sesiones, % rebote, etc\u2026).\u00a0Tambi\u00e9n nos permite crear las nuestras propias dimensiones<\/strong> (hasta un m\u00e1ximo de 20) de esta forma podremos usar el userID como dimensi\u00f3n en segmentos, en dimensiones secundarias e informes personalizados<\/strong>.<\/p>\n
Para crear una dimensi\u00f3n personalizada nos vamos hasta la propiedad de Analytics donde le damos a dimensi\u00f3n personalizada nueva y rellenamos los campos con el nombre que le queramos dar (en nuestro caso userID<\/em>). En el \u00e1mbito ponemos usuario<\/em>, lo dejamos en activo<\/em> y le damos a crear.<\/p>\n
Aparecer\u00e1 un c\u00f3digo para introducir en la web pero eso solo ser\u00eda necesario si no utilizaremos Tag Manager.<\/p>\n
En nuestro caso esa, al usar Tag Manager, no dependemos de IT y no necesitamos introducir ese c\u00f3digo en la web. Una vez creada aparecer\u00e1 un cuadro resumen con el nombre de la dimensi\u00f3n y el n\u00famero de \u00edndice, datos que usaremos en Tag Manager m\u00e1s adelante.<\/strong><\/p>\n
\"dimension<\/a><\/p>\n
#4. Asociar la variable del Tag Manager a Analytics.<\/h3>\n
Por fin utilizamos Tag Manager para asociarlo a Analytics.<\/p>\n
Tag Manager se compone de:<\/p>\n