Google Tag Manager (GTM) es una herramienta gratuita de Google para agregar y administrar etiquetas de seguimiento, como Google Analytics 4, Google Ads y otros píxeles de marketing, en un solo lugar en vez de editar el código del sitio cada vez. Úsala cuando necesites un seguimiento que vaya más allá de lo que reporta Kajabi Analytics.
Instalar Google Tag Manager
Para instalar GTM en un sitio de Kajabi, pegas en el sitio dos fragmentos de código de un contenedor de GTM. Antes de empezar, crea una cuenta de Google Tag Manager y un contenedor web para el sitio.
Si solo necesitas Google Analytics, no necesitas GTM. Kajabi tiene una integración incorporada: aprende a conectar Google Analytics con Kajabi.
Advertencia: El código personalizado puede exponer un sitio a vulnerabilidades y malware. Pega solo código que hayas obtenido directamente de tu propio contenedor de Google Tag Manager. Para revisar otro código personalizado, analízalo con una herramienta como VirusTotal o Snyk, y sigue estas prácticas recomendadas para código personalizado.
Fragmentos de código de Google Tag Manager
Cada contenedor de Google Tag Manager incluye dos fragmentos de código exclusivos de ese contenedor. Copia ambos desde el contenedor de GTM. Los fragmentos de ejemplo de las capturas de pantalla de este artículo no funcionarán en un sitio.
Fragmento head: un script que carga GTM y activa las etiquetas. Empieza con
<!-- Google Tag Manager -->.Fragmento body: una alternativa para los visitantes cuyos navegadores tienen JavaScript desactivado. Empieza con
<!-- Google Tag Manager (noscript) -->.
Header Page Scripts agrega el fragmento head a todas las páginas del sitio a la vez. El fragmento body va en páginas individuales, y la forma de agregarlo depende de si la página usa la plantilla Encore o la plantilla heredada Premier.
Agregar el fragmento head de GTM a todas las páginas del sitio
Para agregar Google Tag Manager a todas las páginas de un sitio de Kajabi, pega el fragmento head de GTM en el campo Header Page Scripts. Kajabi coloca los Header Page Scripts en la sección <head> de cada página del sitio.
En Google Tag Manager, abre el contenedor del sitio y copia el fragmento head.
Desde el Dashboard, haz clic en Settings y luego, en Site settings, haz clic en Site details.
Desplázate hasta la sección Page scripts.
Pega el fragmento head de GTM en el campo Header Page Scripts. Si el campo ya contiene otros scripts, pega el fragmento en una línea nueva debajo de ellos en lugar de reemplazarlos:
Haz clic en Save. GTM se carga en todas las páginas del sitio, excepto en las que aparecen en la sección “Páginas donde Google Tag Manager no se ejecuta” de este artículo.
Para confirmar que Google Tag Manager funciona:
Abre la pestaña Workspace en GTM y haz clic en Preview.
Ingresa la URL del sitio y haz clic en Connect. El sitio se abre conectado a Tag Assistant, que muestra qué etiquetas se activaron y en qué orden.
Obtén más información sobre cómo obtener una vista previa de un contenedor de GTM.
Agregar el fragmento body de GTM a una página Encore
Para agregar el fragmento body de Google Tag Manager a una página creada con la plantilla Encore, agrega una sección Custom Code a la página.
En Google Tag Manager, abre el contenedor del sitio y copia el fragmento body.
Desde el Dashboard, haz clic en Website y luego en Website Pages o Landing Pages.
Haz clic en el Title de la página para abrirla en el editor.
Haz clic en Add section en la barra lateral izquierda.
Desplázate hasta el final de la lista, selecciona Custom Code y luego haz clic en Add.
En la nueva sección, haz clic en el bloque Custom Code en la barra lateral izquierda para abrirlo.
Pega el fragmento body de GTM en el campo Code:
Haz clic en Save. El fragmento body se agrega a esa página.
Agregar Google Tag Manager a una página Premier
En las páginas creadas con la plantilla heredada Premier, los fragmentos de Google Tag Manager se agregan en el Code Editor. Dónde van depende de si la página es una Landing Page o una Website Page. Obtén más información sobre la plantilla Premier.
Nota: El Code Editor está disponible en el plan Pro. Compara los planes de precios de Kajabi.
Advertencia: Los Header Page Scripts también se cargan en las páginas Premier. Si ya agregaste el fragmento head de GTM a Header Page Scripts, no lo vuelvas a pegar en el Code Editor. Cargar el mismo contenedor de GTM dos veces en una página puede activar cada etiqueta dos veces.
Agregar los fragmentos de GTM a una Landing Page Premier
Para agregar Google Tag Manager a una Landing Page creada con Premier, pega los fragmentos en el archivo index.liquid de la Landing Page.
En Google Tag Manager, abre el contenedor del sitio para copiar cada fragmento cuando lo necesites.
Desde el Dashboard, haz clic en Website y luego en Landing Pages.
Abre el menú de más opciones (...) de la Landing Page y selecciona Modify code:
Abre la carpeta Templates y selecciona el archivo index.liquid:
Pega el fragmento head de GTM en la línea debajo de la etiqueta de apertura
<head>.Pega el fragmento body de GTM en la línea debajo de la etiqueta de apertura
<body>.Haz clic en Save. Los fragmentos de GTM se agregan a esa Landing Page.
Agregar el fragmento body de GTM a un sitio Premier
Para agregar el fragmento body de Google Tag Manager a las Website Pages creadas con Premier, pégalo en el archivo de diseño theme.liquid del tema del sitio. En un sitio Premier, la etiqueta <body> está en este diseño compartido, no en la plantilla de cada página, así que el fragmento se aplica a todas las páginas del sitio que usan ese diseño. Los Header Page Scripts ya cubren el fragmento head en estas páginas.
En Google Tag Manager, abre el contenedor del sitio y copia el fragmento body.
Desde el Dashboard, haz clic en Website y luego en Website Pages.
Abre el menú de más opciones (...) de cualquier página y selecciona Modify code:
Abre la carpeta Layouts y selecciona el archivo theme.liquid:
Pega el fragmento body de GTM en la línea debajo de la etiqueta de apertura
<body>.Haz clic en Save. El fragmento body se agrega a todas las páginas del sitio que usan el diseño del tema.
Páginas donde Google Tag Manager no se ejecuta
Google Tag Manager se ejecuta a través de Header Page Scripts, y Kajabi no carga los Header Page Scripts en algunas páginas. Las etiquetas y los activadores de GTM no se activan en estas páginas:
Páginas de pago de ofertas
Páginas de upsell
Página de Account Creation
Para hacer un seguimiento confiable de las compras en todos los flujos de pago, usa las integraciones incorporadas de Kajabi. Agregan su propio seguimiento de compras a las páginas de pago y a la página de Account Creation, de forma independiente de los Header Page Scripts:
Preguntas frecuentes
¿Necesito agregar el fragmento body de GTM?
El fragmento body de GTM es una alternativa <noscript>, así que los navegadores solo lo usan cuando JavaScript está desactivado. El fragmento head en Header Page Scripts se encarga del seguimiento de todos los demás. Las instrucciones de instalación de Google incluyen ambos fragmentos, así que te recomendamos agregar el fragmento body a las páginas más importantes para el seguimiento, como las páginas de ventas y de suscripción (opt-in).
¿Puedo usar Google Tag Manager y la integración incorporada de Google Analytics al mismo tiempo?
Sí, puedes usar Google Tag Manager y la integración de Google Analytics de Kajabi en el mismo sitio, pero no envíes una misma propiedad de Google Analytics a través de ambas. Si una etiqueta de Google Analytics en GTM y la integración incorporada usan el mismo Measurement ID, cada vista de página puede registrarse dos veces. El modo Preview de GTM señala las etiquetas duplicadas. Te recomendamos usar la integración incorporada para esa propiedad, ya que también hace seguimiento de las compras en las páginas de pago, donde GTM no se ejecuta.