Skip to main content

Google Analytics 設定

インストール​

bash
npm install @docusaurus/plugin-google-gtag

設定​

docusaurus.config.ts
const config: Config = {
    ...
    plugins: [
        [
            '@docusaurus/plugin-google-gtag',
            {
                trackingID: 'G-XXXXXXXXXX',
                anonymizeIP: true,
            },
        ],
    ]

有効となったことの確認​

アップロード後、ページを閲覧し、
アナリティクスの管理画面で「リアルタイムの概要」などを見れば即時、確認可能。

応用. trackingID を 環境変数に追いやる​

1. dotenv をインストール​

bash
npm install dotenv

2. プロジェクト直下に .env ファイル用意​

.env
GA_TRACKING_ID=G-XXXXXXXXXX

3. docusaurus.config.ts 側では process.env.<変数名> で参照​

docusaurus.config.ts
trackingID: process.env.GA_TRACKING_ID || '',

4. .gitignore に .env を追加​

.gitignore
.env
Last updated on