📦 插件-谷歌标签管理器
一个用于将Google Tag Manager (gtm.js)添加到Docusaurus站点的插件。将此插件与标准的gtag插件结合使用,以深入分析用户如何使用您的站点。
tip
你可以使用Google的Tag Assistant工具来检查标签管理器是否设置正确!
production only
此插件在开发中始终处于非活动状态,仅在生产环境中激活,以避免污染分析统计数据。
安装
- 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
tip
如果你使用预设的@docusaurus/preset-classic,你不需要将此插件作为依赖项安装。
你可以通过预设选项来配置此插件。
配置
接受的字段:
| Name | Type | Default | Description |
|---|---|---|---|
containerId | string | Required | Your Tag Manager container Id (usually starts with GTM-). |
示例配置
您可以通过预设选项或插件选项来配置此插件。
tip
大多数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',
},
],
],
};