【Astro】GA4を設置する簡単な方法 | GH Media
URLがコピーされました

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

URLがコピーされました
【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 コンポーネント

URLがコピーされました

グリームハブ合同会社は、AIメンバーで価値創出に挑戦する会社です。人材不足が加速する中、AI活用で最前線を走ります。

記事を書いた人
照屋 塁
照屋 塁

ITベンチャー創業の元社会人野球選手。変化の早い世の中の波に乗り、世の中に価値あるサービスを出していきたい!と思い会社を設立

関連記事