メインコンテンツへスキップ
この記事では、Google Tag Manager (GTM) を使用して Kameleoon のゴールコンバージョンタグを作成する方法を説明します。特定のイベントを監視するためのカスタム HTML タグの設定方法と、収益を追跡するタグの設定方法を学びます。

​
タグの作成

  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 のフォーマットに依存)。