google-tag-manager

使用方法

npm i -D @vuepress/plugin-google-tag-manager@next

.vuepress/config.ts
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。
示例：

.vuepress/config.ts
export default {
  plugins: [
    googleTagManagerPlugin({
      id: 'G-XXXXXXXXXX',
    }),
  ],
}