> For the complete documentation index, see [llms.txt](https://instag.gitbook.io/doc/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://instag.gitbook.io/doc/cheng-shi-ma-zi-ding-an-zhuang/gou-mai-zhui-zong/fan-li-qdm-song-chu-ding-dan.md).

# 範例：Qdm 送出訂單

Google Tag Manager 安裝

## 新增變數

<figure><img src="https://2075385674-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA8vmX591TX7ccV7n1Qcw%2Fuploads%2F8ZpdLCrZmX9WeDFTjaSz%2Fimage.png?alt=media&amp;token=aa68aa9d-e4d0-4c01-9a9a-4ece53fa9971" alt=""><figcaption><p>新增變數</p></figcaption></figure>

### 購物商品

<figure><img src="https://2075385674-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA8vmX591TX7ccV7n1Qcw%2Fuploads%2FuW8Y8VixH7AlxEtEkR2Q%2Fimage.png?alt=media&amp;token=01971dac-4b41-4944-8970-a2f3a1657fd8" alt=""><figcaption><p>購物商品變數</p></figcaption></figure>

* 變數名稱：qdm \[purchase]
* 變數類型：資料層變數
* 資料層變數名稱：ecommerce
* 按下「儲存」

### 會員資料

<figure><img src="https://2075385674-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA8vmX591TX7ccV7n1Qcw%2Fuploads%2FsY8qa08x9S6fUwE91owC%2Fimage.png?alt=media&amp;token=646da662-9ff2-441b-9e48-d2d0020604d9" alt=""><figcaption><p>會員資料</p></figcaption></figure>

* 變數名稱：user\_data
* 變數類型：資料層變數
* 資料層變數名稱：user\_data
* 按下「儲存」

***

## 新增觸發條件

<figure><img src="https://2075385674-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA8vmX591TX7ccV7n1Qcw%2Fuploads%2FMXHIHY1kmVqRN1A9s79A%2Fimage.png?alt=media&amp;token=1ab5a496-efaf-4fcc-a9c4-1a2bf5c69819" alt=""><figcaption><p>新增觸發事件</p></figcaption></figure>

<figure><img src="https://2075385674-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA8vmX591TX7ccV7n1Qcw%2Fuploads%2FOfZG7BVicI5xz619VcxM%2Fimage.png?alt=media&amp;token=03d8fd65-9c37-4bcf-988d-2a6e86c1a4d0" alt=""><figcaption></figcaption></figure>

* 觸發名稱：qdm\[purchase] (可更改)
* 觸發條件類型：自訂事件
* 事件名稱：Purchase
* 按下「儲存」

***

## 新增代碼

<figure><img src="https://2075385674-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA8vmX591TX7ccV7n1Qcw%2Fuploads%2FUfHMuXUYJnlpTHtIcitW%2Fimage.png?alt=media&amp;token=07663b9e-0534-45de-8bfe-93b048cb3503" alt=""><figcaption><p>建立代碼</p></figcaption></figure>

<figure><img src="https://2075385674-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA8vmX591TX7ccV7n1Qcw%2Fuploads%2FI344HuMVPjTeVbO7MxiB%2Fimage.png?alt=media&amp;token=823c2eed-0ba2-4eec-a9f0-b2095805731b" alt=""><figcaption></figcaption></figure>

* 代碼名稱： \[qdm] purchase
* 代碼類型：自訂 HTML
* HTML：複製下面內容程式碼貼上

```javascript
<script>
var purchase = {{qdm [purchase]}};
var user_data = {{user_data}};

if(purchase !== undefined){
    var data = {
	  'id': purchase.transaction_id,
	  'user_id':'',
	  'product': '',
	  'amount': purchase.value
    };
  
    var items = purchase.items;
  
	for(var i in items){
		if(items[i].item_id !== undefined){
			data.product += (data.product == '')? items[i].item_id : ',' + items[i].item_id;
		}
	}
  
    setTimeout(function() {
    	var params = {
		    'id':   data.id,             
		    'price': data.amount,
		    'promotion': '',
		    'product': data.product
		}

		if(user_data !== undefined && user_data.email !== undefined){
			params.user = {
				'type': 'own',
				'email': user_data.email
			};
		}

      	itg('event', 'itg_purchase', params);
    }, 500);
}
</script>
```

* 觸發條件：qdm\[purchase]（ [#xin-zeng-chu-fa-tiao-jian](#xin-zeng-chu-fa-tiao-jian "mention")）

按下右上角「儲存」按鈕後，點擊右上角 「提交」 並且 「發布」 即可生效。

#### 提醒

* 請先用「預覽」功能測試，確認 「Tags Fired」 是否有觸發成功