【Astro】GA4を設置する簡単な方法

AstroプロジェクトにGA4(Google Analytics 4)を設置するには、以下の2つの手順を踏みます。

  1. astro-google-analyticsコンポーネントをインストール
  2. 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プロジェクトをビルドしてデプロイするだけです。

参考: astro-google-analytics コンポーネント