配置 Google Tag Manager

Fluoxetine^.^

已于 2022-08-16 14:59:08 修改

阅读量788

点赞数

文章标签：前端 javascript vue.js

于 2022-08-12 10:31:13 首次发布

本文链接：https://blog.csdn.net/weixin_48366131/article/details/126298931

版权

什嘛是Google Tag Manager

“Google Tag Manager 又称Google 跟踪代码管理器,是一个代码管理系统,可以快速轻松地更新网站或移动应用上的代码和代码段,例如用于流量分析和营销优化的代码和代码段。可以通过跟踪代码管理器的界面添加和更新 AdWords、Google Analytics(分析)、Firebase Analytics、Floodlight 和第三方代码或自定义代码,而无需修改网站代码。这样既减少了错误,也免除了配置代码时向开发者求助的麻烦。”

配置

文档地址

下载依赖
yarn add @nuxtjs/gtm # or npm install @nuxtjs/gtm
在nuxt.config.js中配置

export default {
  modules: [
    '@nuxtjs/gtm',
  ],
  gtm: {
    enabled: true, /* GTM 模块在开发期间使用仅调试版本  */

    id: 'GTM-xxxxxx',
    layer: 'dataLayer',
    variables: {},

    pageTracking: false,
    pageViewEventName: 'nuxtRoute',

    autoInit: true,
    respectDoNotTrack: true,

    scriptId: 'GTM-xxxxxx',
    scriptDefer: false,
    scriptURL: 'https://www.googletagmanager.com/gtm.js',
    crossOrigin: false,

    noscript: true,
    noscriptId: 'GTM-xxxx',
    noscriptURL: 'https://www.googletagmanager.com/ns.html'
  }
}