> 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/2qpucdpdrr.md).

# 基本的なメトリクス作成

### 作成画面 <a href="#id-1" id="id-1"></a>

サイドメニュー\[Data360]>\[メトリクス]から作成、編集、管理が可能です。

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

### メトリクスの計算方法 <a href="#id-2" id="id-2"></a>

* **ユニークビジター毎**- 同じ訪問者によってイベントがトリガーされた回数に関係なく、イベントのトリガー時に1回だけコンバージョンとしてカウントされます。<br>
* **イベント数**- 訪問者がイベントをトリガーするたびにコンバージョンとしてカウントされます。同じ訪問者によって行われた複数のコンバージョンが合計されます。

{% hint style="info" %}
「イベント数」はEnterprise以上のプランで利用可能です。
{% endhint %}

### 設定条件 <a href="#id-3" id="id-3"></a>

次の標準イベントから、目的に合わせて追跡するイベントを選択し設定してください。

### ページ訪問 <a href="#id-3-1" id="id-3-1"></a>

特定のURLへのページ訪問数を計測できます。「ページ訪問」を選択し、\[**+where]**&#x3092;クリックして条件定義します。URL一致条件は[「利用可能なURLパターン」](/testing/ab-testing/ts05bflvgn.md)を参照してください。\
\
\[Include pages（含めるURL）]で対象URLを追加したり、\[Exclude pages（除外URL）]オプションを使用して、特定のページをメトリクス追跡から除外したりすることもできます。<br>

<div align="left"><figure><img src="/files/h1Tg9L40BVsCMVX9751E" alt=""><figcaption></figcaption></figure></div>

### クリック <a href="#id-3-2" id="id-3-2"></a>

訪問者がサイト上の要素をクリックした時に計測できます。「クリック」を選択し、\[**+where]**&#x3092;クリックして条件定義します。\
\
イベントプロパティを選択し、リンクの宛先URL、つまりアンカータグの*href*属性の値またはセレクターパスを入力します。

<div align="left"><figure><img src="/files/HuzaDThkpr0Fla9ywX3w" alt=""><figcaption></figcaption></figure></div>

#### ・ページ上のCTAクリックを計測する <a href="#id-3-2-1" id="id-3-2-1"></a>

下記ページの「今すぐダウンロードする（無料）」CTAクリックを計測する場合、次のようにclass指定することができます。\
<https://martechlab.gaprise.jp/archives/whitepaper/banner-pdca>

<div align="left"><figure><img src="/files/v7TgpKrE39ksiWzplFuf" alt=""><figcaption></figcaption></figure></div>

#### ・外部サイトのリンククリックを計測する <a href="#id-3-2-2" id="id-3-2-2"></a>

外部サイトへのリンク、例えば「LINEボタンのリンクのクリック」などを計測したい場合は、条件定義で「Target URL」を選択し、計測したいURLを入力してください。

<div align="left"><figure><img src="/files/jjA1FWYUeOLcmLCCsS5v" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
・「リンクのクリック」は遷移先ページにVWOスマートコードが設置されていなくても計測可能です。

・「ページ遷移」まで計測するには、遷移先へのVWOスマートコード設置が必要です。
{% endhint %}

#### ​・電話番号のクリックを計測する <a href="#id-3-2-3" id="id-3-2-3"></a>

電話番号の場合、次のような設定で計測できます。

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

### フォームの送信 <a href="#id-3-3" id="id-3-3"></a>

キャンペーンURLでのフォーム送信を計測できます。「フォーム送信」を選択し、\[**+where]**&#x3092;クリックして条件定義します。 URL一致条件を選択し、それぞれ&#x306E;*\<form>*&#x30BF;グの action 属性の値を入力します。 <br>

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

{% hint style="info" %}
「フォーム送信」では、フォームのアクションURLがゴールURLとして選択されることに注意してください。
{% endhint %}

例えば、下記ページのフォームを指定する場合、次のように値を確認しメトリクス設定に入力します。\
<https://martechlab.gaprise.jp/archives/whitepaper/banner-pdca>\
\
**▼入力する値の確認方法**\
Chromeメニュー>\[その他のツール]>\[デベロッパーツール]から、*\<form>*&#x30BF;グのaction属性の値を確認してください。

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

**▼設定画面**\
メトリクス設定画面で値を入力します。URLの詳細条件の設定も合わせて確認してください。

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

**※URLの詳細条件**\
デフォルトでは下記すべてにチェックがついています。

Ignore query string（クエリー文字列を無視する）：\
URLのクエスチョンマーク(?)以降のテキストを無視する\
\
Ignore fragment（フラグメントを無視する）：\
URLのハッシュ記号(#)以降のテキストを無視する\
\
Case insensitive（大文字小文字を区別しない）：\
URL内の文字の大文字小文字を区別しない

### エンゲージメント <a href="#id-3-4" id="id-3-4"></a>

訪問者のエンゲージメントを計測できます。「エンゲージメント」を選択し、\[**+where]**&#x3092;クリックして条件定義します。 URL一致条件を選択し、対象URLを入力します。

<div align="left"><figure><img src="/files/G9xfskpUnks13PPXpT7y" alt=""><figcaption></figcaption></figure></div>

VWOにおいてページでのエンゲージメントとは、訪問者がフォームを送信したか、次の要素のいずれかをクリックしたことを意味します。

* アンカー要素 (\<a>\</a>)
* Anchor 要素の子孫である要素 ( \<a>\<img />\</a>の click img など)
* ボタン要素 ( \<button>\</button> )
* Button 要素の子孫である任意の要素 ( \<button>\<span>\</span>\</button>のクリック スパンなど)
* タイプボタンを含む入力要素 ( \<input type="button" />)
* submit タイプの入力要素 ( \<input type="submit" /> )
* 画像型の入力要素 ( \<input type="image" /> )

エンゲージメント指標の主な使用例は、ユーザーがサイト上でどの程度インタラクティブであるかを確認し、ユーザーがいずれかの要素をクリックしているかどうか、またはサイトにアクセスしただけで何もアクションを実行せずに終了しているかどうかを確認することです。

{% hint style="info" %}
訪問者がサイト上で「何らかのアクションを実行したかどうかだけ」を追跡したい場合は、エンゲージメント指標を活用できます。
{% endhint %}

{% hint style="warning" %}
特定のボタンをクリックしたり、特定のフォームで送信したりするなど、ページ内の特定要素を指定してエンゲージメントを計測することはできません。各要素を正確に計測したい場合は、「クリック」や「フォームの送信」を選択し作成してください。
{% endhint %}

### Bounce（バウンス） <a href="#id-3-5" id="id-3-5"></a>

キャンペーンに参加した後、同じページを再訪問しなかった、または他のページに進まなかった訪問者の数を追跡する際に使用します。

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

### Page unload（ページアンロード） <a href="#id-3-6" id="id-3-6"></a>

ページを閉じたか、ページから移動した訪問者を追跡する際に使用します。また、指定された期間（滞在時間）の対象となるページアンロードイベントの数を追跡したり、特定のページで訪問者が費やした時間を追跡するために使用することもできます。\
\
このオプションを選択し、\[**+where]**&#x3092;クリックして、次からイベント プロパテを指定し、必要に応じてそれぞれの値を指定します。

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

* ページURL
* 期間（滞在時間）
* Horizontal scroll depth (percentage)：水平スクロールの深さ（パーセンテージ）
* Vertical scroll depth (percentage)：垂直スクロールの深さ (パーセンテージ)
* Horizontal scroll depth (pixel)：水平スクロール深度 (ピクセル)
* Vertical scroll depth (pixel)：垂直スクロールの深さ (ピクセル)

{% hint style="info" %}
・「期間（滞在時間）」に基づくメトリクス作成についての詳細は、[「How to Track Visitors Based on Time Spent?](https://help.vwo.com/hc/en-us/articles/26733415663897-How-to-Track-Visitors-Based-on-Time-Spent)を参照してください。

・「スクロール条件」に基づくメトリクス作成についての詳細は、[「How to Track Visitors Based on Scroll Level?」](https://help.vwo.com/hc/en-us/articles/31382292149785-How-to-Track-Visitors-Based-on-Scroll-Level)参照してください。
{% endhint %}

※本ページは\[原文：[Working With Metrics in VWO](https://help.vwo.com/hc/en-us/articles/8675547113625-Working-With-Metrics-in-VWO)]\[原文：[Types of Conversion Goals in VWO Testing](https://help.vwo.com/hc/en-us/articles/360033990973-Types-of-Conversion-Goals-in-VWO-Testing)]を翻訳・加筆修正しています。