AstroプロジェクトにGA4（Google Analytics 4）を設置するには、以下の2つの手順を踏みます。
astro-google-analyticsコンポーネントをインストールastro-google-analyticsコンポーネントを使用
1. astro-google-analyticsのインストール
プロジェクトのルートディレクトリで以下のコマンドを実行します。
npm install astro-google-analytics2. astro-google-analyticsコンポーネントの使用
メインレイアウトファイルに以下のコードを追加します。G-XXXXXXXXXXの部分は、実際のGA4トラッキングIDに置き換えてください。
---
import { GoogleAnalytics } from 'astro-google-analytics';
---
<head>
<GoogleAnalytics id="G-XXXXXXXXXX" />
</head>以上の設定が完了したら、Astroプロジェクトをビルドしてデプロイするだけです。
参考: astro-google-analytics コンポーネント
あわせて読みたい
- 【Astro】本番環境にのみGA計測タグを設置する方法 — 開発環境での不要なデータ送信を防ぐ方法
- 【Astro】サイトマップを追加してSEO対策！設定方法と注意点を解説 — GA4設定とセットで行いたいSEO対策
