> For the complete documentation index, see [llms.txt](https://helps.ptengine.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://helps.ptengine.com/integrations/ga4.md).

# Google Analytics 4（GA4）との連携方法

Google Analytics 4（GA4）は、ウェブサイトやアプリの訪問者データを収集・分析する次世代ツールです。\
PtengineとGA4を連携することで、ポップアップやページ編集、ABテストなどのインタラクションデータをGA4に送信し、さらに詳細な分析が可能になります。\
以下では、連携方法を詳しく解説します。

## 連携の前提条件

1. GA4コードがすでにウェブサイトにインストールされていること
2. Googleタグマネージャー（GTM）を使用している場合、PtengineタグはGAコードの後に配置してください。
3. GA4連携を一度設定すると、以降新しいExperienceごとに設定を繰り返す必要はありません。
4. すべてのデータ連携ではありません。リダイレクトタイプのExperienceインタラクションデータ送信は非対応です。

## PtengineでGA4連携を有効化する方法

GA4の統合を有効化するには、以下の手順を実行してください：

1. ログインして、該当するアカウントにアクセスします。
2. 右上隅の⚙をクリックし、表示されるメニューで「Intergation」をクリックします。以下の図のようになります：\
   このページでは、プロファイルレベルでのプッシュの有効化が提供されており、有効化することで後続のすべてのExperienceにデフォルトで適用されます。\
   ![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-d065874ae8ce1f0fd35daf6c95bed183d8a8758e%2Fintegrations-ga4-01.png?alt=media)
3. Google Analytics 4のカードをクリックし、以下の図のように展開し、「即時に有効にする」をクリックします。\
   ![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-50df93abb67149af5e97b60fc77e8284ef47c803%2Fintegrations-ga4-02.png?alt=media)
4. ここまで、Ptengine内の操作は完了しました。

## GA4でExperience変数をカスタムディメンションとして設定

PtengineでGA4連携を有効化した後、Experience変数をGA4にマッピングする必要があります。これにより、実験データをGA4に送信できるようになります。\
以下の手順に従ってください：

1. GA4アカウントに登録します。
2. 左側のメインメニューパネルから、\[管理] → \[カスタム定義] → \[カスタムディメンションを作成]に移動します。操作画面は以下のようになります：\
   ![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-20c406f3ac14c3a533d552b66b43abea27e27ea9%2Fintegrations-ga4-03.png?alt=media)\
   ![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-ab8ab638b0e78334cb7e88ccb91c1db7fbb8dbe9%2Fintegrations-ga4-04.png?alt=media)
3. 新しいカスタムディメンションのポップアップウィンドウで、カスタムディメンションを作成します。\
   ![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-90a7456ca7029c74776953ae7dc3683d0847b01a%2Fintegrations-ga4-05.png?alt=media)\
   \
   💡カスタムディメンションの説明：
   * **ディメンション名**\
     カスタムディメンションの名前をExperience変数の名前として入力します。
   * **範囲**\
     “イベント”として範囲を指定します。
   * **説明**\
     カスタムディメンションの説明を入力します。
   * **イベント パラメータ**\
     以下の関連するエクスペリエンス情報をイベントパラメータに貼り付けるために、２つのカスタムディメンションをそれぞれ作成する必要があります。以下の情報は、エクスペリエンスの名前とバージョンの名前を表します。\
     • pt\_experience\_name\
     • pt\_experience\_version\_name\
     \
     GA4はドロップダウンで選択しますが、直接入力またはコピー＆ペーストも可能です。GA4の公式ドキュメントは[こちら](https://support.google.com/analytics/answer/14240153?hl=ja\&visit_id=638908397545380059-1177396660\&rd=1)です。

### GA4に送信可能なイベント <a href="#id-3-toc-title" id="id-3-toc-title"></a>

![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-414ff25bfa07090b400c71506c46be001b189c0f%2Fintegrations-ga4-06.png?alt=media)

Advanceモードでは、複数のPopupを含む場合があります。ABテストの正確性を確保するため、このモードでは各Page View Experience対して1つのイベントパッケージのみが送信できます。（pt\_experience\_impression，pt\_experience\_close，pt\_experience\_click）

## 集成設定を検証する <a href="#id-4-toc-title" id="id-4-toc-title"></a>

GA4 の Experience 変数をマッピングした後、ネットワークリクエストの検証を行うことで、Ptengine から GA4 へのデータ送信が正常に行われているかを確認できます。以下の手順を実行してください：

1. Experience ポップアップのページで、右クリックして「Inspect Element」を選択します。
2. 「Network」タブを選択し、「analytics.google.com」を検索して、GA4 のネットワークリクエストをフィルタリングします。
3. 「pt\_experience\_impression」などのイベントが表示されることを確認できる場合は、Ptengine がイベントを GA4 に正常に送信していることがわかります。\
   ![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-00b1d953ce8c617ce57458e85224343cbfcd7142%2Fintegrations-ga4-07.png?alt=media)

注意事項：GA4データの処理には時間がかかるため、集成を有効化した後、GA4でデータが表示されるまでには24〜48時間かかる場合があります。お待ちいただく必要があります。

## GA4連携の不具合について <a href="#id-5-toc-title" id="id-5-toc-title"></a>

Googleタグマネージャー（GTM）を使用して「Google tag」でインストールした場合は、GA４がPtengineからのデータを回収できない可能性があります。

![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-0278512010e38ea5cecbefb430fb974d1da219e3%2Fintegrations-ga4-08.png?alt=media)

### **解決方法**

PtengineとGA４の連携がうまく行くように、以下のタグを**Ptengineの基本タグの前**に配置してください。

```

<script>
var ptTimer = setInterval(function(){
    if(dataLayer){
        clearInterval(ptTimer);
        if (typeof(gtag) === 'undefined') { 
                    gtag = function() { dataLayer.push(arguments); };
                    gtag('js', new Date());
                    gtag('config', 'G- set your GA4 sid');
                }
    }
},500)
</script>

```

※コードの中での「G- set your GA4 sid」をサイトのGA4 sidを差し替える必要があります。

🔰GA4 sidの取得方法\
1.GA4の管理画面に入ります。\
2.「データの収集と修正」にある「データストリーム」ボタンを押します。\
3.指定のデータストリームを選んで、「測定ID」が確認できます。\
「測定ID」を確認してから、上記の「G- set your GA4 sid」を「測定ID」に替えて、gtagの設定が完了です。

![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-96839c19dfd5842946b0fba20631220ebd8786fd%2Fintegrations-ga4-09.png?alt=media)

### GA4データ探索の作成とセグメントの追加 <a href="#id-6-toc-title" id="id-6-toc-title"></a>

1. 「探索」に移動し、データ探索のタイプを選択するか、空白の状態から始めます。
2. 左側の「変数」パネルで、「セグメント」の隣にあるプラスアイコンをクリックします。 「セグメントの新規作成」ページで、「ユーザーセグメント」をクリックします。\
   ![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-8826a6fe1f500599394f27d86038e7861b758d70%2Fintegrations-ga4-10.png?alt=media)
3. セグメントの名前を入力します。例えば、特定のエクスペリエンスやバージョン名です。
4. 「説明を追加」のドロップダウンリストを展開し、「イベント」をクリックし、「pt\_experience\_impression」または「pt\_experience\_click」を選択します（作成したいセグメントに応じて異なります）。\
   ![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-872dd0437a3bb7d8fd4b002e57b343dc66aaf47f%2Fintegrations-ga4-11.png?alt=media)
5. 「パラメータを追加」のドロップダウンリストをクリックします。\
   ![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-15d44772e0071c98c8b304f28e606a123ffa2a6d%2Fintegrations-ga4-12.png?alt=media)
6. 「カスタム」をクリックし、pt\_experience\_nameを選択します。\
   ![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-168bafb474cfd787f248580a76d4aaf6af161c4a%2Fintegrations-ga4-13.png?alt=media)
7. このセグメントを作成する特定の体験名を選択または指定してください。\
   ![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-5cb59674f8b66d7e2429fe9a24b52ff46fdc4cc4%2Fintegrations-ga4-14.png?alt=media)
8. 特定のバージョンを指定する場合は、再び「パラメータを追加」のドロップダウンリストをクリックして、別のパラメーターを追加し、pt\_experience\_version\_nameをクリックし、このセグメントを作成する特定のバージョン名を選択または指定してください。\
   ![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-8cd10d1a97bf256c329ffb13a36e7e3ccd2486c4%2Fintegrations-ga4-15.png?alt=media)
9. 「保存」をクリックしてから、レポートでセグメントを使用することができます。

### GA4オーディエンスを作成する <a href="#id-7-toc-title" id="id-7-toc-title"></a>

1. 「管理」に移動し、「オーディエンス」を選択し、「オーディエンス」をクリックします。\
   ![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-e098f97279eaa2d0bf9ba413b27bd59b6a01c78f%2Fintegrations-ga4-16.png?alt=media)
2. 「オーディエンスの作成」画面で、「新しい条件を追加」のドロップダウンリストを展開し、「イベント」をクリックし、**pt\_experience\_impression**または**pt\_experience\_click**を選択します（作成するオーディエンスによって異なります）。\
   例えば、退出意図ポップアップを表示したユーザーのオーディエンスを作成する場合、イベント**pt\_experience\_impression**を選択し、「パラメータを追加」をクリックして**pt\_experience\_name**を選択し、条件を「含む」に設定し、「体験名」と入力します。\
   ![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-609fe3884bce23f9c75c56e3f810e103c76f445e%2Fintegrations-ga4-17.png?alt=media)\
   もしドロップダウンリストでイベントやイベントプロパティが見つからない場合は、データがまだGA4に同期されていない可能性があります。その場合は、「イベントを作成」または「新しい定義を登録」をクリックして新しいイベントを作成することができます。\
   ![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-2955376d1f237b904ed6034c3c688a52ecae1665%2Fintegrations-ga4-18.png?alt=media)\
   ![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-c2f9071d4ebe225c32e7c03489347d82c1750588%2Fintegrations-ga4-19.png?alt=media)
3. 「保存」をクリックしてオーディエンスを保存します。通常、オーディエンスにデータが反映されるまでには24〜48時間かかる場合があります。
4. オーディエンスを作成した後は、レポートで使用することができます。\
   ![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-057bec973ceb6caca6ebffb8542d25861f4e815d%2Fintegrations-ga4-20.png?alt=media)

<br>
