Senden Sie user_id mit vue-gtag und nuxtjs an Google Analytics 4

Question

Ich habe ein Nuxtjs-Projekt. Ich verwende https://github.com/MatteoGabriele/vue-gtag. Ich versuche, die Benutzer-ID an Google Analytics 4 zu senden, wenn die Benutzer-ID vorhanden ist, der Code jedoch fehlschlägt, aber nicht funktioniert. Ich habe in GA4 eingecheckt, aber keine Daten. „Anmeldung mit Benutzer-ID beinhaltet ja“:

import Vue from "vue";
import VueGtag from "vue-gtag";

export default ({ $config, $auth }) => {
  const obj = {
    config: {
      id: 'G-XXXXXXXXXX'
    }
  }
  if ($auth?.loggedIn) {
    obj.config.params = {user_id: $auth.user.sub}
  }
  Vue.use(VueGtag, obj, app.router)
}

Der folgende Code wird ausgeführt:

import Vue from "vue";
import VueGtag from "vue-gtag";

export default ({ $config, $auth }) => {
  Vue.use(VueGtag, {
    config: {
      id: 'G-XXXXXXXXXX',
      params: {
        user_id: '122xzczxc'
      }
    }
  }, app.router)
}

Kann ich Ihnen helfen? Ich möchte user_id an GA4 senden, wenn user_id existiert.

Answer 1

在评论后正确回复以及我认为我已经理解的内容。

如果您将条件更改为默认值，例如：

if ($auth?.loggedIn) {
  obj.config.params = {user_id: '123-update-id'}
}

这不起作用。

但是如果你像这样初始化你的对象：

const obj = {
  config: {
    {
      id: 'G-XXXXXXXXXX',
      params: {
      user_id: '123-default-id'
    }
  }
}

$auth?.loggedIn 上的条件将起作用并分配值。

在这种情况下，问题只是你需要为你的对象有一个默认的结构。在这种情况下，对象不会创建可能导致异步或结构问题的新属性，它只是更新属性。

就这样做：

const obj = {
  config: {
    {
      id: 'G-XXXXXXXXXX',
      params: {
      user_id: ''
    }
  }
}