Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 2 Configurar Google Tag Manager

    Cargado por

    Irene Suarez
    49 vistas19 páginas

    Título original

    2_Configurar_Google_Tag_Manager

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    49 vistas19 páginas

    2 Configurar Google Tag Manager

    Cargado por

    Irene Suarez

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 19

    Cómo configurar la etiqueta de página vista de Analytics

    Crear una cuenta y un contenedor

    Siga estos pasos para implementar una etiqueta en Google Tag Manager: en primer lugar debe
    crear una cuenta y un contenedor, implementar la etiqueta y probarla para comprobar que
    funciona correctamente. Para crear una cuenta en Tag Manager, accedemos a
    "tagmanager.google.com" e iniciamos sesión con una cuenta de Google. Haga clic en "Iniciar
    sesión".

    Cada inicio de sesión de Google Tag Manager debe tener (al menos) una cuenta. Cuando inicie
    sesión por primera vez en Google Tag Manager, se le pedirá que cree una. Escriba un nombre de
    cuenta y, después, haga clic en "Siguiente".
    Ahora puede configurar su contenedor. Asignaremos al contenedor el nombre del sitio web que
    estemos etiquetando. Como The Great Outdoors Travel Adventures es un sitio web, seleccione
    "Páginas web" en "Dónde utilizar el contenedor". Si lo desea, puede agregar un dominio y una
    zona horaria, pero de momento vamos a mantener los valores predeterminados. Haga clic en
    "Crear cuenta y contenedor" y, a continuación, en "Acepto" para aceptar las Condiciones de
    servicio.
    Tenga en cuenta que Tag Manager le proporciona el código de contenedor para que pueda
    copiarlo y pegarlo. Para obtener mejores resultados, colóquelo inmediatamente después de la
    etiqueta <body> de apertura en todas las páginas de su sitio web. Si necesita volver a acceder al
    código de contenedor, puede encontrarlo en la pestaña "Administrador" seleccionando el
    contenedor correcto y haciendo clic en "Instalar Google Tag Manager". También podemos agregar
    etiquetas, pero de momento elegimos "Añadir etiquetas más tarde".
    Una vez que haya creado su cuenta y su contenedor, aparecerá el panel de control del
    contenedor. Este panel le permite elegir etiquetas nuevas, muestra las que está editando
    actualmente y los contenedores que ha publicado. También puede añadir notas sobre su
    contenedor y consultar un historial de cambios recientes. Puede utilizar el panel de navegación
    situado a la izquierda para crear o editar etiquetas, definir activadores y configurar las variables
    integradas o definidas por el usuario.

    En la pestaña "Cuentas" se muestra una lista de todas las cuentas a las que tiene acceso, y también
    de los contenedores de cada cuenta, el tipo y su ID. Para crear una cuenta, haga clic en "Crear
    cuenta". Llamaremos a esta cuenta "The Great Outdoors".

    Crear una etiqueta de Analytics

    Como Great Outdoors quiere utilizar Analytics para entender mejor el comportamiento de los
    usuarios, la primera etiqueta que vamos a añadir es la etiqueta estándar de página vista de
    Analytics. Para añadir una etiqueta a su sitio web, puede seleccionar "Etiquetas" en el panel de
    navegación y, a continuación, "Nueva", o bien seleccionar "Nueva etiqueta" directamente desde la
    pestaña "Contenedor". Seleccione "Nueva etiqueta".

    Para asignar un nombre a la etiqueta, haga clic en "Etiqueta sin título". Para organizar las etiquetas
    utilizaremos la siguiente convención de nomenclatura: tipo de etiqueta, seguido del nombre del
    sitio web y, a continuación, la ubicación de la etiqueta.

    Elija "Analytics". Vamos a seleccionar el tipo de etiqueta "Universal Analytics". Haga clic en
    "Continuar".
    Podemos agregar el ID de seguimiento de Analytics accediendo a Analytics en "Administrador".
    Acceda a "Propiedad" y, después, a "Configuración de la propiedad". Puede encontrar este ID si
    hace clic en la página principal y despliega la carpeta "Cuenta".

    Para utilizar el remarketing y obtener datos demográficos de clientes de Analytics, seleccione


    "Habilitar las funciones de la publicidad de display". A continuación, seleccione "Página vista"
    como tipo de seguimiento y haga clic en "Continuar".
    Como queremos que esta etiqueta se active en cada página del sitio web para poder realizar un
    seguimiento de las vistas de las páginas, seleccione el activador "Todas las páginas". Tenga en
    cuenta la confirmación del activador que aparece a continuación. Después, seleccione "Crear
    etiqueta".

    Puede ver que ahora aparece nuestra etiqueta de seguimiento de página vista de Analytics en la
    lista de etiquetas.

    Publicar la etiqueta de Analytics

    Hemos creado nuestra primera etiqueta, pero aún debemos publicarla. Haga clic en "Publicar".
    Aparece un cuadro de diálogo con el número total de cambios que va a publicar.
    Para inspeccionar los cambios del contenedor antes de publicarlos, haga clic en "Vista previa". Un
    banner situado en la parte superior le indica la versión de la etiqueta de la que está obteniendo la
    vista previa.

    Vamos a abrir una nueva pestaña en el navegador y a acceder al sitio web Travel Adventures. En el
    modo de vista previa se abre un panel de depuración en la parte inferior del navegador web que
    muestra un resumen de las etiquetas activadas.
    Puede ver que se ha activado la etiqueta de seguimiento en el modo de vista previa al visitar el
    sitio web. Una vez que hemos verificado que la etiqueta se ha activado correctamente, podemos
    volver a Google Tag Manager y hacer clic en "Publicar". Haga clic en "Publicar ahora" en la ventana
    del cuadro de diálogo de confirmación.
    Recibirá un mensaje de confirmación informándole de que los cambios del contenedor ya se han
    publicado.

    Haga clic en "Salir del modo de vista previa" para salir de él.

    Para verificar si la etiqueta se ha publicado podemos abrir los informes en tiempo real de Analytics
    y comprobar que se están registrando los usuarios activos y las visitas a la página. Interesante,
    ¿verdad?

    Si necesita hacer cambios, Google Tag Manager le ofrece un control de versiones para cada
    etiqueta que publique en la pestaña "Versiones". Puede utilizar la versión anterior de su etiqueta o
    incluso guardar las versiones del contenedor sin publicar los cambios.

    Estos son los pasos básicos para publicar una etiqueta en el sitio web con Google Tag Manager.
    Cómo crear una variable de propiedad de Analytics

    Para ahorrar tiempo y evitar errores al actualizar la propiedad de su etiqueta de Analytics, le


    recomendamos crear una variable de propiedad de Analytics reutilizable.

    Para ello, haga clic en "Variables" en el panel de navegación situado a la izquierda. Verá una lista
    de variables integradas, seguidas de variables definidas por el usuario. Para crear una variable
    definida por el usuario, haga clic en "Nueva".

    Arriba, haga clic en el icono de lápiz situado junto a "Variable sin título". Llamaremos a esta
    variable "gaProperty" (propiedadGA).

    Dado que queremos hacer referencia al mismo valor para varias etiquetas, en "Se leccionar un
    tipo" seleccione la opción "Constante".

    Para actualizar el valor de la propiedad Analytics de una sola variable, agregue el ID de propiedad
    de Analytics en "Configurar variable". Después, seleccione "Crear variable".
    Ya puede usar la variable mediante Google Tag Manager cuando se le pida el ID de propiedad de
    Analytics.

    Para probarlo, podemos sustituir el ID de propiedad de Analytics de la etiqueta "Página vista" por
    la variable Constante que hemos creado. Haga clic en "Etiquetas". Luego, seleccione la etiqueta
    "Página vista" de Analytics que ha creado antes.
    Haga clic en la sección "Configurar etiqueta". En "ID de seguimiento", haga clic en el botón para
    activar el ID de seguimiento. Después, seleccione {{gaProperty}} y guarde la configuración de la
    etiqueta.

    Para obtener una vista previa del contenedor, haga clic en "Publicar". A continuación, haga clic en
    "Vista previa". Si vamos al sitio web The Great Outdoors Travel Adventures, vemos que la etiqueta
    de Analytics se activa correctamente en "Vista previa".
    Crear una sola variable que se pueda usar para actualizar valores en su sitio web es así de fácil.
    Cómo crear variables de seguimiento multidominio

    Si quiere obtener datos de varios sitios web en un informe de Analytics, le recomendamos que
    configure el seguimiento multidominio.

    En primer lugar, debemos crear dos variables constantes (o reutilizables) definidas por el usuario:
    gaDomain y gaCrossDomains.

    Crear la variable gaDomain

    gaDomain introduce cookies en el dominio de nivel más alto de forma predeterminada para
    garantizar que no se pierda ningún dato en los subdominios. La variable gaCrossDomains l e
    permite hacer referencia a una lista de dominios a la vez, en lugar de tener que escribir cada
    dominio cuando quiera actualizar una etiqueta.

    Haga clic en "Variables" en el panel de navegación situado a la izquierda. A continuación,


    seleccione "Nueva". Llamaremos gaDomain a la variable. Seleccione el tipo "Constante" y escriba
    el valor "auto" para que las cookies de esta variable se introduzcan automáticamente en el
    dominio de nivel más alto. Después, haga clic en "Crear variable".
    Crear la variable gaCrossDomains

    Después de configurar la variable gaDomain, vamos a configurar la variable gaCrossDomains.


    Vuelva a hacer clic en "Variables", en el panel de navegación situado a la izquierda. Seleccione
    "Nueva" y, a continuación, "Constante". Llamaremos gaCrossDomains a esta variable.

    Estableceremos el valor en los dominios de The Great Outdoors: "greatoutdoorsretail.com" y


    "greatoutdoorstraveladventures.com", separados por una coma. Después, haga clic en "Crear
    variable".

    Agregar variables multidominio a Universal Analytics

    Después de configurar nuestras variables multidominio, debemos agregarlas a la etiqueta de


    página vista de Universal Analytics que instalamos anteriormente. Haga clic en "Etiquetas". A
    continuación, seleccione la etiqueta "Página vista" que hemos configurado anteriormente.

    Para configurar el dominio de las cookies, haga clic en el icono de edición situado en "Configurar
    etiqueta". A continuación, haga clic en "Más opciones", haga clic en "Campos para configurar" y,
    finalmente, haga clic en "Agregar campo". En Nombre del campo, escriba "cookieDomain". Haga
    clic en el botón de selección de valor para configurar el valor de la primera variable que hemos
    creado. Seleccione {{gaDomain}}.
    Haga clic en "Seguimiento multidominio". Haga clic en el selector de Dominios de enlaces
    automáticos, y seleccione la variable gaCrossDomains que hemos creado anteriormente.
    Mantenga el valor "Falso" en los campos "Utilizar el algoritmo hash como delimitador" y "Decorar
    formularios". Estos campos le permiten transmitir información de formularios y cadenas de
    consulta entre diferentes dominios, por lo que aún no debemos preocuparnos por ellos.
    Haga clic en "Continuar". Haga clic en "Guardar etiqueta".

    Cuando publique los cambios, podrá usar la etiqueta de página vista de Analytics para realizar un
    seguimiento en varios dominios. Debería poder consultar el tráfico en tiempo real de Analytics
    procedente de cada dominio que sigue.
    Cómo funciona la capa de datos
    La capa de datos del Administrador de etiquetas es un objeto JavaScript que contiene datos como
    variables o información de eventos personalizados que envía el sitio web. La información de la
    capa de datos está estructurada en pares clave-valor, que se pueden transferir a aplicaciones de
    terceros, como Google Analytics, o usar para determinar cuándo se deberían activar las etiquetas.

    Existen dos formas de rellenar la capa de datos con estos pares clave -valor.

    Prerellenar los valores en la capa de datos

    La primera forma es prerellenar los valores de la capa de datos al cargar una página web. Veamos
    un ejemplo. The Great Outdoors ofrece distintos paquetes de viajes según el destino y la categoría
    en su sitio web Travel Adventures. Podrían implementar una vari able de la capa de datos
    denominada {{tripCategory}} (tipo de viaje) cuyo valor se configurara para cada página del sitio
    web en la que se ofrecieran unas vacaciones distintas. Se podrían incluir categorías como
    "excursionismo", "esquí", "buceo con esnórquel", etc.

    Además, se podría agregar la variable {{tripLocation}} (destino) con un valor para cada destino de
    viaje.

    Para mostrar anuncios a los usuarios que han visitado una categoría y un destino vacacional
    específicos, The Great Outdoors podría crear un activador basado en una página vista. Este
    activador podría agregar la condición de que las variables {{tripCategory}} y {{tripLocation}} sean
    iguales a la categoría de viaje "excursionismo" y al destino "Suiza". Si se cumple esta condición, el
    activador iniciará una etiqueta que muestre un anuncio de excursionismo en Suiza. El usuario
    volverá a la página de reserva de vacaciones de excursionismo en Suiza. La etiqueta puede acceder
    a estos valores y activarse cuando se cargue la página, siempre que el código de la capa de datos
    esté colocado antes del fragmento de código de contenedor.

    Enviar valores mediante JavaScript a la capa de datos

    La segunda forma de rellenar los datos es usar un método JavaScript para enviar valores de la
    página web directamente a la capa de datos. Por ejemplo, The Great Outdoors Travel Adventures
    tiene un carrito de la compra en el que los usuarios pueden agregar viajes de forma asíncrona sin
    actualizar la página. The Great Outdoors podría escribir código JavaScript que enviara esta
    información a la capa de datos cuando el usuario seleccionara un viaje para comprarlo.
    De este modo se pueden obtener datos independientemente de las etiquetas que se carguen con
    una página.

    Es importante recordar que las variables de la capa de datos no se transfieren automáticamente


    de una página a otra. Si quieres transferir un valor a la capa de datos de otras páginas, tendrás que
    personalizar el código.

    Como puedes ver, la capa de datos es útil no solo para transferir datos a otras aplicaciones, sino
    como un área independiente para escribir y modificar código que seguirá funcionando aunque se
    realicen cambios en el sitio web.

    También podría gustarte