ゴールの作成 - Kameleoon Documentation

ゴールの設定に関するビデオチュートリアルについては、当社のアカデミーをご覧ください。 ゴールがなければ、エクスペリメントは各訪問者がどのバリエーションを見たかを示すことしかできず、いずれかのバリエーションが実際にサイトのパフォーマンスを改善したかどうかはわかりません。ゴールはコンバージョンとしてカウントされる対象を定義し、Kameleoon がキャンペーンで重視する成果を達成しているかどうかを測定できるようにします。測定を開始するには、エクスペリメントを 1 つまたは複数のゴールにリンクしてください。 Kameleoon で作成したすべてのゴールは、Settings メニューの Goals ページで利用できます。

Goals ページへのアクセス

ゴールにアクセスするには、Settings > Goals をクリックします。デフォルトでは、Retention rate ゴールが Kameleoon アカウントに関連付けられたすべてのサイトに含まれています。このゴールは、ランディングページの後に少なくとも 1 つの他のページを開いた訪問者の数を記録します。

新しいゴールの作成

新しいゴールを作成するには、左側のメニューで Configure > Goals に移動します。 New goal をクリックし、ポップインでゴールの名前を入力し、関連するサイトを選択して、タイプを選択します。 7 つのタイプのゴールから選択できます:

Click tracking
Scroll tracking
Access to a page
Custom goal
Time spent
Number of pages viewed
Retention rate

iframe を使用して Web サイトを保護している場合、アプリでゴールを作成できない場合があります。

Click tracking

訪問者は、Web サイト上の特定の要素をクリックすることで Click tracking ゴールを達成します。このゴールを設定するには、ドロップダウンメニューから Click tracking を選択し、Next をクリックします。ウィンドウが展開してセットアップオプションが表示されます。

ターゲット要素を選択するために使用する URL を入力します。次に、追跡したい要素をクリックするか、CSS セレクターを入力します。

Kameleoon は Web サイト全体で選択した要素のクリックを追跡します。トラッカーを設定するために使用するページは、ゴールが変換できる場所を制限しません。複数のページに同じ CSS セレクターを持つ要素がある場合、Kameleoon は訪問者がそれらの要素のいずれかをクリックするたびにコンバージョンを記録します。特定のページの要素のクリックのみを追跡するには、そのページに固有の CSS セレクターを使用する必要があります。

要素を選択すると、オレンジ色のポインターが表示され、クリックトラッキングがアクティブであることを確認できます。複数の要素にクリックトラッキングを適用できます。選択したクリックトラッキングの数はウィンドウの上に表示されます。

ナビゲーションモードに切り替えて、ページをブラウズすることもできます。

Web サイトが iframe での表示から保護されている場合(サーバー設定で X-Frame-Options ヘッダーが使用されている場合)、URL はこのポップインに表示されず、クリックトラッキングを追加できません。サーバー設定を変更し、kameleoon.com ドメインとサブドメインの例外を追加する必要があります。

高度なセットアップオプションにアクセスするには、ポップインの左下隅にある Advanced settings をクリックします。

Create をクリックしてゴールを作成します。

Scroll tracking

スクロールトラッキングを使用すると、ページの指定セクションまでスクロールする訪問者の割合を判定できます。このゴールを設定するには、ポップインのドロップダウンメニューで Scroll tracking を選択し、Next をクリックします。ポップインにゴールのセットアップオプションが表示されます。スクロールトラッキングを適用したいページの URL を入力します。

影付きと影なしの領域の境界がスクロールトラッキングのレベルを決定します。ゴールを満たすには、訪問者はページの影付き部分までスクロールダウンする必要があります。スクロールトラッキングの深さを定義する方法は 3 つあります:

正確な割合: 割合は Web サイト全体に適用されます。割合はページの一番上を基準として定義されます: 0% でレベルが一番上、50% で中央、100% でページの一番下に配置されます。
ピクセル単位の高さ: 0 ピクセルはページの一番上に対応します。レベルがページ上で低いほど、ピクセル数が高くなります。最大ピクセル高さはページサイズと相関します。
選択した要素: ページの要素をマウスオーバーし、選択した要素をクリックして視覚化します。レベルは選択した要素の直下に配置されます。

割合またはピクセル単位の高さを選択してスクロールトラッキングレベルを決定する場合、ドラッグして好きな位置に移動できます。

高度なセットアップオプションにアクセスするには、ポップインの左下隅にある Advanced settings をクリックします。

Access to a page

Access to a page ゴールは、訪問者が定義したページにアクセスしたときに達成されます。このゴールを設定するには、ポップインのドロップダウンメニューで Access to a page を選択し、Next をクリックします。ポップインにゴールのセットアップオプションが表示されます。

ゴールに到達するために訪問者が訪問する必要があるページを入力します。 3 つのオプションがあります:

同じ URL フラグメントを共有するすべてのページをターゲットにするには、contains を選択します。
入力した正確な URL のページのみをターゲットにするには、matches exactly を選択します。
使用している正規表現に従って URL とそのバリエーションをターゲットにするには、matches the regular expression を選択します。正規表現の作成については、正規表現を参照してください。

URL フラグメントと正規表現は大文字と小文字を区別します。

例: 製品ページの URL は通常、以下のように構造化されています: https://www.mysite.com/products/product-1 さまざまなシナリオで Access to a page ゴールを適用する方法は次のとおりです:

特定の製品ページへ:
- matches exactly を選択し、完全で正確な URL を入力します。例: https://www.mysite.com/products/product-1
すべての製品ページへ:
- contains を選択し、/products/ と入力します。これにより、ゴールは URL に /products/ フラグメントを含むすべてのページに適用されます。
共通のバリエーションを持つ URL の場合(たとえば、“product” 対 “products”):
- 製品ページの URL に “products” の代わりに “product” が含まれることがある場合、正規表現を使用します。たとえば、https://www.mysite.com/products* はその時点で “products” または “product” のいずれかを含む URL に一致します。

高度なセットアップオプションにアクセスするには、ポップインの左下隅にある Advanced settings をクリックします。

Ratio Metrics

Ratio Metrics ゴールの作成に関する詳細については、Ratio Metrics 記事を参照してください。

Custom goal

カスタムゴールを設定するには、Type ドロップダウンで Custom goal を選択し、Next をクリックします。ポップインに利用可能なセットアップオプションが表示されます。

オプション 1: JS Activation API によってトリガーされるフロントエンドイベントを使用

コンバージョンイベントが**ユーザーのブラウザ(クライアント側)**で発生する場合、このオプションを選択します。

仕組み: Kameleoon は、JavaScript コードに挿入する特定の関数(Kameleoon.API.Goals.processConversion(ID)、ここで ID はゴールの一意の識別子)を提供します。ユーザーが追跡しているアクションを実行すると、コードはこの関数を実行してコンバージョンシグナルを Kameleoon プラットフォームに直接送信します。

ゴールの ID は、ゴールが作成されると生成されます。

Copy アイコンをクリックしてイベントコードをコピーし、JavaScript に実装します(または実装のために開発チームに渡します)。processConversion() メソッドの詳細については、こちらの記事を参照してください。

オプション 2: SDK 経由のバックエンドイベントを使用 (例: Node JS)

コンバージョンイベントが**サーバー(バックエンド)**で発生する場合、このオプションを選択します。この方法は、ユーザーのブラウザセッションに依存しないアクション(たとえば、成功した支払い処理)を追跡するのに必要です。 仕組み: Kameleoon サーバー側 SDK は特定のメソッド(trackConversion())を使用して、サーバーから Kameleoon プラットフォームにコンバージョンイベントを直接通信します。 Copy アイコンをクリックして SDK イベントコードをコピーし、バックエンド開発チームに渡して実装します。 コード例:

trackConversion({visitorCode, goalId})

visitorCode はターゲットにしたい訪問者の一意の識別子です。
goalId はゴールの一意の識別子です。

ゴールの ID は、ゴールが作成されると生成されます。

trackConversion() メソッドの詳細については、こちらの記事を参照してください。

オプション 3: カスタム JavaScript コードを使用

ゴールをトリガーするタイミングを決定するために特定の JavaScript ロジックを実行する必要がある場合、このオプションを選択します。カスタム JavaScript は最も柔軟なオプションであり、コンバージョンシグナルを送信する前に動的に収益を計算したり、追加のメタデータをキャプチャしたりする必要がある場合に有用です。

仕組み: テキストフィールドに入力したコードは、サイトが準備できると自動的に実行されます。そのコード内で、triggerGoal() メソッドを使用してコンバージョンを発火します。オプションで収益とメタデータパラメーターを渡すこともできます。

カスタム JavaScript コードを指定されたテキストフィールドに直接入力します。

関数	説明	例コード
`triggerGoal()`	パラメーターなしでコンバージョンをトリガーします。	`triggerGoal();`
`triggerGoal(revenue)`	収益値でコンバージョンをトリガーします。	`triggerGoal(49.99);`
`triggerGoal(revenue, metadata)`	収益と追加データでコンバージョンをトリガーします。	`triggerGoal(49.99, {5: "Gold"});`

カスタムゴールにカスタム JavaScript コードを使用する方法の詳細については、Kameleoon の開発者ドキュメントを参照してください。

または、たとえば、Google Tag Manager からコンバージョンを開始する場合は、Kameleoon Command Queue を使用します。これにより、Kameleoon エンジンの読み込みが完了するまでコマンドの実行を遅延できます。 Google Tag Manager で GTM > Tags > New > Tag Configuration > Custom HTML に移動し、以下のコードを挿入します:

<script>
window.kameleoonQueue = window.kameleoonQueue || [];
kameleoonQueue.push(['Goals.processConversion', goalid, revenue]);
</script>     

次に、ゴールコンバージョンの呼び出しを Kameleoon に送信するトリガーを選択します。 Kameleoon.API.Goals の詳細については、API リファレンスを参照してください。

高度なセットアップオプションにアクセスするには、ポップインの左下隅にある Advanced settings をクリックします。

Time spent

このゴールは、訪問者がサイトに一定の時間を費やしたときに満たされます。このゴールを設定するには、ポップインのドロップダウンメニューで Time spent を選択し、Next をクリックします。ポップインにゴールのセットアップオプションが表示されます。

ゴールを満たすために訪問者が Web サイトに費やす必要がある時間を入力します。制限を選択します:

more than: 訪問者は少なくとも特定の時間をページに費やす必要があります
exactly: 費やす時間は正確に一致する必要があります
less than: 費やす時間は特定の時間を超えてはなりません

値を入力し、ドロップダウンメニューから単位を選択します(秒、分、または時間)。

高度なセットアップオプションにアクセスするには、ポップインの左下隅にある Advanced settings をクリックします。

Number of pages viewed

このゴールは、訪問者が一定数のページを閲覧した場合に満たされます。このゴールを設定するには、ポップインのドロップダウンメニューで Number of pages viewed を選択し、Next をクリックします。ポップインにゴールのセットアップオプションが表示されます。

ゴールに到達するために訪問者が閲覧する必要があるページ数を入力します。正確な数、最小値、または最大値から選択できます。

高度なセットアップオプションにアクセスするには、ポップインの左下隅にある Advanced settings をクリックします。

Retention rate

このゴールは、アカウントのすべての新しい Web サイトのデフォルト設定の 1 つです。リテンション率は、ランディングページで少なくとも 1 回クリックした訪問者の数を記録します。このゴールを設定するには、ポップインのドロップダウンメニューで Retention rate を選択し、Next をクリックします。ポップインにゴールのセットアップオプションが表示されます。

ゴールはすでに設定されています。名前を入力し、必要に応じて説明を追加します。

高度なセットアップオプションにアクセスするには、ポップインの左下隅にある Advanced settings をクリックします。

高度な設定

ポップインの左下隅にある Advanced settings をクリックして、高度なセットアップオプションにアクセスします。

ポップインにはいくつかのセクションがあります。

このゴールを AI Predictive Targeting で使用する

このオプションを有効にして、ゴールの予測ターゲティングを使用します。リアルタイムで、機械学習がゴールに影響を与えるパターンを認識し、各訪問者のコンバージョン確率を推定するため、コンバージョン可能性に基づいて訪問者をターゲットにできます。このゴールに対して予測を行うトリガーを選択します。トリガーについて詳しくはこちら

外部ツールへの送信

このセクションでは、Kameleoon がこのゴールをトリガーしたときに、選択した外部ツールにコンバージョンイベントを送信できます。このオプションは、Google Analytics 4、Universal Analytics、Mixpanel、および Segment でのみ使用できます。以下のタイプのゴールを外部ツールに送信できます:

Click tracking
Scroll tracking
Access to a page
Custom goal
Time spent
Number of pages viewed
Retention rate

以下のコードは利用可能なゴールタイプを定義します:

const enum GoalType {
	CLICK = "CLICK",
	CUSTOM = "CUSTOM",
	SCROLL = "SCROLL",
	PAGE_VIEWS = "PAGE_VIEWS",
	URL = "URL",
	TIME_SPENT = "TIME_SPENT",
	RETENTION_RATE = "RETENTION_RATE",
}

Google Analytics 4Kameleoon で統合を設定すると、ゴールコンバージョンは自動的に GA4 に送信されます。受信するための追加の GA4 設定は必要ありません。各ゴールコンバージョンは、Kameleoon ゴールと同じ名前のイベントとして GA4 に表示されます。たとえば、ゴールが 購入完了 と呼ばれている場合、GA4 では 購入完了 イベントとして表示されます。各イベントには以下のパラメーターが含まれます:

type — ゴールタイプ（例: CLICK または CUSTOM）
id — Kameleoon ゴール ID
source — 常に Kameleoon
revenue — コンバージョンに収益値を渡した場合にのみ含まれます

Kameleoon がイベントを送信するために、GA4 でこれらをカスタムイベントとして手動で作成する必要はありません。ただし、GA4 コンバージョンとしてマークしたり、オーディエンスを作成したりする場合は、データが届き始めた後に GA4 で手動で設定する必要があります。Google Tag Manager: サイトで GTM を使用している場合、Kameleoon は GA4 に直接送信するのではなく、ゴールイベントを dataLayer に送信します。GTM タグとトリガーを設定して、これらのイベントを GA4 に転送する必要があります。dataLayer は、GA4 レポートを確認する前にゴールイベントが正しく発火していることを確認するためにも役立ちます。設定手順については、Google Tag Manager を参照してください。

特定のキャンペーンに対してのみこのゴールを表示する

このセクションでは、どのキャンペーンがゴールを追跡するかを制御できます。デフォルトでは、すべてのゴールはすべてのエクスペリメントでアクティブです。特定のキャンペーンからゴールを除外するには、どのキャンペーンがゴールを追跡しないかを指定します。ドロップダウンメニューには、このゴールの適用範囲を制限する 3 つの条件が含まれています:

キャンペーン名: このゴールを適用したいエクスペリメントの横のボックスをチェックします;
キャンペーンタイプ: ゴールを適用したいエクスペリメントのタイプを選択します(Experiment をクリックすると、ゴールが適用される Web サイト上のすべてのエクスペリメントでゴールが利用可能になります; Personalization についても同様です);
タグ: タグを選択することで、このタグにリンクされているキャンペーンにのみゴールが適用されます。

外れ値の処理

このオプションはカスタムゴールでのみ利用できます。 Kameleoon のウィンザライゼーションについて詳しくはこちら

メタデータ

メタデータとは?

メタデータは、ゴールコンバージョンに付加される追加プロパティです。特定の値(たとえば、支払い方法、配送タイプ)で結果をフィルタリングまたはブレイクダウンできます。たとえば、各支払いタイプで何件の “Purchase” コンバージョンが発生したかを追跡したい場合、メタデータを使用してその値をキャプチャできます。

メタデータの使用

メタデータを使用するには:

カスタムデータを定義します。詳細については、カスタムデータの作成を参照してください。
ゴールの作成または編集時にドロップダウンから選択して、カスタムデータをメタデータとしてリンクします。

Use this data only locally for targeting purposes オプションが付いたカスタムデータは、サーバーに送信されないため考慮されません。

​Goals ページへのアクセス

​新しいゴールの作成

​Click tracking

​Scroll tracking

​Access to a page

​Ratio Metrics

​Custom goal

​オプション 1: JS Activation API によってトリガーされるフロントエンドイベントを使用

​オプション 2: SDK 経由のバックエンドイベントを使用 (例: Node JS)

​オプション 3: カスタム JavaScript コードを使用

​Time spent

​Number of pages viewed

​Retention rate

​高度な設定

​このゴールを AI Predictive Targeting で使用する

​外部ツールへの送信

​特定のキャンペーンに対してのみこのゴールを表示する

​外れ値の処理

​メタデータ

​メタデータとは?

​メタデータの使用

Goals ページへのアクセス

新しいゴールの作成

Click tracking

Scroll tracking

Access to a page

Ratio Metrics

Custom goal

オプション 1: JS Activation API によってトリガーされるフロントエンドイベントを使用

オプション 2: SDK 経由のバックエンドイベントを使用 (例: Node JS)

オプション 3: カスタム JavaScript コードを使用

Time spent

Number of pages viewed

Retention rate

高度な設定

このゴールを AI Predictive Targeting で使用する

外部ツールへの送信

特定のキャンペーンに対してのみこのゴールを表示する

外れ値の処理

メタデータ

メタデータとは?

メタデータの使用