Googleアナリティクスを設定する - Webflowヘルプ

Last updated on 10/22/2025@mrbirddev
Googleアナリティクスを設定する - Webflowヘルプ

WebflowサイトにGoogleアナリティクスを追加する。

WebflowのGoogleアナリティクス統合は、広告ブロッカーの影響を軽減し、より正確で一貫したデータ収集を確保するためにGoogleタグゲートウェイ(GTG)を使用します。この更新は現在展開中で、今後数週間にわたって続けられます。

Googleアナリティクスをサイトに追加すると、ユーザーの行動に関する貴重な情報を得ることができます。Googleアナリティクスは、ユーザー数やページビュー数、サイトトラフィックの出所(都市レベルまで)、サイト滞在時間、他のリンクをクリックせずにページを離れるユーザーの割合(直帰率)などの強力な指標を提供します。

Googleアナリティクスの指標は、企業がマーケティング費用をどこに投資するかを判断し、キャンペーンの効果を測定するのに役立ちます。


WebflowアプリのGoogleサイトツールを使ってサイトにGoogleアナリティクス統合を追加する方法

Googleサイトツールを使用して、Googleアナリティクス、タグマネージャー、サーチコンソールをサイトに接続し、デザイナー内で一般的なサイト指標を表示できます。Googleサイトツールのインストールと使用方法について詳しくはこちら


WebflowサイトにGoogleアナリティクス統合を追加する方法

サイト訪問者の行動に関するデータと情報を追跡するために、Googleアナリティクス統合をサイトに追加できます。

Webflowは現在、Googleアナリティクス4の測定IDのみを受け付けています。Webflowの統合を通じてサイトにGoogleアナリティクスを設定したことがない場合は、以下の手順に従ってください。

ユニバーサル アナリティクスをサイトに導入しているが、Webflowで設定していない場合は、まずGoogle アナリティクス 4に移行する必要があります。ユニバーサル アナリティクス サイトにGA4プロパティを追加する方法については、Googleのドキュメントを参照してください

以前にWebflowでユニバーサル アナリティクスを設定した場合は、GA4への移行手順に従ってください


サイトに統合を追加する

  1. Googleのウェブサイトおよび/またはアプリのアナリティクス設定の記事に従う
  2. プロパティを作成した後、Web プラットフォームを選択
  3. ステップ3で、データストリームを追加する手順に従う
  4. ステップ4で、ウェブサイトのデータ収集を設定で指示された通りにG- IDを見つける
  5. "G-" 測定IDをコピー
測定IDは "G-" で始まり、大文字小文字を区別します。

Webflowで以下の手順を完了します:

  1. サイト設定 > 統合 タブ > Google アナリティクス
  2. 測定IDをフィールドに貼り付ける
  3. 変更を保存をクリック
  4. サイトを公開する
Google アナリティクスを統合するために有料サイトやワークスペースプランは必要ありません。ただし、他のカスタムコードを追加するには[有料プラン](https://webflow.com/pricing)が必要です。

Eコマースイベントを追跡する方法

Webflow Ecommerceを有効にし、アナリティクス統合を設定した場合、Webflowは自動的に商品閲覧、カート追加、購入などのEコマースイベントを追跡します。

これらのイベントを受信するには、Google アナリティクス 4でEコマース追跡を有効にしてください。

サイトとGoogle アナリティクス間の接続をテストする方法

ウェブサイトを閲覧し、Google アナリティクスのレポートでリアルタイムを選択します。別のタブでサイトが開いている場合、リアルタイムに現在のアクティビティが表示されます。

Google Analyticsのデータ収集には時間がかかります。インサイトは収集の翌日まで利用できない場合があります。

リソース: 外部リンクの追跡ガイド


サイトのカスタムコードにGoogle Analytics 4を追加する

重複したトラッキングスクリプトを避けるため、GA4タグを以下のいずれか一つにのみ追加してください:

  • サイト設定 > 統合タブ > Google Analytics
  • サイトのheadコード

Universal AnalyticsからGoogle Analytics 4への移行方法

Googleは2023年7月1日にUniversal Analyticsを廃止しました。できるだけ早くGA4に移行してください。

  1. GoogleのGA4セットアップアシスタントに従ってください。
  2. GA4プロパティ名を使用してGA4プロパティを設定します。
  3. "ウェブサイトとアプリデータの収集"で、ウェブサイト用の指示を使用します。
  4. "G- IDを見つける"の指示で"G-"測定IDを見つけます。
  5. "G-"測定IDをコピーします。
測定IDは大文字と小文字を区別します。

Webflowに戻って:

  1. サイト設定 > 統合タブ > Google Analyticsに移動
  2. 測定IDを貼り付け
  3. 変更を保存をクリック
  4. サイトを公開
Analytics統合には有料プランは不要ですが、他のカスタムコードには有料プランが必要です。

Google Analytics統合からUniversal Analyticsトラッキングコードを削除する方法

もしコールアウトボックスに「UA-」トラッキングIDがある場合、ユニバーサルアナリティクスのトラッキングを削除できます:

  1. サイト設定 > 統合タブ > Google アナリティクス
  2. トラッキングを削除をクリック
  3. モーダルで削除を確認
  4. サイトを公開
この削除は元に戻せません。

Google アナリティクス統合が「G-」で始まるIDを持っている場合

統合タブに「G-」IDが表示されている場合、GA4を使用しています。測定IDを再保存し、再公開してギャップを防ぎましょう。


Google アナリティクス 4 のEコマースイベント

以前にUniversal Analyticsでanalytics.jsを使用していた場合

以前にUniversal Analyticsでanalytics.jsを使用し、グローバルサイトタグを有効にしていなかった場合、EコマースイベントはGoogle アナリティクスに渡されません。GA4への移行後、Google アナリティクス 4でEコマーストラッキングを有効にしてください。

カスタムイベントがある場合は、Googleのイベント移行ガイドを使用してください。

以前にUniversal Analyticsでgtag.jsを使用していた場合

グローバルサイトタグが有効になっていた場合、GA4への移行後もGoogle アナリティクス 4はEコマースイベントを追跡し続けます。

ユニバーサルアナリティクスは廃止されているため、そのダッシュボードではEコマースイベントは表示されません。

カスタムイベントの移行については、Googleのイベント移行ガイドを参照してください。


ユニバーサルアナリティクスからGoogle アナリティクス 4へのタグ付きイベントの移行

Webflowでユニバーサルアナリティクスを使用し、gtag.jsを有効にしていた場合、既存のタグ付けを移行できる可能性があります。

analytics.jsを使用していた場合、gtag.jsを使用してイベントを再作成する必要があります。

接続されたサイトタグについて詳しく学ぶ


この記事で


ウェブフローのヘルプに戻る

Last updated on 10/22/2025@mrbirddev
Recent Articles
Loading...