¿Qué servicios de marketing digital ofrece Simply Agency?

Ofrecemos Performance Marketing (Meta y Google Ads), SEO y Crecimiento Orgánico, Diseño UI/UX y CRO (Optimización de Tasa de Conversión).

¿A quiénes ayuda Simply Agency?

Ayudamos a pequeños negocios, PYMES y emprendedores en Colombia y LATAM a multiplicar sus ventas, conseguir clientes reales y mejorar su presencia online.

Google Tag Manager: Qué es y Cómo Instalarlo en tu Web (Guía 2026)

Imaginas este escenario: quieres lanzar una campaña publicitaria en Meta Ads para promocionar tu nuevo servicio. Para medir el éxito, necesitas instalar el famoso "Píxel de Meta" en el botón de confirmación de compra. Mandas un correo a tu desarrollador. Pasan dos días. Te responde que está ocupado con un despliegue de base de datos. Pasan otros tres días. Finalmente, agrega el código, pero al hacerlo, rompe accidentalmente el formulario de registro. Perdiste cinco días de campaña y, además, tuviste que pagar $100 USD (unos 400,000 COP) por la hora de soporte técnico para solucionar el error.

Medir las conversiones de tu web sin una herramienta de gestión de etiquetas es, literalmente, una pesadilla. Cada vez que deseas probar una nueva plataforma de marketing (como Hotjar, TikTok Ads o Google Analytics 4), dependes de un intermediario técnico. Además del costo financiero y el tiempo perdido, llenar tu sitio web de decenas de scripts de terceros directamente en el código fuente afecta la velocidad de carga de tu página web, destruyendo la experiencia de usuario y perjudicando tu posicionamiento SEO.

Aquí es donde entra Google Tag Manager (GTM). Esta plataforma gratuita de Google revoluciona la forma en que gestionas tu marketing digital. Te permite añadir, editar y desactivar scripts de seguimiento con unos pocos clics y sin necesidad de escribir una sola línea de código en tu servidor.

¿Qué es Google Tag Manager exactamente y cómo funciona?

Para entender Google Tag Manager, piensa en él como una "caja organizadora" o un contenedor que instalas en tu sitio web una sola vez. En lugar de pegar decenas de scripts individuales directamente en el código de tu página, pegas únicamente el código de GTM. A partir de ese momento, gestionas todas las demás herramientas desde una interfaz web intuitiva.

Es muy común que los principiantes confundan Google Tag Manager con Google Analytics 4. Sin embargo, cumplen funciones completamente diferentes:

La arquitectura de GTM se sostiene sobre tres pilares fundamentales que debes comprender a la perfección:

El Contenedor (Container): Es el archivo JavaScript principal que engloba todas las etiquetas de tu sitio. Se ejecuta tan pronto como un usuario entra a tu web y se encarga de cargar todo lo demás de forma asíncrona, lo que significa que tu sitio web no se volverá lento por tener múltiples scripts instalados.
Las Etiquetas (Tags): Son los fragmentos de código que envían información a herramientas externas. Por ejemplo, el script básico de Google Analytics 4, el código de conversión de Google Ads o el script de seguimiento de LinkedIn Insight Tag son etiquetas.
Los Activadores (Triggers): Son las reglas que le dicen a una etiqueta cuándo debe ejecutarse. Un activador puede ser "cuando un usuario visite la página de gracias", "cuando alguien haga clic en el botón de WhatsApp" o "cuando un usuario complete el formulario de contacto". Sin un activador, tu etiqueta nunca enviará datos.
Las Variables (Variables): Son marcadores de posición para valores dinámicos que cambian según el comportamiento del usuario. Por ejemplo, una variable puede capturar el precio de un producto comprado, la URL de la página actual o el texto de un botón en el que se hizo clic.

Esta separación de funciones te da un control total. Si quieres saber cuántas personas hacen clic en tu botón de llamadas, simplemente creas una etiqueta que envíe el evento a Google Analytics y la vinculas a un activador que detecte clics en enlaces telefónicos. Todo listo en cinco minutos.

Paso 1: Crea tu cuenta y tu primer contenedor

Comenzar con Google Tag Manager es sumamente sencillo y no te costará nada. Sigue estos pasos para crear tu entorno de trabajo:

Ve a la plataforma oficial de Google Tag Manager e inicia sesión con tu cuenta de Google (preferiblemente la misma que usas para Google Analytics y Google Search Console).
Haz clic en el botón Crear cuenta ubicado en la esquina superior derecha del panel.
Configura los datos de tu empresa:
- Nombre de la cuenta: Te sugiero utilizar el nombre de tu empresa u organización (por ejemplo, "Simply Agency").
- País: Selecciona tu país de residencia para temas de términos de servicio.
- Compartir datos de forma anónima: Esta casilla es opcional, puedes dejarla desmarcada si prefieres mantener tu información privada.
Configura el contenedor:
- Nombre del contenedor: Escribe la URL de tu sitio web (por ejemplo, www.wearesimply.co). Esto te facilitará identificar el contenedor si manejas múltiples proyectos.
- Plataforma objetivo: Elige Sitio web (Web). GTM también ofrece soluciones para aplicaciones móviles (iOS, Android), páginas AMP y servidores (Server-side), pero para la mayoría de pymes y sitios web corporativos, la opción "Web" es la correcta.
Haz clic en Crear y acepta el Acuerdo de Condiciones de Servicio que aparecerá en pantalla.

Gestión de Accesos y Permisos en el Equipo

Si trabajas con agencias de marketing o desarrolladores externos, es fundamental que gestiones correctamente los accesos de tu cuenta desde la sección de Administración. GTM cuenta con varios niveles de permisos:

Leer: El usuario puede ver las etiquetas pero no hacer modificaciones.
Editar: El usuario puede crear espacios de trabajo y realizar cambios, pero no puede publicar.
Aprobar: El usuario puede autorizar cambios realizados por otros.
Publicar: El permiso máximo. Permite aplicar los cambios inmediatamente en el sitio web de producción. Te recomendamos otorgar este permiso únicamente a personas con conocimientos técnicos sólidos o a tu agencia de confianza.

Paso 2: Instala el código en tu sitio web

Para que Google Tag Manager comience a funcionar, debes insertar dos bloques de código en todas las páginas de tu sitio web. Esto requiere acceso al sistema de gestión de contenidos (CMS) de tu web o, en su defecto, ayuda de tu desarrollador por última vez.

Los dos fragmentos de código cumplen funciones distintas:

1. El código del encabezado (Header Script)

Este fragmento de código utiliza JavaScript y debe colocarse lo más arriba posible dentro de la etiqueta <head> de tu sitio web. Esto asegura que GTM se cargue de inmediato y pueda empezar a medir la actividad del usuario desde el primer milisegundo:

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
<!-- End Google Tag Manager -->

(Nota: Debes reemplazar GTM-XXXXXXX con tu ID de contenedor único).

2. El código del cuerpo (Body Script / Noscript)

Este bloque actúa como un respaldo si el navegador del usuario tiene el JavaScript desactivado. Debe colocarse inmediatamente después de la etiqueta de apertura <body>:

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

¿Cómo integrarlo en los CMS más comunes?

WordPress: Puedes utilizar un plugin confiable como GTM4WP (Google Tag Manager for WordPress) de Thomas Geiger. Solo debes instalar el plugin y pegar tu ID del contenedor (por ejemplo, GTM-N8X2K9L). El plugin se encargará de inyectar los fragmentos en los lugares correctos de tu plantilla sin que tengas que editar código PHP manualmente.
Shopify: Ve a tu panel de administración, selecciona Tienda online > Temas > Editar código y busca el archivo theme.liquid. Pega el primer código justo debajo de <head> y el segundo inmediatamente debajo de <body>.
Webflow: Ve a la configuración de tu proyecto (Project Settings), accede a la pestaña de Custom Code y pega el script del encabezado en el área de Head Code. El segundo script lo puedes inyectar mediante un bloque de HTML incrustado (Embed) al inicio de tu layout principal.

Paso 3: Configura tus primeros píxeles

Con GTM instalado en tu web, ya no necesitas editar código para añadir herramientas de marketing. Vamos a ver cómo configurar las dos plataformas más importantes para cualquier PYME: Google Analytics 4 (GA4) y el Píxel de Meta (Facebook Ads).

Antes de empezar, es muy recomendable adoptar una convención de nombres clara y ordenada. Conforme crezca tu contenedor, tener nombres estandarizados te ahorrará dolores de cabeza. Una buena estructura es: [Plataforma] - [Tipo de Etiqueta] - [Descripción].

Configuración de Google Analytics 4 (GA4)

En tu panel de GTM, haz clic en Etiquetas en la barra lateral izquierda y luego en Nueva.
Dale un nombre claro a tu etiqueta siguiendo la convención: GA4 - Configuración Base.
Haz clic en Configuración de la etiqueta y selecciona Google Analytics > Etiqueta de Google (Google Tag).
En el campo ID de la etiqueta, introduce tu ID de medición de GA4 (el cual luce como G-XXXXXXXXXX y puedes encontrar en el flujo de datos de tu panel de administración de Google Analytics).
Haz clic en Activación (Triggering) y selecciona el activador predeterminado All Pages (Todas las páginas). Esto garantiza que GA4 registre visitas en todo tu sitio.
Haz clic en Guardar.

Configuración del Píxel de Meta (Facebook Ads)

Crea una nueva etiqueta y llámala Meta - Píxel Base.
Haz clic en Configuración de la etiqueta. Si buscas "Meta" en las opciones predeterminadas de Google, notarás que no hay una etiqueta nativa directa. No te preocupes. Haz clic en Personalizada > HTML personalizado (Custom HTML).
Pega el código de seguimiento completo que te proporciona el administrador de eventos de Meta Business Suite.
En Activación, selecciona de nuevo All Pages para que el píxel rastree el tráfico de todo tu sitio.
Haz clic en Guardar.

¡Listo! Ya tienes configuradas las bases de tu analítica sin tocar el servidor de tu web.

Paso 4: Crea activadores de conversión (Triggers)

El verdadero poder de Google Tag Manager radica en la capacidad de capturar eventos específicos que demuestran interés de compra. A continuación, configuraremos los cuatro activadores de conversión más útiles para tu negocio:

1. Seguimiento de clics en el botón de WhatsApp

Si tu principal canal de ventas es WhatsApp, medir cuántas personas hacen clic en el botón de chat es vital para entender tu retorno de inversión.

Primero, asegúrate de activar las variables de clics. Ve a Variables > Configurar y marca todas las variables que inicien con "Click" (Click Element, Click Classes, Click ID, Click Target, Click URL, Click Text).
Ve a Activadores > Nuevo. Nómbralo Clic - Botón WhatsApp.
Selecciona Configuración del activador > Solo enlaces (Just Links).
Cambia la opción a Algunos clics en enlaces.
Configura la condición: Click URL -> contiene -> wa.me o api.whatsapp.com (dependiendo de cómo esté estructurado tu enlace de WhatsApp).
Haz clic en Guardar.

2. Medición de envío de formularios de contacto

Saber cuándo un usuario potencial te deja sus datos te permite calcular tu costo de adquisición de prospectos.

Ve a Activadores > Nuevo. Nómbralo Formulario - Contacto Completado.
Selecciona Configuración del activador > Envío de formulario (Form Submission).
Deja la casilla Esperar etiquetas activa si quieres asegurarte de que los datos se envíen antes de cambiar de página.
Selecciona Algunos formularios y define una regla basada en la URL del formulario o su ID (por ejemplo, Form ID -> es igual a -> contact-form). Si usas plugins como Contact Form 7 o Elementor Forms, GTM suele identificar automáticamente los envíos exitosos.
Haz clic en Guardar.

3. Profundidad de Scroll (Scroll Depth)

Si publicas artículos de blog constantemente, querrás saber si los usuarios leen tu contenido o lo abandonan inmediatamente.

Ve a Activadores > Nuevo y llámalo Scroll - Lectura de Blog.
Selecciona Configuración del activador > Profundidad de desplazamiento (Scroll Depth).
Activa Profundidad de desplazamiento vertical.
Selecciona Porcentajes e introduce: 25, 50, 75, 90.
En Este activador se ejecuta en, selecciona Algunas páginas y pon como regla: Page Path -> contiene -> /blog/. De esta forma no saturarás tus analíticas midiendo scroll en páginas cortas como la de Contacto.
Haz clic en Guardar.

4. Visibilidad de Elemento (Element Visibility)

Este activador es ideal para rastrear si los usuarios realmente vieron secciones críticas de tu web, como un banner de descuento especial o el pie de página de precios.

Ve a Activadores > Nuevo y nómbralo Visibilidad - Banner Promocional.
Selecciona Visibilidad de elemento como tipo de activador.
Elige el método de selección por ID de elemento (e ingresa el ID del contenedor HTML de tu banner, por ejemplo, banner-promocion).
Establece el porcentaje mínimo de visibilidad en 50%. Esto significa que el evento solo se disparará cuando al menos la mitad del banner esté visible en la pantalla del usuario.
En la sección de frecuencia, selecciona Una vez por página.
Haz clic en Guardar.

Paso 5: Modo Vista Previa y Depuración (Preview Mode)

Una regla de oro en el marketing digital es: nunca publiques cambios sin probarlos antes. GTM incluye una de las mejores herramientas de depuración del mercado para asegurarte de que tus etiquetas se disparan exactamente cuando deben y con la información correcta.

Cómo usar el Modo Vista Previa (Tag Assistant):

En la parte superior derecha de tu panel de GTM, haz clic en el botón Vista previa (Preview).
Se abrirá una nueva pestaña solicitando la URL de tu sitio web. Escríbela y haz clic en Connect.
Se abrirá tu sitio web en una ventana con un pequeño widget en la esquina inferior derecha que dice "Tag Assistant Connected". Al mismo tiempo, en la pestaña original de GTM, se abrirá la consola de depuración.
Navega por tu sitio web e interactúa con los elementos. Haz clic en el botón de WhatsApp o simula el envío de un formulario.
Regresa a la pestaña del Tag Assistant. En la barra lateral izquierda verás una lista cronológica de todos los eventos que han ocurrido (Page View, Link Click, Form Submit).
Haz clic en cualquiera de estos eventos y revisa la sección Tags Fired (Etiquetas disparadas). Asegúrate de que tus píxeles de GA4 y Meta aparezcan ahí cuando realices la acción correspondiente. Si aparecen en Tags Not Fired, significa que tu activador tiene algún error de configuración que debes revisar.

Publicar los cambios

Una vez que verifiques que todo funciona a la perfección, es momento de lanzar los cambios al público:

Cierra la pestaña de depuración.
En tu panel de GTM, haz clic en el botón azul Enviar (Submit) en la esquina superior derecha.
Elige un Nombre de la versión descriptivo (por ejemplo: "Instalación de GA4, Píxel de Meta y seguimiento de WhatsApp"). Describir tus cambios te salvará la vida si en el futuro necesitas volver a una versión anterior debido a algún error.
Haz clic en Publicar (Publish).

Lista de Verificación y Resolución de Problemas Comunes

Incluso con las mejores herramientas, las cosas pueden no funcionar en el primer intento. Aquí tienes una guía de soluciones rápidas para los problemas más habituales de GTM:

Mis etiquetas no se disparan en el Modo Vista Previa: Revisa detenidamente las condiciones de tu activador. Una mayúscula o minúscula incorrecta en el Click URL o en el Form ID evitará que coincida. Asegúrate también de que las variables incorporadas correspondientes estén activadas.
Las etiquetas se disparan doble: Esto sucede comúnmente si tienes el contenedor de GTM instalado dos veces en la misma página, o si tienes códigos individuales antiguos en el CMS que están interfiriendo con GTM. Elimina los scripts duplicados para mantener limpia tu data.
El Tag Assistant no se conecta a mi web: Desactiva temporalmente las extensiones del navegador que bloquean anuncios o scripts de rastreo (como AdBlock o uBlock Origin) mientras realizas tus pruebas de depuración, ya que estas utilidades bloquean a GTM por defecto.

Da el salto hoy: Deja la medición técnica en manos de Simply Agency

Configurar Google Tag Manager puede ahorrarle a tu pyme cientos de dólares en desarrollo web y darte la autonomía de medir lo que realmente importa. Sin embargo, a medida que tu negocio crece, la medición se vuelve más compleja:

Implementación de comercio electrónico (E-commerce tracking) para rastrear ingresos exactos.
Medición del lado del servidor (Server-Side tracking) para evadir las limitaciones de los bloqueadores de anuncios y las cookies de terceros.
Configuración de la API de conversiones de Meta para no perder hasta un 30% de tus datos de conversiones publicitarias.

Si tu equipo no cuenta con el tiempo para configurar la analítica avanzada, o si prefieres delegar este apartado para concentrarte en operar tu negocio, en Simply Agency te ayudamos.

Diseñamos e implementamos arquitecturas de medición robustas con Google Tag Manager y GA4, creando tableros de control personalizados en Looker Studio para que puedas ver el rendimiento de tu inversión publicitaria en tiempo real.

Contáctanos hoy en Simply Agency y transforma tus datos desordenados en decisiones de negocio rentables.