Integración de Google Tag Manager con Google Analytics

:bookmark: Esta guía te ayudará a configurar Google Tag Manager y a usarlo con Google Analytics en tu sitio de Discourse. Además, cubre la configuración de variables, activadores y etiquetas en Google Tag Manager para rastrear las vistas de página.

:information_source: Esta guía cubre la configuración de Google Tag Manager. Si solo deseas habilitar Google Analytics para tu sitio, configura la etiqueta G en la configuración del sitio ga universal tracking code. Nuestra configuración aún puede referirse a todas las analíticas como universal, pero esto es un artefacto del nombre del campo heredado. Las siguientes instrucciones utilizan, y funcionan para, las etiquetas de Google.

:person_raising_hand: Nivel de usuario requerido: Administrador

Integrar Google Tag Manager (GTM) con Google Analytics (GA) te permite gestionar y rastrear eventos en tu sitio de Discourse de manera efectiva. Esta guía cubre el proceso de configuración completo, desde la creación de una cuenta de GA hasta la configuración de GTM con las etiquetas y activadores necesarios.

Resumen

  1. Crea una cuenta y una propiedad de Google Analytics.
  2. Configura Google Tag Manager.
  3. Configura las variables, activadores y etiquetas de GTM.
  4. Integra GTM con tu sitio de Discourse.

Crea una cuenta de Google Analytics

  1. Visita Google Analytics e inicia sesión con tu cuenta de Google.

  2. Si aún no tienes una cuenta, sigue los pasos guiados para crear una.

  3. Crea una propiedad haciendo clic en “Administrar” y luego en “Crear propiedad”.

  4. Rellena los detalles requeridos en la pantalla de “Creación de propiedad”.

  5. Ingresa los detalles de tu negocio en la siguiente pantalla.

  6. Selecciona tus objetivos de negocio apropiadamente.

:information_source: Información: Seleccionar las cuatro secciones coincidirá más estrechamente con los informes que Analytics ha proporcionado normalmente:

  1. Elige “Web” como plataforma para la recopilación de datos.

  2. Configura una secuencia de datos ingresando la URL de tu sitio y un nombre de secuencia.

:information_source: Después de crear exitosamente tu secuencia web, toma nota de tu ID de Medición. Lo necesitarás para la configuración de GTM.

Configurar Google Tag Manager

  1. Visita Google Tag Manager y crea una cuenta.
  2. Configura un contenedor siguiendo los pasos guiados y elige “Web” como plataforma.

Configurar GTM

Variables

  1. Ve a la pestaña “Variables” en GTM y haz clic en “Nueva” en la sección de Variables definidas por el usuario.
  2. Crea dos Variables de Capa de Datos (Data Layer Variables):
  • Título: DL-page-title
    Tipo: Data Layer Variable
    Nombre de la Variable de Capa de Datos: page.title
    Versión de la Capa de Datos: 2

  • Título: DL-page-url
    Tipo: Data Layer Variable
    Nombre de la Variable de Capa de Datos: page.url
    Versión de la Capa de Datos: 2

Como ejemplo, elige el tipo de variable:

Luego configura las variables, como en este ejemplo:

Activadores (Triggers)

  1. Ve a la pestaña “Activadores” y haz clic en “Nuevo”.

  2. Elige “Evento personalizado” como tipo.

  3. Nombra el activador virtualPageView y guárdalo.

    El resultado final debería verse así:

Etiquetas (Tags)

  1. Ve a la pestaña “Etiquetas” y crea una nueva etiqueta.

  2. Elige Google Analytics: Google Tag como tipo de etiqueta.

  3. Configura la etiqueta con los siguientes detalles:

  • ID de Medición: Introduce tu ID de Medición de GA.
  • Campos Requeridos a Establecer:
    • title: {{DL-page-title}}
    • page: {{DL-page-url}}
    • send_page_view: true
    • page_path: {{Page Path}}

Cuando termines, debería verse así (ten en cuenta que puedes agregar un parámetro userID además de los parámetros anteriores, pero necesitarás agregar una variable adicional como DL-page-url):

  1. Elige el activador virtualPageView para esta etiqueta.
  2. Nombra tu etiqueta y guárdala.

Publicar tu espacio de trabajo de GTM

Publica tu contenedor en GTM haciendo clic en el botón azul “Enviar” en la esquina superior derecha de la página.

:warning: Importante: Si encuentras errores 404 de googletagmanager.com, asegúrate de que los cambios de tu contenedor de GTM hayan sido publicados.

Integrar GTM con Discourse

  1. Ve a la configuración de Administrador de tu Discourse y busca gtm container id.
  2. Introduce tu ID de Contenedor de GTM (formato: GTM-XXXXXX) en el campo correspondiente.

:warning: Nota: Elimina cualquier código de seguimiento de Analytics existente de la configuración ga universal tracking code en Discourse para evitar el seguimiento duplicado.

Recarga tu sitio y verifica la vista de contenido en Tiempo Real en GA para confirmar que los datos están fluyendo a través de GTM.

Usos Adicionales

Con GTM, puedes agregar más etiquetas para rastrear eventos adicionales como:

Enlaces Relacionados

47 Me gusta