> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kameleoon.com/llms.txt
> Use this file to discover all available pages before exploring further.

# GTM からゴールコンバージョンを作成

> Google Tag Manager で Kameleoon ゴールコンバージョンタグを作成し、サイトのコードを直接変更することなくイベント、収益、メタデータを追跡します。

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

## タグの作成

1. **New** をクリックします。
2. タグに名前を付けます(例: "Kameleoon - add to cart"、"Kameleoon - transaction")。
3. **Tag Configuration** で **Custom HTML** を選択し、以下のコードを挿入します:

```javascript theme={null}
<script>
  kameleoonGoal = 123456; 
  window.kameleoonQueue = window.kameleoonQueue || [];
  kameleoonQueue.push(['Goals.processConversion', kameleoonGoal]);
</script>;
```

* `123456` を Kameleoon のゴール ID に置き換える必要があります。

4. 既存のトリガーを選択するか、新しいトリガーを作成します(`dataLayer` のフォーマットに依存)。

## 収益付きタグの作成

収益付きタグを作成するには:

1. **New** をクリックします。
2. タグに名前を付けます。
3. **Tag Configuration** で **Custom HTML** を選択し、以下のコードを挿入します:

```javascript theme={null}
<script>
  kameleoonGoal = 123456; 
  window.kameleoonQueue = window.kameleoonQueue || [];
  kameleoonQueue.push(['Goals.processConversion', kameleoonGoal, {{ TransactionRevenue }}]);
</script>
```

`123456` は Kameleoon のゴール ID であり、`{{TransactionRevenue}}` はコンバージョンに紐付けられた収益を持つ変数です。

4. 既存のトリガーを選択するか、新しいトリガーを作成します(`dataLayer` のフォーマットに依存)。

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

以下の例は、支払い方法と注文 ID をメタデータとしてゴールコンバージョンに追加します。メタデータ付きタグを作成するには:

1. **New** をクリックします。
2. タグに名前を付けます。
3. **Tag Configuration** で **Custom HTML** を選択し、以下のコードを挿入します:

```javascript theme={null}
<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`** は変数が追加されるカスタムデータのインデックスです。

4. 既存のトリガーを選択するか、新しいトリガーを作成します(`dataLayer` のフォーマットに依存)。
