Saltar al contenido

configurar Google Analytics 4 en nuxt.js

Hola usuario de nuestra página web, tenemos la respuesta a lo que buscabas, has scroll y la verás más abajo.

Solución:

Ese complemento que mencionaste funciona con la versión universal de Google Analytics (que es lo que tiene las identificaciones en el formato UA-XXXXXXXXX-X), como el ejemplo en su enlace:

 buildModules: [
   '@nuxtjs/tailwindcss','@nuxtjs/google-analytics'
 ],
 googleAnalytics: 
   id: 'UA-XXXXXXXX-X'
 ,

El código que ingresó en el ejemplo, G-HWW3B1GM6Wse refiere al nuevo Google Analytics 4 que, al ser un sistema diferente al anterior y no funciona (todavía) con ese plugin.

Así que te sugiero que crees una propiedad de tipo Universal Analytics y uses su ID (UA-XXXXX-X) con el complemento que indicaste. Puedes encontrarlo haciendo clic en Show advanced options (cuando creas una nueva propiedad):

ingrese la descripción de la imagen aquí

Puedes usar vue-gtag paquete creando un complemento.

import Vue from 'vue'
import VueGtag from 'vue-gtag'

Vue.use(VueGtag, 
  config:  id: 'G-XXXXXXXXXX' 
)

Recuerda agregarlo en nuxtconfig.js

plugins: ['@/plugins/gtag']

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *