Categorías
adobe adobe tag manager dtm dynamic tag manager Tag Management tag manager

Dynamic Tag Manager: 4 tips que te harán la vida más fácil

https://m4p.es/dynamic-tag-manager-4-tips-que-te-haran-la-vida-mas-facil/ Dynamic Tag Manager: 4 tips que te harán la vida más fácil 2016-01-05 09:10:28 admin Blog post adobe adobe tag manager dtm dynamic tag manager Tag Management tag manager bootstrap

 

Imagen 71Hace un par de años, estrenábamos el curso con un post sobre el nuevo gestor de etiquetas de Adobe de la mano de Adrián Felgueroso y, ahora, empezamos el nuevo año con un análisis un poco más detallado de algunas de sus funcionalidades. El uso de nuevas tecnologías conlleva nuevos retos y, al superarlos, estos llevan enseñanzas asociadas. Compartimos algunas con vosotros.

Depurando la implantación

– He seguido los pasos del post, pero no se si lo he hecho bien.
– Haz debug.

Si no has cerrado la pestaña después de leer esas (odiosas) palabras, espero que las líneas que vienen a continuación sean de tu ayuda para depurar la integración de DTM en tu sitio, más allá del uso de puntos de ruptura y mensajes varios en la consola.

Lo primero que debes saber es que los dos entornos de DTM (las dos huellas a incluir en el <head> de la página, con y sin -staging, de las que hablaba mi compañero en su entrada), se ven reflejados en las acciones de ‘Aprobar’ y ‘Publicar’ cambios. Un cambio guardado sin publicar se verá, únicamente, en el entorno de preproducción y, una vez sea aprobado y publicado, será subido al entorno de producción.

Un mensaje de log en el navegador erróneo puede darte un disgusto. Si quieres saber qué sucede en DTM mientras se carga la página, puedes escribir en la consola _satellite.setDebug(true), y verás la secuencia de eventos sucedidos:

Imagen 72

Vamos a integrar DTM directamente en Producción

Imagen 73

Si hay dos entornos y el fabricante no te provee de una solución para intercambiar entre producción y staging dentro de la misma página, la conclusión es que hacer esto parece un poco desaconsejable. El mismo Adobe proveía de unas cookies para cambiar entre entornos en Adobe Tag Manager, Tealium iQ hace lo propio con su Web Companion y Ensighten Manage con sus Developer Tools; pero en DTM no encontramos esta funcionalidad.

Por suerte, hay varias alternativas:

  1. Colocar en el localStorage del navegador la clave ‘sdsat_stagingLibrary’ con valor true.
  2. Descargarse el plugin para Chrome o Firefox que nos permitirá cambiar entre entornos con facilidad.
    Este plugin se basa en el localStorage del navegador, y también permite colocar la clave ‘sdsat_debug’ a true, para activar el modo debug.

Además, otras dos propiedades del objeto _satellite muy útiles cuando se está en faena, y quiere llevarse un mini-control de versiones son buildDate y publishDate. Estos dos comandos nos devuelven la fecha de aprobación y publicación del JS cargado en la página, respectivamente. Es altamente recomendable colocar esta información en variables personalizadas también, para poder revisar los diferentes cambios si algo falla.

Se eficiente: no trabajes dos veces

El objeto _satellite, alrededor del que se vertebra Dynamic Tag Manager, contiene ya funciones útiles para su implantación. Por ejemplo, no será necesario definir métodos para lectura, escritura y eliminación de cookies (readCookie, setCookie y removeCookie). Además, volviendo al tema de los mensajes de log en consolas de navegadores prehistóricos, puedes utilizar la función notify que es compatible con estos navegadores. Esta función recibe dos parámetros: el mensaje a imprimir por consola, y un número (de 1 a 3) que se corresponde con el tipo de mensaje imprimido (log, error, warning).

_satellite.track()

Los métodos para medir interacciones asíncronas vía gestores de etiquetas son habituales. Son conocidos utag.link() o dataLayer.push() para Tealium iQ y Google Tag Manager; pero el método correspondiente para Dynamic Tag Manager no está tan extendido: _satellite.track().

Esta función explota la funcionalidad Direct Call Rules, bajo la pestaña Rules dentro de DTM:

Imagen 74

.track(‘<nombre de la llamada>’) nos permitirá ejecutar la acción asociada a dicha llamada, que puede estar construida sin utilizar ni una línea de código. Por ejemplo, podría colocarse en el atributo onclick de un enlace y, mediante Data Elements, enviar las variables asociadas. También podría incluirse esta llamada en el éxito de una función que carga contenido mediante AJAX, y enviar vistas de página; o lanzar un determinado píxel de una campaña cuando el usuario haga una determinada acción.

Se echa en falta que si se sigue la recomendación de utilizar un data layer bien definido, este tendría que rellenarse adecuadamente antes de llamar a _satellite.track() y vaciarse una vez ejecutada la función. No fuimos los únicos que echamos en falta esta funcionalidad, que ya tienen las herramientas mencionadas al principio de esta publicación, y en este post se detalla cómo hacer esta operación paso por paso.

Espero que la entrada sea de ayuda para afrontar una implantación de DTM… Si ya te has enfrentado a Dynamic Tag Manager, ¿qué truquillos utilizas?

 

Todas las imágenes provienen de Flickr y tienen licencia para uso comercial y modificaciones.

Source: http://www.analiticaweb.es/feed/

Categorías
Google Analytics Google Tag Manager Herramientas Implementar Google Analytics remarketing tag manager

10 mitos sobre Google Tag Manager

https://m4p.es/10-mitos-sobre-google-tag-manager/ 10 mitos sobre Google Tag Manager 2012-11-13 06:30:58 admin Blog post Google Analytics Google Tag Manager Herramientas Implementar Google Analytics remarketing tag manager bootstrap

Como supongo que ya sabréis, hace unos meses hizo público el Google Tag Manager, que permite agilizar a los departamentos de marketing gracias la reducción de la dependéncia de éstos del departamento de IT.

Esto, sobre el papel, es fantástico, pero me encuentro que a veces hay algunas pequeñas confusiones que me gustaría aclarar.

Mito #1: GTM hace que sea innecesario el departamento de IT

Esto es completamente falso. Para empezar, será necesario al equipo de IT para implementar GTM, por lo que seguirá siendo necesario. Además, hay varias cosas que no podremos hacer mediante un tag manager, por lo que seguiremos dependiendo de éste departamento, por muchas herramientas que le pongamos a la web. Por poner un ejemplo, si lo que necesitamos es hacer un cambio en el diseño, Google Tag Manager no nos lo podrá solucionar.

Mito #2: Instalar Google Analytics mediante GTM es mucho más fácil

Ni de broma! Una implementación de Google Analytics puede llegar a ser muy compleja. Si lo instalamos mediante un tag manager, es posible que la complejidad incluso aumente, porque no sólo tendremos que informar correctamente el DataLayer (variable que informa los datos al tag manager), sinó que además deberemos configurar concienzudamente el tag manager para que envíe los datos recolectados a Google Analytics de forma correcta.

Mito #3: Instalar Google Analytics mediante GTM es mucho más económico

De entrada no. Tal y como decíamos en el mito #2, implementar Google Analytics no es fácil, por lo que necesitaremos recursos que costarán tiempo y dinero. Eso si, una vez lo tengamos todo implementado, hacer cambios en la implementación puede ser mucho más fácil, por lo que instalar GA mediante GTM puede suponer una inversión inicial más alta, pero con una recuperación de la inversión a medio largo plazo.

Mito #4: Puedo instalar cualquier herramienta mediante GTM

Falso. Aunque la mayoría de herramientas se pueden implementar mediante Google Tag Manager, no es posible instalar, por ejemplo, Content Experiments, por lo que para hacer un test A/B mediante una herramienta de Google seguiremos dependiendo de los métodos “clásicos”.

Mito #5: utilizar GTM no implica ningún peligro para la web

Falso. Aunque los peligros son, de entrada, pequeños, no nos olvidemos que tenemos un acceso directo al contenido de la web. Esto nos permite hacer modificaciones muy fácilmente, pero es necesario que estas modificaciones las haga un experto, sino corremos el riesgo que se cometan errores que afecten negativamente a la web.

Mito #6: utilizar GTM requiere de un largo aprendizaje

Falso a medias :) De entrada aprender el uso básico de GTM es bastante sencillo, igual que con Google Anlytics. Evidentemente, llegar a ser expertos en la herramienta requerirá de muchas horas de esfuerzo y práctica. Eso si, si lo que queremos es “simplemente” añadir un nuevo código de conversión, o de remarketing, o tengamos que implementar alguna herramienta nueva como ClickTale, 4Q o CrazyEgg, hacerlo será coser y cantar no tendremos que molestar a nadie.

Mito #7: Es necesario hacer una implementación avanzada para usar GTM

Falso. Igual que Google Analytics, podemos tener una implementación básica, en la que simplemente ponemos un pedazo de código y ya empezamos a recibir datos. Aun así, ésta no es mi recomendación, ya que nos estamos quedando en una fase muy embrionaria de todo lo que podríamos hacer con GTM si lo tenemos implementado debidamente, utilizando la variable DataLayer para informar de todos los datos necesarios.

Mito #8: GTM es una herramienta de tag management avanzada

Falso. Aunque tiene funcionalidades muy avanzadas, hay herramientas de tag management mucho más avanzadas y que te ofrecen muchas más funcionalidades como es la desduplicación de CPA, el control de las cookies o la elección del orden en el que se ejecutan los scripts. Para muchas empresas todo esto no será necesario y con GTM tendrán suficiente, pero si tu empresa necesita alguna de éstas funcionalidades, es mejor mirarse otras herramientas como OpenTag_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf296107f»,»Article link clicked»,{«Title»:»OpenTag»,»Page»:»10 mitos sobre Google Tag Manager»}]); o Tagman_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2961174″,»Article link clicked»,{«Title»:»Tagman»,»Page»:»10 mitos sobre Google Tag Manager»}]);.

Mito #9: Con GTM tus datos están mas seguros

Falso. Al igual que con GA, si se cae GTM adiós a tus datos. Al no tener un SLA firmado (el SLA sólo está disponible en Google Analytics Premium_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2961270″,»Article link clicked»,{«Title»:»Google Analytics Premium»,»Page»:»10 mitos sobre Google Tag Manager»}]);), muchas compañías pueden echarse atrás a la hora de su implementación. Además GTM también recolecta tus datos_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf296135e»,»Article link clicked»,{«Title»:»recolecta tus datos»,»Page»:»10 mitos sobre Google Tag Manager»}]); para usarlos para compartirlos con otras herramientas de Google. Este mito ha sido sugerido por Natzir_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf296143e»,»Article link clicked»,{«Title»:»Natzir»,»Page»:»10 mitos sobre Google Tag Manager»}]);.

Mito #10: Puedo usar GTM para implementar tags en cualquier lugar

Falso. Actualmente GTM está diseñado sólo para añadir tags en páginas web. Si se quiere incluir tags en aplicaciones móviles es mejor utilizar otros tagmanagers como Tealium_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf296151e»,»Article link clicked»,{«Title»:»Tealium»,»Page»:»10 mitos sobre Google Tag Manager»}]); o Ensighten_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2961604″,»Article link clicked»,{«Title»:»Ensighten»,»Page»:»10 mitos sobre Google Tag Manager»}]);. Este mito ha sido sugerido por Natzir_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf29616fc»,»Article link clicked»,{«Title»:»Natzir»,»Page»:»10 mitos sobre Google Tag Manager»}]);.

¿Más mitos?

No quiero que este post se quede así. Esto es una pequeña recopilación de dudas que han surgido a personas/empresas de mi entorno, pero seguro que hay muchas más, por lo que si tenéis alguna duda sobre Google Tag Manager, aprovechad los comentarios y ampliaremos el post con más mitos ;)

Actualización 14/11/12: He añadido los mitos #9 y #10 por cortesía de Natzir_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf29617f4″,»Article link clicked»,{«Title»:»Natzir»,»Page»:»10 mitos sobre Google Tag Manager»}]);.

10 mitos sobre Google Tag Manager_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf29618d2″,»Article link clicked»,{«Title»:»10 mitos sobre Google Tag Manager»,»Page»:»10 mitos sobre Google Tag Manager»}]); es un post de Trucos Google Analytics_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf29619a1″,»Article link clicked»,{«Title»:»Trucos Google Analytics»,»Page»:»10 mitos sobre Google Tag Manager»}]);.

The post 10 mitos sobre Google Tag Manager appeared first on Trucos Google Analytics.


Source: http://feeds.feedburner.com/TrucosGoogleAnalytics-Optimizer

Categorías
Google Analytics Google Tag Manager Herramientas tag manager

¿Como funciona Google Tag Manager?

https://m4p.es/como-funciona-google-tag-manager/ ¿Como funciona Google Tag Manager? 2012-10-01 16:26:22 admin Blog post Google Analytics Google Tag Manager Herramientas tag manager bootstrap

Hoy Google ha presentado el Google Tag Manager_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2988e4b»,»Article link clicked»,{«Title»:»Google Tag Manager»,»Page»:»u00bfComo funciona Google Tag Manager?»}]);, una nueva herramienta que nos facilitará mucho la vida a los que nos dedicamos al marketing online y a la analítica web.

Seguro que ya habréis encontrado en varias webs qué es lo que hace esta fantástica herramienta (gratuita), por lo que he pensado que sería interesante explicar cómo lo hace.

Google Tag Manager

Para hacerlo, explicaré cómo implementar un tag básico en nuestra web.

Implementando el Google Tag Manager

1. Crear una cuenta

Los primeros pasos para implementar el tag manager no son triviales, pero tampoco son difíciles. Para empezar, debemos ir a la web de Google Tag Manager_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2988f24″,»Article link clicked»,{«Title»:»Google Tag Manager»,»Page»:»u00bfComo funciona Google Tag Manager?»}]);  y dar de alta una nueva cuenta:

gtm-creacion-paso1

2. Crear un contenedor

Una vez creada la cuenta, debemos crear un contenedor. Un contenedor puede estar definido en más de un dominio, pero por lo general crearemos un contenedor por dominio.

gtm-creacion-paso2

3. Añadir el código

Después de aceptar las condiciones de uso del Google Tag Manager, ya podremos implementar esta línea de código en nuestra página web.

gtm-creacion-paso3

Éste código debe ir en todas las páginas de nuestra página, web, justo después del tag <body>.

Ésta será, seguramente, la última petición de implementación que recibirá el equipo de desarrollo por parte del departamento de marketing ;) *

4. Añadir los tags personalizados

Ya tenemos el GTM implementado en nuestra web, ahora sólo nos falta definir los tags que queremos añadir:

gtm-creacion-paso4

Configuración inicial del Google Tag Manager

Google nos ayuda a implementar fácilmente algunos tags, pero podemos implementar cualquier código que necesitemos. Por defecto, los tags que podemos implementar son:

  • Google Analytics
  • Adwords (Tag de conversión y de remárketing)
  • DoubleClick
  • Un HTML personalizado
  • Una llamada a un pixel propio

Las implementaciones de los 3 primeros no tienen ninguna dificultad: informamos los campos que necesita cada herramienta y listos.

En el caso de Google Analytics, por el momento sólo incluye una implementación básica (el código estándar), por lo que si queremos hacer una implementación más avanzada necesitaremos tirar de la opción de HTML personalizado.

Definición de macros, reglas y tags

Para implementar cualquier tag en nuestra web, GTM utiliza estas 3 categorías: macros, reglas y tags.

Macros

Las macros son variables que nos dan información dinámica a partir de algunas condiciones. Por defecto tenemos 3 macros definidas: url, referrer y event, con las que podremos crear la mayoría de nuestras reglas.

Aun así, podemos crear macros adicionales para proporcionar información adicional a partir del contenido de nuestra página o de acciones que realiza el usuario.

gtm-macro-type

Reglas

Las reglas definen las condiciones en las que se ejecutará un tag en concreto. Por defecto tenemos una regla definida, en la que especifica que un tag se debe lanzar en todas las páginas de nuestra web.

Las reglas se definen a partir de las macros definidas. Por ejemplo, si definimos una regla a partir de una url, podríamos definir que se lanzara un código de remárketing en concreto cuando la visita vea la página (o páginas) definidas en la regla.

gtm-crear-regla

Tags

Por último tenemos los tags, o etiquetas, que es dónde definimos los códigos (o tags) que queremos que se ejecuten en nuestra página web.

Cuando se añada un nuevo tag, se definirán cuales son las reglas que se deben cumplir para que éste tag aparezca. También se pueden definir las reglas en las que el tag se bloqueará.

gtm-añadir-tag

Testeo y publicación

Siempre que apliquemos un nuevo cambio en el tag manager, antes de publicarlo, podemos realizar una vista previa. Así, podremos ver si los cambios que hemos aplicado funcionan sin correr el riesgo de estropear algo de la web ;)

Además, hay un modo debug que nos permitirá ver en todo momento cuales son los tags que se lanzan.

gtm-vista-previa-debug

Más información sobre el Google Tag Manager

Para leer más información sobre el GTM, os recomiendo que os paseéis por la ayuda del Google Tag Manager_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf2988fff»,»Article link clicked»,{«Title»:»ayuda del Google Tag Manager»,»Page»:»u00bfComo funciona Google Tag Manager?»}]);. Además, si necesitáis ayuda para implementar el tag manager en vuestra página web, os recomiendo que contactéis alguno de los partners de Google certificados en GTM_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf29890c8″,»Article link clicked»,{«Title»:»partners de Google certificados en GTM»,»Page»:»u00bfComo funciona Google Tag Manager?»}]);, entre los que se incluye WebAnalytics.es_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf29891b8″,»Article link clicked»,{«Title»:»WebAnalytics.es»,»Page»:»u00bfComo funciona Google Tag Manager?»}]); ;)

*Aunque el GTM agilizará mucho la creación de nuevas campañas y la posibilidad de añadir nuevas herramientas a la web de forma rápida y eficaz, el trabajo conjunto entre el departamento de marketing y el equipo de desarrollo cada vez deberá ser mayor por la naturaleza de los proyectos online.

¿Como funciona Google Tag Manager?_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf29892a1″,»Article link clicked»,{«Title»:»u00bfComo funciona Google Tag Manager?»,»Page»:»u00bfComo funciona Google Tag Manager?»}]); es un post de Trucos Google Analytics_kmq.push([«trackClickOnOutboundLink»,»link_56b1cf29893a4″,»Article link clicked»,{«Title»:»Trucos Google Analytics»,»Page»:»u00bfComo funciona Google Tag Manager?»}]);.

The post ¿Como funciona Google Tag Manager? appeared first on Trucos Google Analytics.


Source: http://feeds.feedburner.com/TrucosGoogleAnalytics-Optimizer