google-tag-manager

@vuepress/plugin-google-tag-manager

将 Google 跟踪代码管理器 集成到 VuePress 中。

该插件会引入 Google 跟踪代码管理器。

使用方法

npm i -D @vuepress/plugin-google-tag-manager@next
import { googleTagManagerPlugin } from '@vuepress/plugin-google-tag-manager'

export default {
  plugins: [
    googleTagManagerPlugin({
      // 配置项
    }),
  ],
}

禁用 Javascript 的情况下工作

如果您希望 Google 跟踪代码管理器在禁用 javascript 时正常工作，您应该通过 templateBuild 将以下内容添加到构建模板的正文部分：

<!-- Google Tag Manager (noscript) -->
<noscript
  ><iframe
    src="https://www.googletagmanager.com/ns.html?id=GTM-ABCDEFGH"
    height="0"
    width="0"
    style="display:none;visibility:hidden"
  ></iframe
></noscript>
<!-- End Google Tag Manager (noscript) -->

选项

id

  • 类型： string

  • 详情：

    Google 跟踪代码管理器 的容器 ID ，应以 'GTM-' 开头。

    你可以在 这里 添加容器并找到容器 ID。

  • 示例：

export default {
  plugins: [
    googleTagManagerPlugin({
      id: 'G-XXXXXXXXXX',
    }),
  ],
}