📦 plugin-google-tag-manager
Google Tag Manager (gtm.js) を Docusaurus サイトに追加するためのプラグインです。このプラグインを、サイトの利用状況の詳細な分析のために、標準の gtag プラグインと組み合わせて使用してください。
ヒント
Google の Tag Assistant ツールを使用して、タグマネージャーが正しく設定されているかを確認できます。
本番環境のみ
このプラグインは開発環境では常に非アクティブで、本番環境でのみアクティブになり、分析統計を汚染しないようにします。
インストール
- 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
ヒント
プリセット @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',
},
],
],
};