> 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/sou-xun-zhui-zong/fan-li-easystore-sou-xun.md).

# 範例：Easystore 搜尋

## 新增變數

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

### 搜尋關鍵字

<figure><img src="/files/298JGAOHy0gbN212xk5N" alt=""><figcaption><p>搜尋關鍵字變數</p></figcaption></figure>

* 變數名稱：easystore \[search\_term]
* 變數類型：資料層變數
* 資料層變數名稱：eventModel.search\_term
* 按下「儲存」

***

## 新增觸發條件

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

<figure><img src="/files/FSkfUptvlC9L66bssRPc" alt=""><figcaption><p>搜尋結果事件</p></figcaption></figure>

* 觸發名稱：easystore\[search]
* 觸發條件類型：自訂事件
* 事件名稱：view\_search\_results
* 按下「儲存」

***

## 新增代碼

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

<figure><img src="/files/9ZiB8h1HdbzCG6uQAtxS" alt=""><figcaption><p>搜尋追蹤碼</p></figcaption></figure>

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

```javascript
<script>
var keywords 	= {{easystore [search_term]}};
  
if(keywords !== undefined && keywords != ''){
	setTimeout(function() {
        console.log('itg');
		itg('event', 'action',{
		    'type':   "search",             
		    'category': '',
		    'label': keywords,
		    'value': 0                    
		});
	}, 800);
}
</script>
```

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

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

#### 提醒

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