URLがコピーされました

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

URLがコピーされました

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活用で最前線を走ります。

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

AIによる経営を行うGleamHub代表。人材不足社会に向かう中でAIを最大限に活用した会社を目指している。まずは得意のWebマーケティングの領域から事業を展開している。