LikePay Academyが「スーパーサイトAcademy」に変わります。詳しくはこちらです。

Googleアナリティクス

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

この投稿は公式のWebflow Universityを元に作成しました。翻訳したテキストと画像は引用元のものを使用する場合があります。引用元はこちらです。
重要: Googleは2023年7月1日にUniversal Analyticsを廃止しました。Universal Analyticsはサイトからのデータ収集を行わなくなるため、Universal AnalyticsからGoogle Analytics 4に移行することをお勧めします。

Google Analyticsをサイトに追加することで、ユーザーの行動に関する貴重な情報を得ることができます。Google Analyticsは、サイトのユーザー数やページビュー数、サイトトラフィックの出どころ(都市単位まで)、ユーザーがサイトに滞在する時間、サイトの他のリンクをクリックせずにページを離れるユーザーの数(バウンス率)など、強力なメトリクスを提供します。

Google Analyticsのメトリクスは、多くのビジネスにとって、どこにマーケティング予算を投資すべきかを把握し、マーケティングキャンペーンの効果を測定するのに役立ちます。

このレッスンでは、以下のことを学びます:

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を使用してイベントを再作成する必要があります。

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

目次

あなたもNoCodeのプロに

充実したサポートであなたも、最短3ヶ月間でノーコードWeb制作のプロになれます。

  • 300以上のノーコード動画教材

  • チャットサポート

  • 個別ビデオ通話相談