📦 plugin-google-tag-manager

一個外掛程式，將 Google 標籤管理員 (gtm.js) 加入 Docusaurus 網站。與標準 gtag 外掛程式 聯合使用此外掛程式，以深入分析使用者如何使用您的網站。

提示

您可以使用 Google 的標籤助理 工具檢查標籤管理員是否設定正確！

僅限製作環境

此外掛程式在開發時始終處於非活動狀態，僅在製作環境中啟用，以避免污染分析統計資料。

安裝

npm

npm install --save @docusaurus/plugin-google-tag-manager

Yarn

yarn add @docusaurus/plugin-google-tag-manager

pnpm

pnpm add @docusaurus/plugin-google-tag-manager

提示

如果你使用預設 @docusaurus/preset-classic，就不需要將此外掛程式安裝為依賴項。

你可以透過 預設選項 來設定此外掛程式。

設定

可接受的欄位

名稱	類型	預設值	描述
containerId	字串	需要	你的標籤管理員容器 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',
      },
    ],
  ],
};