WebflowサイトにGoogle Analytics統合を追加する方法

Google Analytics統合をサイトに追加して、サイト訪問者の行動に関するデータと情報を追跡できます。Webflowは現在、Google Analytics 4の計測IDのみを受け入れています。WebflowのGoogle Analytics統合を介してサイトにGoogle Analyticsを設定したことがない場合、サイトにGoogle Analytics統合を追加するための以下の手順に従ってください。

サイトにUniversal Analyticsがある場合でも、WebflowのGoogle Analytics統合を介して設定していない場合は、サイトに統合を追加する前にGoogle Analytics 4に移行する必要があります。移行するには、Googleのドキュメンテーションに従って、Universal Analyticsを使用しているサイトにGoogle Analytics 4プロパティを追加する方法をご覧ください。

WebflowのGoogle Analytics統合を介して以前にUniversal Analyticsを設定した場合は、Universal AnalyticsからGoogle Analytics 4に移行する手順に従ってください。

統合をサイトに追加

1. Googleの「ウェブサイトおよびアプリケーションのAnalyticsの設定」記事の手順に従います。
2. プロパティを作成した後、「Web」プラットフォームを選択します。
3. ステップ3の「データストリームの追加」で「Web」の手順に従います。
4. ステップ4の「ウェブサイト用のデータ収集を設定」で、「G-」IDを検索します（「content=””」の後に表示される数字と文字の連続です）。

注意： 測定IDは「G-」で始まり、すべての測定IDは大文字と小文字が区別されます。

その後、Webflowで以下の手順を実行します：

1. Site settings > Integrationsタブ > Google Analyticsに移動します。
2. 測定IDをMeasurement IDフィールドに貼り付けます。
3. Save changesをクリックします。
4. サイトをPublishします。

注意: Google Analyticsをサイトに統合するには、有料のサイトまたはWorkspaceプランが必要ではありません。ただし、追加のカスタムコードを追加するには有料サイトまたはWorkspaceプランが必要です。

Ecommerceイベントを追跡する方法

Webflow Ecommerceを有効にし、サイトのGoogle Analytics統合を設定した場合、Webflowは自動的に「商品を表示(viewed produc)」、「商品をカートに追加（added product to cart）」、「商品を購入（purchased product）」などのEcommerceに特化したイベントを追跡します。ただし、これらのイベントをGoogle Analytics 4で受信するにはEcommerceトラッキングを有効にする必要があります。

サイトとGoogle Analyticsの接続をテストする方法

統合が成功したかどうかを確認するには、ウェブサイトを閲覧し、Google Analyticsのレポートに移動し、リアルタイムを選択します。サイトを別のタブで開いている場合、リアルタイムレポートに現在のアクティビティが表示されます。

注意: Google Analyticsのデータ収集には時間がかかる場合があります。収集後に洞察が利用可能になるまで、1日以上かかる場合があります。

リソース: 外部リンクの追跡について詳しく学ぶ

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

重複したトラッキングスクリプトを避けるために、Google Analytics 4のGoogleタグを以下の2つの場所のいずれか1つに追加することをお勧めします。

• Site settings > Integrationsタブ > Google Analytics
• サイトのヘッドコード

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

Googleは2023年7月1日にUniversal Analyticsを廃止しました。現在Universal Analyticsがサイトに設定されている場合、できるだけ早くGoogle Analytics 4（GA4）に移行することをお勧めします。

Google Analytics統合に「UA-」で始まるIDがある場合

もしSite settings > Integrationsタブ > Google Analyticsに空のMeasurement IDフィールドと「UA-」で始まるトラッキングIDが表示されている場合、WebflowのGoogle Analytics統合でUniversal Analyticsを使用しています。Google Analytics 4に移行する必要があります。

Site settings > Integrations > Google Analytics でいくつかの変更があります。たとえば、Google Analytics 4のMeasurement IDフィールドが空になっていることに気付くでしょう。以前にこの統合を使用してGoogle Analyticsのトラッキングを設定していた場合、Universal Analyticsのトラッキングはまだ設定されていますがデータを収集しなくなります。さらに、グローバルサイトタグとIPアドレスの匿名化**を有効または無効にするためのトグルが表示されなくなりました。

Google Analytics 4では、すべてのIPアドレス収集が匿名化されており（つまり、IPアドレスはGoogleにログや保存されていない）、すべての統合でgtag.jsスクリプト（つまり、グローバルサイトタグのトラッキングに使用）が使用されています。そのため、IPアドレスの匿名化を解除するトグルやanalytics.jsを使用するトグルは、サイト設定で表示されなくなりました。

Universal AnalyticsからGoogle Analytics 4に移行するには、以下の手順を実行してください：

1. GoogleのGA4セットアップアシスタントの手順に従います。セットアップ手順を完了した後、Google Analytics 4 Property Setup AssistantページにGA4プロパティ名が表示されます
2. GA4プロパティを設定します。GA4プロパティ名を使用して設定します
3. "ウェブサイトとアプリのデータを収集"の下のウェブサイト用の手順に従います
4. ステップ4のウェブサイトのデータ収集の設定の中で、“G-” IDを見つける（“G-” IDを受け入れる任意のプラットフォーム用）の手順に従います
5. “G-” ID（つまり、計測ID）をコピーします

注意: あなたの計測IDは「G-」で始まるはずで、すべての計測IDは大文字と小文字を区別します。

それから、Webflowで以下の手順を完了します：

1. Site settings > Integrationsタブ > Google Analyticsに移動します
2. 計測IDをMeasurement IDフィールドに貼り付けます
3. Save changesをクリックします
4. サイトをPublishします

注意: サイトにGoogle Analyticsを統合するには、有料のサイトまたはWorkspaceプランが必要ではありません。ただし、追加のカスタムコードを追加するには有料サイトまたはWorkspaceプランが必要です。

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

コールアウトボックスにトラッキングID（「UA-」で始まる）がある場合、Google Analytics統合からUniversal Analyticsのトラッキングコードを削除するオプションもあります。これにより、サイトでのUniversal Analyticsのトラッキングが停止します。

Universal Analyticsのトラッキングコードを削除するには：

1. Site settings > Integrations タブ > Google Analyticsに移動します
2. Remove trackingをクリックします
3. "Universal Analyticsのトラッキングコードを削除"モーダルウィンドウでRemove trackingをクリックします
4. サイトをPublishします

重要: サイトからUniversal Analyticsのトラッキングコードを削除する操作は元に戻せません。

Google Analytics統合に「G-」で始まるIDがある場合

もし現在、Site settings > Integrations タブ > Google Analyticsで「G-」で始まるIDがある場合、それはGoogle Analytics 4を使用しています。データの中断を防ぐために、Measurement IDを再保存し、サイトを再公開していただくお願いがあります。

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

重複したトラッキングスクリプトを避けるため、Google Analytics 4のGoogleタグを次の2つの場所のどちらか1つだけに追加することをお勧めします：

• Site settings > Integrations タブ > Google Analytics
• あなたのサイトのhead code

Google Analytics 4のEcommerceイベント

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

以前にUniversal Analyticsでanalytics.jsを使用していた場合（つまり、Site settings > Integrations タブ > Google Analyticsでグローバルサイトタグを有効にしていなかった場合）に、Ecommerceサイトであっても、WebflowのGoogle Analytics統合はEcommerceイベントを自動的にGoogle Analyticsに送信しませんでした。

もしEcommerceを有効にしている場合、Google Analytics 4に移行した後、Webflowは自動的に「商品を表示した」「カートに商品を追加した」「商品を購入した」などのEcommerceに特有のイベントを追跡します。これらのイベントをGoogle Analytics 4で受信するには、Ecommerceトラッキングを有効にする必要があります。

Universal Analyticsプロパティでカスタムイベントを設定した場合、これらのイベントを最適にGoogle Analytics 4に移行する方法については、Googleのイベント移行ガイドを参照することをお勧めします。

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

以前にUniversal Analyticsでgtag.jsを使用していた場合（つまり、Site settings > Integrations タブ > Google Analyticsでグローバルサイトタグを有効にしていた場合）、Google Analytics 4は「商品を表示した」「カートに商品を追加した」「商品を購入した」などのEcommerceイベントを引き続き追跡します。これらのイベントをGoogle Analytics 4で受信するには、Ecommerceトラッキングを有効にする必要があります。

注意: Googleは2023年7月1日にUniversal Analyticsを廃止したため、Universal AnalyticsプロパティでのGoogle Universal AnalyticsダッシュボードでこれらのEcommerceイベントを引き続き受信することはできません。

Universal Analyticsプロパティでカスタムイベントを設定した場合、これらのイベントをUniversal AnalyticsからGoogle Analytics 4に最適に移行する方法を学ぶために、Googleのイベント移行ガイドを参照することをお勧めします。

Universal AnalyticsからGoogle Analytics 4へのタグ付けイベントの移行

以前にWebflowインテグレーションを使用してサイトにUniversal Analyticsを設定し、Universal Analyticsプロパティでgtag.jsを有効にしていた場合、既存のUniversal Analyticsのタグ付けを移行できる場合があります。

Universal Analyticsを以前にanalytics.jsを使用していた場合（つまり、gtag.jsを有効にしていなかった場合）、gtag.jsを使用してイベントを再作成する必要があります。

サイトタグの詳細をご覧ください。