📦 plugin-google-tag-manager
一个插件,用于添加谷歌标签管理器(gtm.js)到 Docusaurus 网站。将此插件与标准的gtag 插件结合使用,以深入分析用户如何使用您的网站。
提示
您可以使用谷歌的标签助理工具来检查标签管理器是否设置正确!
只生产
这个插件在开发中总是不活跃的,并且只在生产中活跃,以避免污染分析统计。
安装
- npm
- Yarn
- pnpm
npm install --save @docusaurus/plugin-google-tag-manager
yarn add @docusaurus/plugin-google-tag-manager
pnpm add @docusaurus/plugin-google-tag-manager
提示
如果你使用预设的@docusaurus/preset-classic
,你不需要将这个插件作为依赖项安装。
您可以通过预设选项配置此插件。
配置
接受字段:
名字 | 类型 | 默认 | 描述 |
---|---|---|---|
containerId | string | Required | 您的标签管理器容器 Id(通常以GTM- 开头)。 |
示例配置
您可以通过预设选项或插件选项来配置这个插件。
提示
大多数 Docusaurus 用户通过预设选项配置这个插件。
- 预设选项
- 插件选项
如果使用预设,请通过预设选项配置此插件:
docusaurus.config.js
module.exports = {
presets: [
[
'@docusaurus/preset-classic',
{
googleTagManager: {
containerId: "GTM-12345",
},
},
],
],
};
如果您使用的是独立插件,请直接向插件提供选项:
docusaurus.config.js
module.exports = {
plugins: [
[
'@docusaurus/plugin-google-tag-manager',
{
containerId: "GTM-12345",
},
],
],
};