Google アナリティクス (GA4) を ClickFunnels に接続する

訪問者がサイトとどのようにやり取りするかを理解することは、情報に基づいたビジネス上の意思決定を行うための鍵であり、そこで Google Analytics が役立ちます。ただし、手動でインストールすると、複雑なセットアップが必要になる場合があります。ClickFunnels は、サイト設定から直接 Google Analytics に接続するノーコード ソリューションでこれを簡素化します。この記事では、ClickFunnelsでGoogleアナリティクス(GA4)を接続する方法を学びます。

必要条件

1. アクティブなClickFunnelsアカウント

2. ワークスペースに追加された Site & Blog アプリ

3. Google Analyticsアカウント

4. Google アナリティクス アカウントで GA4 property を利用できます

Google アナリティクス 4 (GA4) とは

Google アナリティクス 4 (GA4) は、ユーザーが Web サイトとどのようにやり取りするかについてより深い洞察を提供するために構築された、Google の最新の分析プラットフォームです。ユニバーサル アナリティクスに取って代わり、ページビューだけでなく、ボタンのクリック、フォームの送信、購入などのより意味のあるアクションをキャプチャするイベントベースの追跡が導入されます。

主な利点:

• 訪問者がサイトとファネルをどのように移動するかをリアルタイムで追跡します

• ボタンのクリック、フォームの送信、購入などのイベントを測定します

• データ分析情報を使用して、サイトと目標到達プロセスのパフォーマンスとコンバージョンを最適化する

例：

リード獲得フォームとそれに続く注文フォームを含むファネルがあるとします。GA4 では、各ステップを閲覧し、フォームを送信し、購入を完了した人の数を追跡できます。これにより、離脱ポイントを特定し、ファネルの効果を向上させることができます。

💡 役立つリソース:

1. [GA4] Set up Analytics for a website and/or app

2. [GA4] Data freshness

3. [GA4] Recommended events

4. [GA4] Overview of Google Analytics reports

5. [GA4] Custom events

ステップ 1: 測定 ID(GA4 データストリーム)を取得する

注(初回設定):

Google アナリティクスを初めて使用する場合は、まず GA4 プロパティを作成してから、そのプロパティ内にウェブ データ ストリームを作成します。

💡 詳細については、Googleのガイド: Set up Analytics for a website and/or appを参照してください。

1. Google アナリティクスにログインします。

2. 管理(左下)に移動します⚙️。

3. [ データの収集と変更] で、[ データストリーム] を選択します。

4. ストリームを追加 » Webをクリックします。
   

5. ウェブサイトのURLとストリーム名を入力します。

6. (オプション)拡張測定はデフォルトでオンのままにすることができます。 page_view や scrollなどの一般的なイベントを送信します。

7. [ 作成 & 続行] をクリックします。

8. ストリームの詳細で、測定 ID (形式: G-XXXXXXXXXX) をコピーします。これをClickFunnelsに貼り付けます。
   

ステップ 2: API シークレットを作成する

1. 同じWebデータストリームから、 Measurement Protocol APIシークレットまでスクロールします。
   

2. [作成] をクリックします。

3. ニックネームを入力します ( 例: ClickFunnels サイト)。

4. [作成] をクリックします 。

5. シー クレットの値をコピーします。安全に保管してください。再び完全には表示されない場合があります。
   

ステップ 3: ClickFunnels に接続する

1. ClickFunnelsワークスペースで、 サイトとブログ アプリに移動します。

2. [ サイト設定] を選択します。
   

3. トラッキングコードまでスクロールします。

4. 測定 ID を GA4/GTM 測定 ID に貼り付けます。

5. シークレットの値を GA4/GTM API シークレットに貼り付けます。

6. 「 GTagJS スクリプトの追加 」を確認し、1 つのオプションを選択します。

   • オン(推奨) – Google アナリティクス / gtag または Google タグ マネージャーを他の場所にまだ読み込んでいない場合は、これをオンにします。ClickFunnels は 、すべてのページにgtag.jsを注入します。

   • オフ – 別の方法(GTM コンテナ、カスタム コードなど)で gtag/GA または GTM をすでにロードしている場合は、これをオフにします。これにより、ページビューやイベントの重複を防ぐことができます。

   

7. [ サイトの更新] をクリックします。

手記：

測定IDのみを入力すると、ClickFunnelsはgtag.jsを介してブラウザ側のイベントを記録します。API シークレットを追加すると、ClickFunnels からの追加のサーバー側イベント配信が可能になります。この時点で、ClickFunnels は 1 つの追加のサーバー側イベント generate_lead を送信します。今後、さらに多くの GA4 Recommended Eventsのサポート が追加される可能性があります。API シークレットはサーバー側に保存されます。フロントエンドコードには絶対に含めないでください。

ステップ 4: GA4 で確認する

リアルタイム(即時検証)

1. GA4で、 レポート " リアルタイム概要に移動します。

2. サイトまたは目標到達プロセスのページを新しいタブ(またはシークレット)で開き、いくつかのページを参照します。

3. 数分以内に、アクティブ ユーザーと、page_view、session_start、トリガーしたその他のイベントなどのイベントが表示されることを確認します。
   

4. オプション: ホスト名の比較を追加して、ヒットを送信したドメインを確認します(複数のドメインを追跡する場合に便利です)。

標準レポート (合計)

イベントレポート

1. GA4 で [レポート ](左側の棒グラフ アイコン)に移動します。

2. [ビジネス目標] で、[ユーザー エンゲージメントとリテンションの表示] を展開します。

3. [ イベント] をクリックします。
   

4. [検索] ボックスを使用して、カスタム イベントを見つけるか、テーブルをスキャンします。

5. (オプション)[ 比較を追加 ] をクリックしてデバイスや国ごとに分類するか、 ホスト名 をセカンダリ ディメンションとして追加してドメインを分けます。

見どころ

• イベントアクティビティのタイムラインチャート。

• イベント名、イベント数、合計ユーザー数、アクティブユーザーあたりのイベント数、および合計収益を含むテーブル。

ページと画面レポート

1. GA4 で [レポート] に移動します。

2. [ ユーザー エンゲージメントとリテンションを表示] で、[ ページと画面] をクリックします。
   

3. ページレベルの合計を確認します。

4. (オプション)[比較を追加] をクリックしてデバイスや国ごとに分類するか、ホスト名をセカンダリ ディメンションとして追加してドメインを分けます。

大事な：

メインの [イベント] タブ([レポート] > [ユーザー エンゲージメントとリテンションの表示] の下)にイベントが表示される場合、処理に遅延が生じます。これは、GA4 がデータを処理、整理、モデル化するのに時間がかかるためです。これらのレポートには 24 時間から 48 時間⏳以内にイベントが表示されることが予想されます。ただし、イベントはほぼ瞬時に、通常は数秒から数分以内にリアルタイム レポートに表示されます。

💡 参考: [GA4] Data freshness。

カスタムイベントの追跡

特定のアクション(CTA クリックやステップ ビューなど)を独自の GA4 イベントとして記録します。

GA4でカスタムイベントを作成する

1. 管理(左下)に移動します⚙️。

2. [ データ表示] で、[ イベント] を選択します。

3. [ + イベントを作成] をクリックします。

4. イベント名を入力します(cta_clickなどlowercase_with_underscoresを使用します)。

5. 必要に応じて、イベントをキー イベントとしてマークします。

6. [ Create with Code] を選択します。

7. [ 作成 ] をクリックしてイベントを作成します。
   

ClickFunnelsページからイベントをトリガーする

1. GA4 が一度読み込まれることを確認します(ClickFunnels で [GTagJS スクリプトの追加 = オン] にするか、GTM 経由で GA を読み込むか、両方ではなく)。

2. カスタムスクリプトにイベントをClickFunnels ページ » 設定 » コードの表示 » フッターに追加します。以下はサンプルスクリプトです:

   <script>
   document.addEventListener('DOMContentLoaded', function () {
   const btn = document.querySelector('[data-element-id="order-button"]');
   if (!btn) return;
   btn.addEventListener('click', function () {
   if (typeof gtag === 'function') {
   gtag('event', 'order_button_click', { label: 'Order Button Clicked' });
   }
   });
   });
   </script>

   手記：

   上記のコードは、カスタム属性 [data-element-id="order-button"]を持つボタンを選択する JavaScript の図です。任意のコンテナー (セクション、行、要素、およびそれらの子) は、 ID または custom attributeを使用して選択できます。カスタムコーディングについてサポートが必要な場合は、資格のある開発者に連絡して支援を受けることをお勧めします。
   
   詳細💡はこちら: Adding JavaScript and Tracking Code for Advanced Features.

3. [保存] をクリックして、ページ エディターに変更を適用します。

4. 新しいタブ(またはシークレット)でページを開き、イベントをトリガーします(クリック、スクロールなど)。

起動したことを確認する

1. GA4 で [レポート ](左側の棒グラフ アイコン)に移動します。

2. [ リアルタイムの概要] を選択します。

3. ページにアクセスしてアクションをトリガーします。数分以内にイベント名が表示されます。

標準レポート

1. GA4 で [レポート ](左側の棒グラフ アイコン)に移動します。

2. [ビジネス目標] で、[ユーザー エンゲージメントとリテンションの表示] を展開します。

3. [ イベント] をクリックします。

4. カスタムイベントは、最初のヒット後に自動的に一覧表示されます。ただし、標準レポート(イベント、ページと画面、コンバージョン)では、合計が表示されるまでに 最大 24 時間から 48 時間 かかる場合があります。
   

トラブルシューティング

• リアルタイムにデータなし: 測定 ID と API シークレットを確認し、設定を保存して再試行します。GTM/カスタムコードを介して意図的にGAをロードしない限り、 GTagJSスクリプトの追加 が オン になっていることを確認してください。

• ページビューが二重またはセッションが膨らんでいる: GA を 2 回読み込んだことが原因である可能性があります(例: GTM + トグル)。GTM または別の gtag がすでに存在する場合は、「GTagJS スクリプトの追加」トグルを オフ にします。

• 広告ブロッカー/プライバシー機能:別のブラウザまたはシークレットを使用してテストします。一部の拡張機能は、分析リクエストをブロックします。

• DebugView (ライブ デバイス デバッグ) を使用します。GA4で、Admin " DebugViewを開きます。DebugView は、イベントとパラメーターのデバイス固有のリアルタイムのタイムラインを表示します。リアルタイムにはアクティビティが表示されているが、特定のイベントが欠落している場合、またはイベントの順序とペイロードを確認する必要がある場合に使用します。GTM プレビューまたは Google アナリティクス デバッガー Chrome 拡張機能を使用して有効にします(または、debug_mode: true を使用してテスト イベントを送信します)。詳細情報: Use DebugView in GA4。

GA4 よくある質問