Vue.js 有人能帮助实现Nuxt.js谷歌标签管理器吗？

嘿，我已经构建了一个Nuxt应用程序，但在使用包

@nuxtjs/googletagmanager

时遇到了问题。在下面找到。文档非常简单，我还没有找到很多示例实现。在我的

numxt.config.js中，我有以下设置

['@nuxtjs/google-tag-manager', {
  id: process.env.GTM_ID,
  layer: 'dataLayer',
  pageTracking: true
}],

…但不幸的是，我在Google Tag Manager中没有获得任何页面浏览量

是否有人对如何最好地实施GTM有任何想法或经验，或者什么对他们有效

提前感谢
我看了一下软件包，在
modules/packages/google tag manager/plugin.js中有一段代码：

window['<%= options.layer %>'].push(to.gtm || { event: 'nuxtRoute', pageType: 'PageView', pageUrl: to.fullPath, routeName: to.name })

因此，在GTM中，您可以定义一个自定义事件触发器来触发“nuxtRoute”事件。如下所示：

然后您想在GTM中创建两个数据层变量，它们将捕获
pageURL
和可能的
routeName
，我说routeName是可选的，这取决于您是否更改/更新文档的属性。

然后在GTM中创建您的Google Analytics标记。确保它是“pageview”类型，然后选中“更多设置>要设置的字段”下的“启用此标记中的覆盖设置”复选框，在“页面”中键入我们创建的变量fieldname和“value”。如果您想使用to.name变量设置页面标题，请使用title“字段。确保在“触发”下也添加nuxt路由触发器。

保存并发布所有内容或在其中运行，您应该可以查看页面浏览量。
您是否在GTM中正确配置了GA标签？感谢您的详细回复@XTOTHEL，我非常感谢您抽出时间来整理这些内容。与我合作的营销团队希望将触发器设置为“页面浏览”，而不是虽然是自定义事件，但当前页面视图无法通过。必须有一种方法！当您按照指示进行设置时。它将作为页面视图通过。数据层中的事件只是页面视图的触发事件。数据层事件与GA中的事件不同。因为您使用的是vue，我假设这是在SPA，在SPA中，只有在加载应用程序时才会出现“页面视图”。这就是为什么您使用nuxt，当您在SPA中的路由出现新的“屏幕”时，它会提供一个“事件”向GTM发出信号视图。GTM然后获取屏幕视图事件，获取URL、标题等周围的数据层变量，并将该数据发送给GA。Xhothel的答案很准确，只是您似乎没有完全意识到GTM事件和GA事件之间的区别。上述内容将在分析中显示为页面视图。触发器类型与trackin无关g数据-只要Analytics标签上写着“pageview”，你就会在GA中获得一个（虚拟）页面视图，无论是哪个GTM事件触发了它。
{
event: 'nuxtRoute',
pageType: 'PageView',
pageURL: to.fullPath,
routeName: to.name
}