> 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/goals/resources/ti17q70gnn.md).

# VWOでカスタムコンバージョンゴールを実装する

VWOの機能を利用して、カスタムコンバージョンを追跡するための目標を作成することができます。**例えば、**あなたの目標が、誰かが要素に停止したときに追跡することである場合、ホバーイベントを発動するカスタムコンバージョン目標を作成することができます。

カスタムコンバージョン目標を作成すると、VWOはコードスニペットを生成し、それをテストページに追加してコンバージョンを追跡することができます。SmartCodeの下にコードスニペットを配置し、必要に応じてトラッキング条件を設定することができます。カスタムコンバージョン目標は、通常、クリックやURLとは直接関係のない目標を追跡するために定義されます。

**注：**カスタムコンバージョンコードは、テストに定義する各カスタム目標に固有のものです。

VWOでは、以下の2つの方法でカスタムコンバージョン目標を設定することができます。

### **VWO Insights における目標** <a href="#k7d7sdew15xi" id="k7d7sdew15xi"></a>

これらは通常、テストの一部ではなく、常時稼働する形で、Webサイト上で積極的に実行されるビジネス目標です。**例えば、***テスト全体を作成しなくても、「今すぐ申し込む」CTAボタンがどのように機能しているかだけをチェックしたい場合があります。*&#x3053;れらの目標は、VWOアプリの\[**インサイト**] > \[**目標**]セクションから設定できます。VWO Insightsにおける目標の詳細については、「[VWO Insightsにおけるコンバージョン目標の種別](https://help.vwo.com/hc/en-us/articles/900001155266)」を ご参照ください。 それでは、VWO Insightsでのカスタムコンバージョン目標を設定する方法を見ていきましょう。

**手順**

1. お客様のVWOアカウントにログインします。
2. \[**インサイト**] > \[**目標**]、またはあなたの要件に応じて、他のテストの種類を選択することができます。\
   目標ダッシュボードが表示されます。
3. \[**追跡する目標を選択**]プルダウンから、\[**カスタムコンバージョンを追跡する**]を選択します。
4. \[**カスタムコンバージョンを追跡するページのURLを入力する**]欄に、クリックやAJAXリクエストの完了など、カスタムイベントを追跡するページのURLを入力します。
5. \[**次へ**] をクリックして、コンバージョン目標のオーディエンスを定義します。
6. \[**オーディエンスとして定義するページのURLを入力**]フィールドに、オーディエンスとして定義するWebページのURLを入力します。
7. メモとラベルを追加するには、\[**メモを追加する**] と \[**ラベルの追加**] オプションを使用します。

   **注：**&#x30E1;モやラベルを追加すると、検索時に目標を絞り込むことができます。
8. 目標の設定を完了するには、\[**完了**] をクリックします。
9. 目標が正常に保存されると、指定したページですぐに目標の実行を開始するか、後で開始することを選択できます。

   **注：**&#x30B5;ンプリングの概念は、VWO Insightsの目標に適用されます。VWOでのサンプリングについては、「[VWOサンプリングの仕組み](https://help.vwo.com/hc/en-us/articles/360034213994)」をご参照ください。

### **VWO Testingの目標** <a href="#wcvzwd3ealyr" id="wcvzwd3ealyr"></a>

この目標は、テストのために作成するもので、実施する実験に特化したものです。**例えば、**&#x41; / Bテストを作成して、*チェックアウト* ボタンの色とサイズを変更するとさらに多くのコンバージョンが記録されるかどうかを確認できます。これらの目標は、テスト作成の**目標**ステップで設定することができます。VWO Testing における目標の詳細については、「[VWO Testingにおけるコンバージョン目標の種別](https://help.vwo.com/hc/en-us/articles/360033990973)」を ご参照ください。 それでは、VWO Testingでのカスタムコンバージョン目標を設定する方法を見ていきましょう。

**手順**

1. お客様のVWOアカウントにログインします。
2. \[**テスト**] > \[**A/B**]、またはあなたの要件に応じて、他のテストの種類を選択することができます。\
   A/Bテストのダッシュボードが表示されます。
3. ダッシュボードで、\[**作成**] をクリックします。
4. \[**テスト対象のページのURLを入力する**]フィールドに、テストするウェブページのURLを入力します。

   **注：**&#x30AD;ャンペーンにURLを追加したり、除外したりするには、URLフィールドの横にある \[**詳細設定**]タブをクリックします。このタブでは、高度なパターンマッチオプションを使ってワイルドカードを指定して広範なURLを指定したり、特定のURLを指定したりできます。\
   様々なURLパターンの使用については、「[VWOにおけるURLパターンの使い方](https://help.vwo.com/hc/en-us/articles/360021127714)」をご参照ください。

   **情報：**&#x30AD;ャンペーンのURLパターンを指定する際に、パターンの条件に一致するWebサイトを除外したい場合は、\[**URLの除外**] が便利です。\
   **例えば、**&#x30B5;イト全体のテストを <https://vwo.com> で実施する際、お問い合わせページ (<https://vwo.com/contact-us/>) はテストから除外するとします。その場合、それぞれのフィールドのURLを次のように指定する必要があります。\
   \[**テスト対象のURL**]: <https://vwo.com\\*\\>
   \[**URLの除外**]: <https://vwo.com/contact-us/>
5. \[**テストする仮説はなんですか**]からのプルダウンで、作業する仮説を選択します。 これはオプションのステップです。\
   **注**：まだ仮説がない場合や、新しい仮説を作成したい場合は、仮説プルダウンの下部にある \[**仮説を新規作成**] オプションをクリックすることで可能になります。仮説の詳細については、「[VWOにおける仮説](https://help.vwo.com/hc/en-us/articles/360019569694)」をご参照ください。
6. \[**バリエーション**] ページで、バリエーションを作成し、\[**次へ**] をクリックします。
7. 目標 ページで、新規目標の横にある編集アイコンをクリックして、目標の名前を入力します。
8. 目標タイププルダウンから、\[**カスタムコンバージョンオンの追跡**]オプションを選択します。
9. **\[テスト対象のURL]** フィールドでは、プルダウンから操作を指定し、その横のフィールドには、コンバージョンを追跡するウェブページのURLを入力します。目標のコンバージョンのトラッキングからウェブページを除外したい場合は、**\[URLの除外]** オプションを使用して、そのページの操作とURLを指定します。
10. \[**次へ**］をクリックして、残りのテスト設定を完了します。
11. \[**完了**]をクリックすると、ページ下部の\[**コンバージョン目標コードスニペット**]セクションに、カスタムコンバージョンコードスニペットが表示されます。コードスニペットは次のようになります。<br>

| \<script type = "text/javascript" >                           |
| ------------------------------------------------------------- |
| window.\_vis\_opt\_queue = window.\_vis\_opt\_queue \|\| \[]; |
| window.\_vis\_opt\_queue.push(function() {                    |
| \_vis\_opt\_goal\_conversion(204);                            |
| });                                                           |
| \</script>                                                    |

1. view raw[customConversionCode.js](https://gist.github.com/VWO-maker/8b2f63e9c779cc76f2105e35cf532805#file-customconversioncode-js) [GitHub](https://github.com/)によって❤でホストされています
2. カスタムコンバージョン目標をゼロから作成する場合、\_vis\_opt\_goal\_conversion(your\_goal\_ID) 変数が目標コードスニペットに表示されます。ただし、既存の目標がカスタムコンバージョン目標に変換された場合、\_vis\_opt\_goal\_conversion(your\_goal\_ID, your\_campaign\_ID) 変数の代わりに \_vis\_opt\_register\_conversion(your\_goal\_ID) が表示されるようになります。
3. **注：**&#x30AD;ャンペーンでは、カスタムコンバージョンコードは、テストに定義する各カスタム目標に固有のものです。

**事後要件**

カスタムコンバージョン目標を機能させるには、生成されたコードスニペットをSmartCodeの下に追加し、カスタム目標のトラッキングを開始するタイミングを設定する必要があります。トラッキングの対象は、ボタンのクリック、リンクのクリック、Ajaxリクエストの成功、などです。**例えば、**&#x30A2;ンカータグのクリックイベントにバインドされたカスタムコンバージョン目標をトリガーするには、次のようにコードを指定します。

| \<a onclick = "window.\_vis\_opt\_queue=window.\_vis\_opt\_queue\|\|\[];window.\_vis\_opt\_queue.push(function(){\_vis\_opt\_goal\_conversion(200)});" |
| ------------------------------------------------------------------------------------------------------------------------------------------------------ |
| href = "#" > < span > Sign Up < /span>                                                                                                                 |
| \</a>                                                                                                                                                  |

view raw [clickEvent.js](https://gist.github.com/VWO-maker/15b2bcb0c9c9fb0af5fa8a6413f32281#file-clickevent-js) hosted with ❤ by [GitHub](https://github.com/)

この例では、アンカータグの**on-click**イベントにコードスニペットをバインドしています。アンカータグは、コンバージョンを発生させるために最初にクリックされる必要があります。

### **カスタムコンバージョン目標設定時のベストプラクティス** <a href="#tm1t5zmj4ige" id="tm1t5zmj4ige"></a>

VWO SmartCodeの後にカスタムコンバージョン目標が起動されるように、常にキュー機能を使用することをお勧めします。次のスニペットは、キュー機能の使用例です。

| window.\_vis\_opt\_queue = window.\_vis\_opt\_queue \|\| \[];                                                |
| ------------------------------------------------------------------------------------------------------------ |
| //Do change the Goal ID below (currently shown as 200) to the one shown in the code snippet tab of the test. |
| window.\_vis\_opt\_queue.push(function() {                                                                   |
| \_vis\_opt\_goal\_conversion(200);                                                                           |

view raw [queueFunctionality.js](https://gist.github.com/VWO-maker/f68bfd4b89e015acfe87c923bbdaa628#file-queuefunctionality-js) hosted with ❤ by [GitHub](https://github.com/)