# 範例：91APP 加入購物車

<figure><img src="https://2075385674-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA8vmX591TX7ccV7n1Qcw%2Fuploads%2Fq8ARMNHWXihoaXlVHS8u%2Fimage.png?alt=media&#x26;token=c3f97226-c000-4324-b215-d1b7391d49fa" alt=""><figcaption><p>91app 加入購物車</p></figcaption></figure>

## 新增變數

<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&#x26;token=aa68aa9d-e4d0-4c01-9a9a-4ece53fa9971" alt=""><figcaption><p>新增變數</p></figcaption></figure>

### 加入購物車 product\_id

<figure><img src="https://2075385674-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA8vmX591TX7ccV7n1Qcw%2Fuploads%2FFWOEMZ6OSBeHYLVMAQGv%2Fimage.png?alt=media&#x26;token=0c103124-c6fc-4722-82fb-7d8eeff03a4d" alt=""><figcaption><p>加入購物車變數</p></figcaption></figure>

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

### 加入購物車 product\_name

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

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

### 加入購物車 product\_price

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

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

### 加入購物車 product\_quantity

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

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

***

## 新增觸發條件

<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&#x26;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%2FSVIZoVOK2LWBNqWGQuXL%2Fimage.png?alt=media&#x26;token=4265f8f9-fb3e-4be4-9fd5-d73b90b148ed" alt=""><figcaption><p>加入購物車事件</p></figcaption></figure>

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

***

## 新增代碼

<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&#x26;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%2FfJ0p2jX6S9qxQs4XTTqG%2Fimage.png?alt=media&#x26;token=a5995a14-69f2-4f9b-b126-8c23c8f1b6b8" alt=""><figcaption><p>加入購物車追蹤代碼</p></figcaption></figure>

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

```javascript
<script>
if({{91app [add_to_cart] product_id}} !== undefined && {{91app [add_to_cart] product_id}} != ''){
	itg('event', 'product',{
	    'type':'add',
	    'id': {{91app [add_to_cart] product_id}},
	    'category': '',
	    'brand': '',
	    'tag': '',
	    'price': {{91app [add_to_cart] product_price}} * {{91app [add_to_cart] product_quantity}}
	});
}
</script>
```

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

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

#### 提醒

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