> For the complete documentation index, see [llms.txt](https://docs.vwo.gaprise.jp/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.vwo.gaprise.jp/testing/integration/0eqrq6h7kh.md).

# GTM(カスタムディメンション) によるVWOとUAの連携

VWOをGoogleタグ マネージャー (GTM) と連携すると、VWOテスト データをGTM経由でGoogleユニバーサルアナリティクスやその他の分析ツールにプッシュできるようになります。

{% hint style="warning" %}
Googleタグマネージャーを介してVWO SmartCode（タグ）を設定することはお勧めしません。VWO SmartCodeが動作するまでに待ち時間が発生する可能性があるため、ページのチラつきの原因となります。
{% endhint %}

VWO-UA連携の場合、作成するテストごとに連携を設定する必要があります。

* **VWOテストのカスタム ディメンションを作成する**
* **GTM変数を作成する**
* **イベントの起動ルールを設定する**
* **GTMで新しいタグを作成する**
* **VWOでGTM連携を有効にする**

### **VWOテストのカスタムディメンションを作成する** <a href="#id-1" id="id-1"></a>

VWOをUAと連携する際の最初で最も重要なステップは、UAカスタム ディメンションを作成することです。

#### 手順

1. Googlenalytics（UA）カウントにログインします。
2. ダッシュボードから **\[管理]**&#x30BF;ブに移動し、適切なアカウントとプロパティを選択します。
3. **\[プロパティ]**&#x30BB;クションから 、  **\[カスタム定義]** > **\[カスタム ディメンション]**&#x3092;選択します。

<figure><img src="/files/rRCA8RBeoy5WmNhQxqos" alt=""><figcaption></figcaption></figure>

4. カスタム ディメンションを作成するには、\[カスタム ディメンション] ページ&#x3067;**\[+新しいカスタムディメンション]をクリックします。**

<figure><img src="/files/2jh3F16mKNyq5COnIOB8" alt=""><figcaption></figcaption></figure>

5. カスタムディメンションの次のフィールドを構成します。

<figure><img src="/files/0zAZIGzHzNy73EIB3bDQ" alt=""><figcaption></figcaption></figure>

* **名前:** ディメンションの一意の名前を入力します。

{% hint style="warning" %}
UAと連携する実行テストごとに個別のディメンションを作成する必要があります。作成したディメンションは、VWOデータを識別し、UAの対応するディメンションにプッシュするために使用されます。
{% endhint %}

* **範囲:**&#x30EA;ストか&#x3089;**\[ユーザー]オプションを選択します。**&#x30B9;コープによって、どのヒットがカスタムディメンション値に関連付けられるかが決まります。スコープの詳細については、「[セッションレベルのスコープ」](https://developers.google.com/analytics/devguides/platform/customdimsmets#scope)を参照してください。
* **アクティブ**: このボックスを有効にすると、データの収集が開始され、レポートにディメンションがすぐに表示されます。

6. 完了したら、**「作成」** をクリックして変更を確定します。 \
   これで、UAでカスタム ディメンションが作成されました。

### **GTM変数を作成する** <a href="#id-2" id="id-2"></a>

カスタムディメンション作成後、次のステップは GTM変数の作成です。

#### 手順

1. GTMアカウントにログインします。
2. GTMダッシュボードから、作業する**コンテナを選択します。**&#x20;
3. 左側のパネルか&#x3089;**「変数」を選択し、 「新規」**&#x3092;クリックして変数を作成します。

<figure><img src="/files/0k1Y7V39PzPRpX8sjBhP" alt=""><figcaption></figcaption></figure>

4. 変数の次のフィールドを構成します。

<figure><img src="/files/UJ6nef1EXDLq8kmW3pcQ" alt=""><figcaption></figcaption></figure>

* **変数の名前**を入力します(通常は、UA連携用に作成したディメンション名に対応します)。
* **\[ページ変数]**&#x3067;、変数タイプとし&#x3066;**\[データ レイヤー変数]を選択します。**
* **\[データ レイヤー変数名]**&#x30D5;ィールドに、「Campaign-ID」と入力します (ID をVWO テストIDに置き換えます)。たとえば、キャンペーン-1234。この値では大文字と小文字が区別されます。
* **\[データ レイヤー バージョン]**&#x3067; 、バージョン 1 を選択します。
* **\[デフォルト値の設定]** オプションを有効にして、値を0に設定します。
* **「保存」**&#x3092;クリックして変数を作成します。

<figure><img src="/files/vQujqbTwXYctrXz5fYAV" alt=""><figcaption></figcaption></figure>

### イベントの起動ルールを設定する <a href="#id-3" id="id-3"></a>

VWOがテストデータをGTMにプッシュできるようにするイベント ルールを作成します。ルールを作成すると、定義したタグが起動されます。

#### 手順

1. GTMアカウントにログインします。
2. GTMダッシュボードから、作業する**コンテナを選択します。**&#x20;
3. 左側のパネルか&#x3089;**「トリガー」**&#x3092;選択し 、**「新規」**&#x3092;クリックしてルールを作成します。

<figure><img src="/files/oIzJm3HNxHovntLbnl8c" alt=""><figcaption></figcaption></figure>

4. ルールの名前を入力します。
5. **\[トリガー設定]**&#x3067;、トリガー タイプとし&#x3066;**\[カスタム イベント]を選択します。**

<figure><img src="/files/BSypjGExaWbcrblrAaYh" alt=""><figcaption></figcaption></figure>

6. **イベント名を**VWO として設定します。(このイベント名は変更しないでください)。
7. **\[このトリガーが起動する条件]** フィールド &#x3092;**\[一部のカスタム イベント]**&#x306B;設定します。
8. 次のフィールドで、前の手順で作成した変数を選択し、条件を**0 (ゼロ)に等しくない** として設定します。

<figure><img src="/files/30H9qQebit6NuEjN9QIB" alt=""><figcaption></figcaption></figure>

### **GTMで新しいタグを作成する** <a href="#id-4" id="id-4"></a>

1. GTMアカウントにログインします。
2. GTMダッシュボードから、作業する**コンテナを選択します。**&#x20;
3. 左側のパネルか&#x3089;**「タグ」**&#x3092;選択し 、**「新規」**&#x3092;クリックして統合用のタグを作成します。

<figure><img src="/files/wBpa0CsKB6ZX6ag8lU3b" alt=""><figcaption></figcaption></figure>

4. 次のフィールドを構成して、GTMからデータをプッシュするサービスのタグを作成します。

<figure><img src="/files/Held2j2Z5JX6qvI9gmor" alt=""><figcaption></figcaption></figure>

* **名前**: 作成するタグの名前を入力します。例え&#x3070;**、**&#x3053;の例では GAがタグの名前です。
* **タグの種類**: このフィールドでは、GTMを使用してテスト データをプッシュするサービスを指定します。Googleはデフォルトのテンプレートをいくつか提供していますが、カスタムタグを使用することもできます。例えば、Googleユニバーサル アナリティクスデータをプッシュする場合は、タグの種類をユニバーサル アナリティクスとして指定します。デフォルトのテンプレートの詳細については、[  「タグマネージャーヘルプ サポートされているタグ」](https://support.google.com/tagmanager/answer/6106924?hl=ja\&ref_topic=3002579\&sjid=8267389540367585460-AP)を参照してください。&#x20;
* **トラッキングタイプ**: このフィールドで \[**イベント]**&#x3092;選択し、ボタンのクリックやページ訪問などの特定のアクションまたはイベントを追跡します。

<figure><img src="/files/ERBztoOYhM40FevPAsp7" alt=""><figcaption></figcaption></figure>

5. **「イベント トラッキング パラメータ」**&#x30BB;クションで  、次のフィールドを設定します。

<figure><img src="/files/DFLMQxaLm7Fd4aTWWfSc" alt=""><figcaption></figcaption></figure>

* **カテゴリ**: VWO
* **アクション**: カスタム
* **非インタラクションヒット**: True
* 「このタグでオーバーライド設定を有効にする」オプションを選択します。
* **トラッキング ID** : このフィールドに、プッシュするデータのトラッキングIDを入力します。例えばこの場合、UA 追跡ID はUA-1234567-1 になります。

6. **「詳細設定]>\[カスタム ディメンション]** セクションで 、次のフィールドを設定します。

<figure><img src="/files/n5uNwtJVcNwbiGLwPnck" alt=""><figcaption></figcaption></figure>

* **インデックス**: 指定したカスタム ディメンションに関連付けるインデックス番号 (1 ～ 20) を選択します。これは、VWO データを収集するために UA アカウント内で作成したカスタム ディメンションに基づいています。

{% hint style="warning" %}
実行中のテストごとに、 異なるカスタムディメンションインデックスを使用することをお勧めします 。 単一のカスタム ディメンションが使用されている場合、ユーザーが参加した最後のテスト情報によって、以前にプッシュされた情報が上書きされます。
{% endhint %}

* **ディメンションの値**: VWOからGTMに渡されたデータをUAにプッシュするためのマクロ名をここに入力します。
* **「保存」**&#x3092;クリックして変更を確定します。

7. タグを作成したら、タグを起動ルールに関連付ける必要があります。これを行うには、  **「トリガー」** > **「トリガーの起動」** セクションに移動し、タグに関連付けるために作成したトリガーを選択します。

<figure><img src="/files/c5JLMeetNlXOashSKGmJ" alt=""><figcaption></figcaption></figure>

8. **「保存」**&#x3092;クリックして実行ルールを設定します。
9. 構成が完了したら、**「公開」を**クリックします。

<figure><img src="/files/xQzLemvmgE8pP6mRO3hw" alt=""><figcaption></figcaption></figure>

### **VWOでのGTM連携の有効化** <a href="#id-5" id="id-5"></a>

GTMの設定が完了したので、VWOダッシュボードから GTM連携を有効にします。

#### 手順

1. VWOアカウントにログインします。
2. **\[テスト]**&#x306B;移動し、テストタイプ (たとえば**A/B )**&#x3092;選択します。
3. **\[integration（連携）]**&#x304B;ら、**\[Googleタグ マネージャー]**&#x306B;チェックをいれます。 選択肢として表示されない場合は、連携設定が有効になっていないため、次の注意事項をご確認ください。

<figure><img src="/files/Zc0AoLAb81vv35b0V2iM" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
**Googleタグ マネージャー**オプションは、 **\[連携]**&#x30BB;クションで有効にした後に表示されます 。
{% endhint %}

<figure><img src="/files/6U8lFh70qArrwC6GsxrY" alt=""><figcaption></figcaption></figure>

※本ページは[\[原文:Integrating VWO with UA via Google Tag Manager (Custom Dimensions)\]](https://help.vwo.com/hc/en-us/articles/360021117934-Integrating-VWO-with-UA-via-Google-Tag-Manager-Custom-Dimensions-)を翻訳・加筆修正しています。