> 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-wu-ju-zhui-zong/fan-li-waca-jia-ru-gou-wu-ju.md).

# 範例：waca 加入購物車

## 新增變數

<figure><img src="/files/wXEW6BccNgUMXQ0tXUHK" alt=""><figcaption><p>新增變數</p></figcaption></figure>

### 加入購物車 product\_id

<figure><img src="/files/yVLDXexd9oNTkhjU86Un" alt=""><figcaption><p>加入購物車變數</p></figcaption></figure>

* 變數名稱：waca \[add\_to\_cart] prdouct\_id
* 變數類型：資料層變數
* 資料層變數名稱：eventModel.items.0.item\_id
* 按下「儲存」

### 加入購物車 product\_name

如上述新增變數步驟，再建立 product\_name 變數

* 變數名稱：waca \[add\_to\_cart] product\_name
* 變數類型：資料層變數
* 資料層變數名稱：eventModel.items.0.item\_name
* 按下「儲存」

### 加入購物車 product\_price

如上述新增變數步驟，再建立 product\_price 變數

* 變數名稱：waca \[add\_to\_cart] prdouct\_price
* 變數類型：資料層變數
* 資料層變數名稱：eventModel.items.0.price
* 按下「儲存」

### 加入購物車 product\_quantity

如上述新增變數步驟，再建立 product\_quantity 變數

* 變數名稱：waca \[add\_to\_cart] product\_quantity
* 變數類型：資料層變數
* 資料層變數名稱：eventModel.items.0.quantity
* 按下「儲存」

### 加入購物車 product\_category

如上述新增變數步驟，再建立 product\_quantity 變數

* 變數名稱：waca \[add\_to\_cart] product\_category
* 變數類型：資料層變數
* 資料層變數名稱：eventModel.items.0.item\_category
* 按下「儲存」

***

## 新增觸發條件

<figure><img src="/files/TbuQE6OXVBhYCVk2b9Ip" alt=""><figcaption><p>新增觸發事件</p></figcaption></figure>

<figure><img src="/files/gxTyQb6KB8Pr1RWqup78" alt=""><figcaption><p>加入購物車事件</p></figcaption></figure>

* 觸發名稱：waca\[add\_to\_cart] (可更改)
* 觸發條件類型：自訂事件
* 事件名稱：add\_to\_cart
* 按下「儲存」

***

## 新增代碼

<figure><img src="/files/TsPmKE7iTBfCefncuxWT" alt=""><figcaption><p>建立代碼</p></figcaption></figure>

<figure><img src="/files/7MIJ2sJdanZR49EzfTNc" alt=""><figcaption><p>加入購物車追蹤代碼</p></figcaption></figure>

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

```javascript
<script>
if({{waca [add_to_cart] product_name}} !== undefined && {{waca [add_to_cart] product_name}} != ''){
	itg('event', 'product',{
	    'type':'add',
	    'id': {{waca [add_to_cart] prdouct_id}},
	    'category': {{waca [add_to_cart] product_category}},
	    'brand': '',
	    'tag': '',
	    'price': {{waca [add_to_cart] prdouct_price}} * {{waca [add_to_cart] product_quantity}}
	});
}
</script>
```

* 觸發條件：waca\[add\_to\_cart]（ [#xin-zeng-chu-fa-tiao-jian](#xin-zeng-chu-fa-tiao-jian "mention") ）

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

#### 提醒

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