> 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/metrics/buq04tbbru.md).

# 特定要素クリック後のコンバージョンを計測する

### 概要 <a href="#id-1" id="id-1"></a>

メトリクス計測時に付与されるVWOの「Goal Cookie」とカスタムイベントを活用した計測方法です。特定のCookieを付与されたユーザーが、特定ページに到達した際にイベントを発火させる、という方法で計測可能になります。

#### ■Goal Cookieとは？

キャンペーンで設定したメトリクスが発火されたときに付与されるCookieです。 ***vis\_opt\_exp*****\[EXPERIMENT\_ID]*****goal*****\[GOAL ID]**&#x306E;ように付与されます。\
&#x20;\
例：\
下記キャプチャの場合、次のようなCookieが付与されています。\
\
vis\_opt\_exp\_157\_goal\_3\
キャンペーンID「157」のメトリクス「M3」のCookie\
\
詳細は[「Cookieの値を確認する方法」](/testing/ab-testing/k7stjs3nyc.md#id-3)も参照してください。

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

**■カスタムイベントとは？**\
特定のユーザーアクションや動作をトラッキングするための機能で、特定のビジネス目標やニーズに合わせて独自のイベントを作成できます。管理画面サイドメニュー\[Data360]>\[Events]から設定可能です。

### 手順 <a href="#id-2" id="id-2"></a>

{% hint style="info" %}
この手順では、下記を前提としています。

・特定要素を「今すぐ購入ボタンクリック」、コンバージョンを「注文完了ページ到達」と定義して解説します。

・コンバージョンページにコード追加が必要ですが、VWO上でイベント発火させるための100％配信キャンペーン用を作成する方法でご案内します。

※今回の手順では2つのVWO上でキャンペーンを作成します。\
キャンペーン①：ABテスト用 \
キャンペーン②：イベント発火のための100％配信用
{% endhint %}

{% hint style="warning" %}
「キャンペーン②：イベント発火のための100％配信用」を作成する方法ではなく、ページに本番実装いただく形でも問題ありません。
{% endhint %}

1. ABテスト用のキャンペーン①を作成します。条件に指定したい要素（例：「今すぐ購入ボタンクリック」など）を計測するメトリクス作成します。（ここでGoal CookieのIDが確定します。） \
   メトリクス冒頭に記載される\[M3]=Goal IDが\[3]です。<br>

   <figure><img src="/files/3vr4tPMOhMGPmQPS0b9F" alt=""><figcaption></figcaption></figure>

   クリックのメトリクス作成では、次のような条件指定が可能です。

   <figure><img src="/files/MFtnVPWEv8HPLjttrE0G" alt=""><figcaption></figcaption></figure>
2. 管理画面サイドメニュー\[Data360]>\[Events]からカスタムイベント作成します。\[Event Name]と\[API Name]を指定してください。\
   ・\[Event Name]は任意の名前を設定できます。 日本語でも問題ありません。\
   ・\[API Name]も任意で設定できます。日本語不可、作成後に変更できません。\
   ※Propertiesは空白のまま保存できます。

   <figure><img src="/files/V3farYgAfq6nFiGQaNT5" alt=""><figcaption></figcaption></figure>
3. 作成したイベントの\[API]タブからコードを取得します。

   <figure><img src="/files/TIK4sFxA0uuf2ZegZcYN" alt=""><figcaption></figcaption></figure>
4. イベント発火用のキャンペーン②を作成します。ページは「注文完了ページ」を指定、バリエーション100％配信に変更し、編集方法で「Code editor」を選択します。<br>

   <figure><img src="/files/BG8uJwKnh71D8S9IWYmK" alt=""><figcaption></figcaption></figure>
5. バリエーションをコードエディターで開き、イベント作成時に取得したコードと、特定のGoal Cookieを持った場合にイベント発火させる指示を記述します。\
   \
   ▼コード例 \
   発火条件のGoalCookie：vis\_opt\_exp\_157\_goal\_3 \
   イベント：buyNow\
   \
   `if (document.cookie.indexOf('vis_opt_exp_157_goal_3=') !== -1) { window.VWO = window.VWO || []; VWO.event = VWO.event || function () {VWO.push(["event"].concat([].slice.call(arguments)))}; VWO.event("buyNow"); }`<br>

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

6. 管理画面サイドメニュー\[Data360]>\[メトリクス作成]を開き、メトリクス作成画面の\[My Events]からイベント選択して保存し、ABテスト用のキャンペーン①にメトリクスとして設定します。<br>

<figure><img src="/files/Atafrm39Oa9HINfbrl9t" alt=""><figcaption><p><br></p></figcaption></figure>

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

7. イベント発火用キャンペーン②を開始した状態で、ライブプレビュー機能を使ってメトリクス計測が正しく行えるか検証してください。詳細は[「ライブプレビューで目標が計測されるか確認する」](/testing/ab-testing/k7stjs3nyc.md)を確認してください。
8. 問題なければ、ABテスト用キャンペーン①を開始してください。

### 注意事項 <a href="#id-3" id="id-3"></a>

・100％配信するイベント発火用キャンペーン②もUU消化の対象になります。