El Proyecto | Sobre nosotros | Contribuir | Donaciones | Licencia
HOME Mis cursos Finalizados
◄ Anterior
◄

Google Tag Manager: Implementación Básica

Siguiente ►
►

Introducción

Google Tag Manager (GTM) es una herramienta gratuita de Google que permite gestionar y desplegar etiquetas de marketing (tags) en tu sitio web o aplicación móvil sin tener que modificar el código directamente. GTM facilita la implementación de códigos de seguimiento, scripts y píxeles de terceros, lo que ahorra tiempo y reduce la dependencia del equipo de desarrollo.

Objetivos de esta sección:

  1. Comprender qué es Google Tag Manager y sus beneficios.
  2. Aprender a configurar una cuenta y un contenedor en GTM.
  3. Implementar etiquetas básicas utilizando GTM.
  4. Realizar pruebas para asegurarse de que las etiquetas funcionan correctamente.

  1. ¿Qué es Google Tag Manager?

Google Tag Manager es una solución que permite gestionar y desplegar etiquetas de marketing en tu sitio web sin necesidad de modificar el código directamente. Las etiquetas son fragmentos de código que se utilizan para recopilar datos y enviar información a herramientas de análisis y marketing.

Beneficios de usar Google Tag Manager:

  • Facilidad de uso: No se requiere experiencia en programación para implementar etiquetas.
  • Flexibilidad: Permite añadir, modificar y eliminar etiquetas sin necesidad de intervención del equipo de desarrollo.
  • Velocidad: Acelera el proceso de implementación de etiquetas.
  • Centralización: Todas las etiquetas se gestionan desde una única interfaz.

  1. Configuración Inicial de Google Tag Manager

Paso 1: Crear una Cuenta en Google Tag Manager

  1. Visita Google Tag Manager.

  2. Inicia sesión con tu cuenta de Google.

  3. Haz clic en "Crear cuenta".

  4. Completa la información de la cuenta:

    • Nombre de la cuenta: Nombre de tu empresa o proyecto.
    • País: Selecciona tu país.
    • Nombre del contenedor: Nombre del sitio web o aplicación.
    • Destino del contenedor: Selecciona "Web" si es para un sitio web.

  5. Haz clic en "Crear" y acepta los términos de servicio.

Paso 2: Añadir el Código de Google Tag Manager a tu Sitio Web

  1. Después de crear el contenedor, GTM te proporcionará dos fragmentos de código.
  2. Añade el primer fragmento de código inmediatamente después de la etiqueta <head> en todas las páginas de tu sitio web.
  3. Añade el segundo fragmento de código inmediatamente después de la etiqueta <body> en todas las páginas de tu sitio web.
<!-- 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-XXXX');</script>
<!-- End Google Tag Manager -->

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

Reemplaza GTM-XXXX con el ID de tu contenedor.

  1. Implementación de Etiquetas Básicas

Paso 1: Crear una Etiqueta de Google Analytics

  1. En el panel de GTM, haz clic en "Añadir una nueva etiqueta".
  2. Asigna un nombre a la etiqueta, por ejemplo, "Google Analytics - Página Vista".
  3. Haz clic en "Configuración de la etiqueta" y selecciona "Google Analytics: Universal Analytics".
  4. Configura la etiqueta:
    • Tipo de seguimiento: Página vista.
    • ID de seguimiento: Introduce el ID de tu propiedad de Google Analytics (formato: UA-XXXXXX-Y).

Paso 2: Configurar un Activador

  1. Haz clic en "Activación" y selecciona "All Pages" (Todas las páginas).
  2. Guarda la configuración de la etiqueta.

Paso 3: Publicar el Contenedor

  1. Haz clic en "Enviar" en la esquina superior derecha.
  2. Añade una descripción de la versión y haz clic en "Publicar".

  1. Pruebas y Verificación

Uso del Modo de Vista Previa

  1. En el panel de GTM, haz clic en "Vista previa".
  2. Abre tu sitio web en una nueva pestaña. Verás el modo de depuración de GTM en la parte inferior de la página.
  3. Navega por tu sitio web y verifica que la etiqueta de Google Analytics se activa correctamente en cada página.

Verificación en Google Analytics

  1. Inicia sesión en tu cuenta de Google Analytics.
  2. Ve a la sección "Tiempo real" > "Visión general".
  3. Navega por tu sitio web y verifica que las visitas se registran en tiempo real.

Conclusión

En esta sección, hemos aprendido a configurar Google Tag Manager, añadir el código a nuestro sitio web, crear una etiqueta básica de Google Analytics y verificar su funcionamiento. GTM es una herramienta poderosa que simplifica la gestión de etiquetas y mejora la eficiencia de las campañas de marketing digital.

Próximos Pasos

En la siguiente sección, profundizaremos en la configuración de objetivos y eventos en Google Analytics, lo que permitirá un seguimiento más detallado del comportamiento de los usuarios en tu sitio web.

◄ Anterior
◄
Siguiente ►
►
El Proyecto | Sobre nosotros | Contribuir | Donaciones | Licencia
© Copyright 2024. Todos los derechos reservados