📦 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!

production only

This plugin is always inactive in development and only active in production to avoid polluting the analytics statistics.

インストール

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

ヒント

If you use the preset @docusaurus/preset-classic, you don't need to install this plugin as a dependency.

You can configure this plugin through the preset options.

設定

Accepted fields:

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

Example configuration

You can configure this plugin through preset options or plugin options.

ヒント

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