【教學】PicSee KOL廣告 追蹤代碼安裝教學
PicSee轉換追蹤碼(Conversion Tracking Code)提供PicSee廣告的使用者在透過PicSee廣告導向到使用者所擁有的網站時，可以在網站中追蹤進一步掌握廣告帶來的獲益。
本追蹤碼類似於Google分析或Facebook像素，廣告使用者需要將本追蹤碼加入到您網站的HTML中，另外也可以使用GTM等代碼管理工具對追蹤碼進行統一管理。以下分三部分教學：
安裝追蹤碼
在安裝前須先聯繫PicSee客服取得追蹤碼ID，並將下方程式碼中「{tracking-id}」連大括號一起代換成您的追蹤碼ID：
<script>!function(e,s,n,t,p,c,i){e._pse||(e._pse=function(){_psa.push(arguments)},e._psa=[],(c=s.createElement(n)).async=!0,c.src="https://connect.picsee.io/js-sdk/psevents.js?v=1.0",(i=s.getElementsByTagName(n)[0]).parentNode.insertBefore(c,i))}(window,document,"script"),_pse("init","{tracking-id}");</script>接著將此程式碼安裝在您網站的</head>標籤前，使網頁 head區域程式碼變成如下：
<head>
<title>謝謝購買！</title>
<script>!function(e,s,n,t,p,c,i){e._pse||(e._pse=function(){_psa.push(arguments)},e._psa=[],(c=s.createElement(n)).async=!0,c.src="https://connect.picsee.io/js-sdk/psevents.js?v=1.0",(i=s.getElementsByTagName(n)[0]).parentNode.insertBefore(c,i))}(window,document,"script"),_pse("init","{tracking-id}");</script>
</head>您也可以使用GTM等代碼管理工具在網站中載入。
加入事件
由於追蹤碼目前屬於測試階段，僅提供9種事件，列舉如下：
- 開始試用（StartTrial）
- 訂閱（Subscribe）
- 提交表單（SubmitApplication）
- 完成註冊（CompleteRegistration）
- 加入願望清單（AddToWishlist）
- 加入購物車（AddToCart）
- 開始結帳（InitateCheckout）
- 購買（Purchase）
- 捐贈（Donate）
您可以根據您的需求在需要進行事件追蹤的地方使用JavaScript傳送事件，例如您想要追蹤「購買」事件，就可以在「謝謝購買」的頁面原始碼 </head> 標籤前加入下方追蹤碼（也可以使用GTM加入），因此網頁的head部分可能變成如下：
<head>
<title>謝謝購買！</title>
<script>!function(e,s,n,t,p,c,i){e._pse||(e._pse=function(){_psa.push(arguments)},e._psa=[],(c=s.createElement(n)).async=!0,c.src="https://connect.picsee.io/js-sdk/psevents.js?v=1.0",(i=s.getElementsByTagName(n)[0]).parentNode.insertBefore(c,i))}(window,document,"script"),_pse("init","{tracking-id}");</script>
<script>
_pse('track', 'Purchase');
</script>
</head>注意：要加入追蹤事件的頁面也一定要先安裝追蹤碼，因此上方程式碼也含有加入追蹤碼的部分
另外，如果您熟悉JavaScript語法，也可以透過您頁面中的JavaScript程式觸發追蹤事件，例如您想追蹤「加入購物車」事件，就可以修改購物車按鈕程式碼，在裡面加上事件，如下範例：
<button onclick="_pse('track', 'AddToCart');">加入購物車</button>或在您的函數中加入：
function setCart(let pid){
...do something...
_pse('track', 'AddToCart');
}檢視成效
PicSee的廣告後台已經整合了追蹤碼功能，考慮追蹤碼為較進階的功能，因此追蹤碼的成效目前只能用匯出CSV來檢視。您可以在廣告頁面右上角點選使用者名稱，登入廣告後台。
在登入後台後的每一則廣告畫面下方有「匯出」按鈕，點選即會將最新的CSV檔案下載到電腦中，可以使用純文字或Excel軟體檢視。
匯出的檔案會根據追蹤碼觸發事件的順序排列，參考如下範例，可以看到此檔廣告在1/1時「AddToCart」事件有10個人，而「Purchase」事件有3個人，就可以觀察出消費漏斗的變化。
