ゴールの作成 - Kameleoon Documentation

ゴールの設定に関するビデオチュートリアルについては、当社のアカデミーをご覧ください。 エクスペリメントの効果を測定するには、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 の詳細についてはこちらをご覧ください。

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

Time spent

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

ゴールを満たすために訪問者が Web サイトに費やす必要がある時間を指定します。そのために、制限を選択できます:

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

数値を選択し、ドロップダウンメニューから可能な単位の 1 つ(秒、分、または時間)を指定します。

高度なセットアップオプションにアクセスしたい場合は、ポップインの左下隅にある 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 4 ユーザーの場合、統合が Kameleoon で正しく設定されると、追加の GA4 設定なしでゴールイベントが送信されます。ただし、Kameleoon はこれらのゴールイベントの GA4 オーディエンスを自動的に作成しないため、GA4 で手動で行う必要があります。Google Tag Manager (GTM) を使用している場合、イベントを GA4 に転送するために GTM に必要な設定を追加することを忘れないでください。

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

このセクションでは、どのキャンペーンがゴールを追跡するかを制御できます。デフォルトでは、すべてのゴールはすべてのエクスペリメントでアクティブです。特定のキャンペーンからゴールを除外したい場合は、どのキャンペーンがゴールを追跡しないかを指定するだけです。ドロップダウンメニューには、このゴールの適用範囲を制限する 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 で使用する

外部ツールへの送信

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

外れ値の処理

メタデータ

メタデータとは?

メタデータの使用