
AstroプロジェクトにGA4(Google Analytics 4)を設置するには、以下の2つの手順を踏みます。
astro-google-analytics
コンポーネントをインストールastro-google-analytics
コンポーネントを使用
1. astro-google-analyticsのインストール
プロジェクトのルートディレクトリで以下のコマンドを実行します。
npm install astro-google-analytics
2. astro-google-analyticsコンポーネントの使用
メインレイアウトファイルに以下のコードを追加します。G-XXXXXXXXXXの部分は、実際のGA4トラッキングIDに置き換えてください。
---
import { GoogleAnalytics } from 'astro-google-analytics';
---
<head>
<GoogleAnalytics id="G-XXXXXXXXXX" />
</head>
以上の設定が完了したら、Astroプロジェクトをビルドしてデプロイするだけです。