メインコンテンツへスキップ
Google Tag Manager を使用してサイトのトラッキングを管理している場合、サイトのコードを変更することなく、GTM タグから Kameleoon のゴールコンバージョンを直接発火できます。これは、開発ワークフローが GTM を経由する場合や、コンバージョントラッキングを 1 か所に集約したい場合に便利です。この記事では、基本的なコンバージョンタグの作成方法、収益を記録するタグ、およびコンバージョンと一緒にメタデータを渡すタグの作成方法について説明します。

​
タグの作成

  1. New をクリックします。
  2. タグに名前を付けます(例: “Kameleoon - add to cart”、“Kameleoon - transaction”)。
  3. Tag Configuration で Custom HTML を選択し、以下のコードを挿入します:
<script>
  kameleoonGoal = 123456; 
  window.kameleoonQueue = window.kameleoonQueue || [];
  kameleoonQueue.push(['Goals.processConversion', kameleoonGoal]);
</script>;
  • 123456 を Kameleoon のゴール ID に置き換える必要があります。
  1. 既存のトリガーを選択するか、新しいトリガーを作成します(dataLayer のフォーマットに依存)。

​
収益付きタグの作成

収益付きタグを作成するには:
  1. New をクリックします。
  2. タグに名前を付けます。
  3. Tag Configuration で Custom HTML を選択し、以下のコードを挿入します:
<script>
  kameleoonGoal = 123456; 
  window.kameleoonQueue = window.kameleoonQueue || [];
  kameleoonQueue.push(['Goals.processConversion', kameleoonGoal, {{ TransactionRevenue }}]);
</script>
123456 は Kameleoon のゴール ID であり、{{TransactionRevenue}} はコンバージョンに紐付けられた収益を持つ変数です。
  1. 既存のトリガーを選択するか、新しいトリガーを作成します(dataLayer のフォーマットに依存)。

​
メタデータ付きタグの作成

以下の例は、支払い方法と注文 ID をメタデータとしてゴールコンバージョンに追加します。メタデータ付きタグを作成するには:
  1. New をクリックします。
  2. タグに名前を付けます。
  3. Tag Configuration で Custom HTML を選択し、以下のコードを挿入します:
<script>
kameleoonGoal = 123456; 
window.kameleoonQueue = window.kameleoonQueue || [];
kameleoonQueue.push(['Kameleoon.API.Goals.processConversion', 
                     kameleoonGoal, 
                     {{ TransactionRevenue }}, //revenue (if empty put 0)
                     {
                         0: {{ paymentMethod }},  //custom data index and associated value
                         1: {{ oderID }} //custom data index and associated value
                     }]);
</script>
  • 123456 は Kameleoon のゴール ID です。
  • {{ TransactionRevenue }} はコンバージョンに紐付けられた収益を持つ変数です。
  • {{ paymentMethod}} はコンバージョンに紐付けられた支払い方法を持つ変数であり、0 は変数が追加されるカスタムデータのインデックスです。
  • {{ orderID }} はコンバージョンに紐付けられた注文 ID を持つ変数であり、1 は変数が追加されるカスタムデータのインデックスです。
  1. 既存のトリガーを選択するか、新しいトリガーを作成します(dataLayer のフォーマットに依存)。