jueves, 12 de septiembre de 2024

Cómo Configurar Google Analytics en tu Web para Monitorear el Número de Visitas

Descubre cómo configurar Google Analytics en tu sitio web para monitorear el número de visitas en tiempo real.

Te recomiendo primero ver este video que explica muy bien el paso a paso una vez ello podras seguir este resumido manual de instalación

Los codigos que se muestran son de anibalcopitan.com, reemplazarlos por el tuyo.
Te mostraré paso a paso como configurarlo:

Herramientas:

1. Google Analitys (G-ND8X1FCT7S)
2. Google TagManager (GTM-MH6GPPL3)

Pasos para configurar:

1. Creacion de tu cuenta en GoogleAnalytics

2. Creacion de tu cuenta en Google TagManager

Una vez en la cuenta:

1. Crear nueva etiqueta -> seleccionar GoogleAnalytics -> Google Tag

2. Establecer el Tag ID: que es Measurement Id de nuestra cuenta de google Analytics

3. Establecer un Trigger: Initialization - All Pages

3. Hacer una prueba o vista anticipada:

Antes de ello tienes que instalar el script de google tag manager en tu sitio web

Instalar script en tu web site

La siguiente imagen muestra como instalar el script: (Esta es la opcion HTML)

Instalar script en tu web site con NUXT y VUEJS

Esta opción en mi caso mi website esta construido con NUXT, y solo necesito el codigo del container del tag manager en mi caso: GTM-MH6GPPL3.

instalar este paquete en tu projecto nuxtJS `package.json`:

yarn add @nuxtjs/gtm # or npm install @nuxtjs/gtm

Agregar esta porcion de codigo en tu archivo `nuxt.config.js`

  modules: [
    '@nuxtjs/gtm'
  ],

  // Google Tag Manager (anibalcopitan.com)
  gtm: {
    id: 'GTM-MH6GPPL3',
    debug: true // Habilitar modo debug
  },

Conclusión: (La importancia las mediciones)

Medir el trafico y la interacción del usuario en tu pagina web es importantes para saber por ejemplo:

1. Las visitas por dia por mes

2. De que pais son las visitas

3. Cuanto tiempo permanecierón en tu sitio web

4. En que seccion de tu pagina hacen mas click entre otros

Estos son puntos importantes que te ayudan a mejorar o cambiar tu web, para alguna estrategia o simplemente saber que cosa funciona bien y que cosa esta funcionando muy mal.

Linux Dev: Código y Tecnología