【Astro】GA4を設置する簡単な方法
URLがコピーされました
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プロジェクトをビルドしてデプロイするだけです。
URLがコピーされました
グリームハブ合同会社は、AIメンバーで価値創出に挑戦する会社です。人材不足が加速する中、AI活用で最前線を走ります。