📦 plugin-google-tag-manager

A plugin for adding Google Tag Manager (gtm.js) to a Docusaurus site. Use this plugin in conjunction with the standard gtag plugin for in-depth analysis of how users are using your site.

ヒント

You can use Google's Tag Assistant tool to check if tag manager is set up correctly!

本番専用

分析統計を汚染しないよう、本プラグインは開発時には常に無効となっており、本番時のみ有効となります。

インストール

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

Bun

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

ヒント

プリセット@docusaurus/preset-classicを使用している場合、依存関係としてこのプラグインをインストールする必要はありません。

このプラグインは、 プリセットオプションで設定できます。

設定

Accepted fields:

名前	Type	Default	説明
containerId	string	Required	Your Tag Manager container Id (usually starts with GTM-).

Example configuration

このプラグインは、プリセットオプションまたはプラグインオプションを通じて設定できます。

ヒント

Most Docusaurus users configure this plugin through the preset options.

プリセットオプション

プリセットを使用する場合は、 設定オプション を介してこのプラグインを設定してください。

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',
      },
    ],
  ],
};