📦 plugin-google-gtag

デフォルトのグローバルサイトタグ（gtag.js）プラグイン。 これは、Googleアナリティクス、Google広告、および Googleマーケティングプラットフォームにイベントデータを送信できるJavaScriptタグ付けフレームワークおよび API です。 このセクションでは、Google Analytics のグローバルサイトタグ (gtag. js) を有効にする方法を説明します。

ヒント

Googleのタグアシスタント ツールを使用して、gtagが正しく設定されているかどうかを確認することができます。

本番専用

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

インストール

npm

npm install --save @docusaurus/plugin-google-gtag

Yarn

yarn add @docusaurus/plugin-google-gtag

pnpm

pnpm add @docusaurus/plugin-google-gtag

Bun

bun add @docusaurus/plugin-google-gtag

ヒント

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

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

設定

Accepted fields:

名前	Type	Default	説明
trackingID	string | string[]	Required	gtagサービスの追跡ID。 複数のIDを与えることも可能です。
anonymizeIP	boolean	false	リクエストを送信するときにIPを匿名化するかどうか。

Example configuration

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

ヒント

Most Docusaurus users configure this plugin through the preset options.

プリセットオプション

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

docusaurus.config.js

module.exports = {
  presets: [
    [
      '@docusaurus/preset-classic',
      {
        gtag: {
          trackingID: 'G-999X9XX9XX',
          anonymizeIP: true,
        },
      },
    ],
  ],
};

プラグイン

スタンドアロンプラグインを使用している場合は、プラグインに直接オプションを指定します。

docusaurus.config.js

module.exports = {
  plugins: [
    [
      '@docusaurus/plugin-google-gtag',
      {
        trackingID: 'G-999X9XX9XX',
        anonymizeIP: true,
      },
    ],
  ],
};