レッスン内容
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に移行する手順に従ってください。
統合をサイトに追加
- Googleの「ウェブサイトおよびアプリケーションのAnalyticsの設定」記事の手順に従います。
- プロパティを作成した後、「Web」プラットフォームを選択します。
- ステップ3の「データストリームの追加」で「Web」の手順に従います。
- ステップ4の「ウェブサイト用のデータ収集を設定」で、「G-」IDを検索します（「content=””」の後に表示される数字と文字の連続です）。
注意： 測定IDは「G-」で始まり、すべての測定IDは大文字と小文字が区別されます。
その後、Webflowで以下の手順を実行します：
- Site settings > Integrationsタブ > Google Analyticsに移動します。
- 測定IDをMeasurement IDフィールドに貼り付けます。
- Save changesをクリックします。
- サイトを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に移行するには、以下の手順を実行してください：
- GoogleのGA4セットアップアシスタントの手順に従います。セットアップ手順を完了した後、Google Analytics 4 Property Setup AssistantページにGA4プロパティ名が表示されます
- GA4プロパティを設定します。GA4プロパティ名を使用して設定します
- "ウェブサイトとアプリのデータを収集"の下のウェブサイト用の手順に従います
- ステップ4のウェブサイトのデータ収集の設定の中で、“G-” IDを見つける（“G-” IDを受け入れる任意のプラットフォーム用）の手順に従います
- “G-” ID（つまり、計測ID）をコピーします
注意: あなたの計測IDは「G-」で始まるはずで、すべての計測IDは大文字と小文字を区別します。
それから、Webflowで以下の手順を完了します：
- Site settings > Integrationsタブ > Google Analyticsに移動します
- 計測IDをMeasurement IDフィールドに貼り付けます
- Save changesをクリックします
- サイトをPublishします
注意: サイトにGoogle Analyticsを統合するには、有料のサイトまたはWorkspaceプランが必要ではありません。ただし、追加のカスタムコードを追加するには有料サイトまたはWorkspaceプランが必要です。
Universal AnalyticsのトラッキングコードをGoogle Analytics統合から削除する方法
コールアウトボックスにトラッキングID（「UA-」で始まる）がある場合、Google Analytics統合からUniversal Analyticsのトラッキングコードを削除するオプションもあります。これにより、サイトでのUniversal Analyticsのトラッキングが停止します。
Universal Analyticsのトラッキングコードを削除するには：
- Site settings > Integrations タブ > Google Analyticsに移動します
- Remove trackingをクリックします
- "Universal Analyticsのトラッキングコードを削除"モーダルウィンドウでRemove trackingをクリックします
- サイトを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を使用してイベントを再作成する必要があります。
サイトタグの詳細をご覧ください。