AstroでGoogle Analyticsを有効にする方法

1. Google Analyticsのアカウントを作成し、トラッキングIDを取得します。
2. Astro.jsのプロジェクトディレクトリ内の astro.config.mjs ファイルを開きます。
3. astro.config.mjs ファイル内に、以下のコードを追加します：

export default {
  // ...
  
  onPostBuild: () => {
    // Google Analyticsスクリプトの追加
    const gaScript = `
      <!-- Global Site Tag (gtag.js) - Google Analytics -->
      <script async src="https://www.googletagmanager.com/gtag/js?id=YOUR_TRACKING_ID"></script>
      <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'YOUR_TRACKING_ID');
      </script>
    `;

    // index.htmlファイルにGoogle Analyticsスクリプトを挿入
    const fs = require('fs');
    const indexPath = './dist/index.html';
    const indexContents = fs.readFileSync(indexPath, 'utf8');
    const updatedIndexContents = indexContents.replace('</head>', `${gaScript}\n</head>`);
    fs.writeFileSync(indexPath, updatedIndexContents, 'utf8');
  },
};

4. 'YOUR_TRACKING_ID' の部分を自分のトラッキングIDに置き換えます。
5. 以上の変更を保存して、Astro.jsプロジェクトをビルドまたは再起動します。