MatteoGabriele / vue-gtag

Global Site Tag plugin for Vue (gtag.js)

Home Page:https://matteo-gabriele.gitbook.io/vue-gtag/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Tracking full path or query strings not working

notflip opened this issue · comments

Please fill in at least the mandatory (*) questions below, or I will immediately close this issue without reading. Thanks

Environment *

Run this command in the project folder and fill in their results:

npm ls vue-gtag: vue-gtag@2.0.1

├─┬ nuxt@3.1.0
│ ├─┬ @nuxt/vite-builder@3.1.0
│ │ ├─┬ @vitejs/plugin-vue-jsx@3.0.0
│ │ │ └── vue@3.2.47 deduped
│ │ ├─┬ @vitejs/plugin-vue@4.0.0
│ │ │ └── vue@3.2.47 deduped
│ │ └── vue@3.2.47 deduped
│ ├─┬ @vueuse/head@1.1.9
│ │ ├─┬ @unhead/vue@1.1.15
│ │ │ └── vue@3.2.47 deduped
│ │ └── vue@3.2.47 deduped
│ ├─┬ vue-router@4.1.6
│ │ └── vue@3.2.47 deduped
│ └─┬ vue@3.2.47
│   └─┬ @vue/server-renderer@3.2.47
│     └── vue@3.2.47 deduped
└─┬ vue-gtag@2.0.1
  └── vue@3.2.47 deduped

Then, specify:

  1. Operating system: Mac
  2. Browser and version: Brave Browser

Description *

I can't seem to track the fullPath or the full url with the query string included.

I'm using the following config in Nuxt 3

import VueGtag from 'vue-gtag'

export default defineNuxtPlugin((nuxtApp) => {
    nuxtApp.vueApp.use(VueGtag, {
        pageTrackerPrependBase: true,
        pageTrackerScreenviewEnabled: true,
        pageTrackerTemplate(to) {
            return {
                page_title: to.name,
                page_path: to.fullPath,
            }
        },
        config: {
            id: 'G-XXXXXXX',
        },
    }, nuxtApp.$router)
})

Expected behavior

Seeing things like

Actual behavior

There's not a single screen where I can find the full path

Screenshot 2023-03-03 at 09 57 03