網站用戶行為追蹤
注意,此文件只適用於工程師,如閣下並非工程師,請把這文件交給工程師以安裝到網站。

使用入門

使用前,請先根據 「安裝對話插件」,把Omnichat 的 Javascript 插件安裝到你的官網。
安裝插件後,可以透過以下方法啓動網站行為追蹤。
將以下 Javascript 代碼方置到網站所有頁面 </body> 之前:
1
<script type="text/javascript">
2
// OMNICHAT TRACKER V1.0
3
window.omnichatTracker = window.omnichatTracker || [];
4
window.omnichatTracker.push(['init', 'config', {
5
"memberId": "<LOGGED-IN-MEMBER-ID>",
6
"memberEmail": "<LOGGED-IN-MEMBER-EMAIL>",
7
"memberPhone": "<LOGGED-IN-MEMBER-PHONE-NUMBER>",
8
"memberName": "<LOGGED-IN-MEMBER-NAME>",
9
"memberProfilePic": "<LOGGED-IN-MEMBER-PROFILE-PICTURE-URL>"
10
}]);
11
</script>
Copied!
啓動網站行為追蹤時,你可以選擇提交會員姓名、會員編號、電郵或電話,資料會在後台顯示,有利於查找對應的會員。
  • 取代 <LOGGED-IN-MEMBER-ID> 為網站上已登入會員的編號。如果是訪客或沒有相關資料,可以漏空。
  • 取代 <LOGGED-IN-MEMBER-EMAIL> 為網站上已登入會員的電郵。如果是訪客或沒有相關資料,可以漏空。
  • 取代 <LOGGED-IN-MEMBER-PHONE-NUMBER> 為網站上已登入會員的電話號碼。如果是訪客或沒有相關資料,可以漏空。
  • 取代 <LOGGED-IN-MEMBER-NAME> 為網站上已登入會員的姓名。如果是訪客或沒有相關資料,可以漏空。
  • 取代 <LOGGED-IN-MEMBER-PROFILE-PICTURE> 為網站上已登入會員的大頭貼網址。如果是訪客或沒有相關資料,可以漏空。

電子商務追蹤

介紹

透過我們的 Javascript 插件,你可以追蹤到你的訪客及會員的電子商務行為,並可以在 OmniChat 的後台查閱報表及針對用戶行為設定行銷訊息。

商品數據

在傳送與商品相關的事件(加入購物車、結帳等)時,可以傳送以下的參數:
參數
類型
必須提供
說明
id
string
商品的唯一編號/SKU
name
string
商品名稱
brand
string
商品的品牌
category
string
商品類別
variant
string
商品款式
quantity
integer
商品數量
price
number
商品單價

訂單數據

在傳送與訂單相關的事件(購買完成)時,可以傳送以下的參數:
參數
類型
必須提供
說明
transaction_id
string
訂單編號
amount
number
訂單總額
currency
string
訂單結帳貨幣單位

追蹤查看商品頁

要追蹤查看商品頁的次數,請發送以下 view_product 的事件:
1
window.omnichatTracker.push(['event','view_product', {
2
"id": "P12345",
3
"name": "Android Warhol T-Shirt",
4
"brand": "Google",
5
"category": "Apparel/T-Shirts",
6
"variant": "Black",
7
"price": '2.0'
8
}]);
Copied!

追蹤加入購物車

要追蹤加入購物車的行為,請發送以下 add_to_cart 的事件:
1
window.omnichatTracker.push(['event','add_to_cart', {
2
"items": [
3
{
4
"id": "P12345",
5
"name": "A Black T-Shirt",
6
"brand": "Brand B",
7
"category": "Apparel/T-Shirts",
8
"variant": "Black",
9
"quantity": 2,
10
"price": '2.0'
11
}
12
]
13
}]);
Copied!

追蹤從購物車移除商品

要追蹤從購物車移除商品的行為,請發送以下 remove_from_cart 的事件:
1
window.omnichatTracker.push(['event','remove_from_cart', {
2
"items": [
3
{
4
"id": "P12345",
5
"name": "A Black T-Shirt",
6
"brand": "Brand B",
7
"category": "Apparel/T-Shirts",
8
"variant": "Black",
9
"quantity": 1,
10
"price": '2.0'
11
}
12
]
13
}]);
Copied!

追蹤結帳情況

要追蹤結帳情況的行為,請發送以下 checkout 的事件:
1
window.omnichatTracker.push(['event','checkout', {
2
"items": [
3
{
4
"id": "P12345",
5
"name": "A Black T-Shirt",
6
"brand": "Brand B",
7
"category": "Apparel/T-Shirts",
8
"variant": "Black",
9
"quantity": 1,
10
"price": '2.0'
11
},
12
{
13
"id": "P67890",
14
"name": "A Red T-Shirts",
15
"brand": "Brand A",
16
"category": "Apparel/T-Shirts",
17
"variant": "Red",
18
"quantity": 2,
19
"price": '3.0'
20
}
21
]
22
}]);
Copied!

追蹤購買完成

要追蹤購買完成的行為,請發送以下 purchase 的事件:
1
window.omnichatTracker.push(['event','purchase', {
2
"transaction_id": "ORDER123456",
3
"amount": "7.0",
4
"currency": "TWD",
5
"items": [
6
{
7
"id": "P12345",
8
"name": "A Black T-Shirt",
9
"brand": "Brand B",
10
"category": "Apparel/T-Shirts",
11
"variant": "Black",
12
"quantity": 1,
13
"price": '2.0'
14
},
15
{
16
"id": "P67890",
17
"name": "A Red T-Shirts",
18
"brand": "Brand A",
19
"category": "Apparel/T-Shirts",
20
"variant": "Red",
21
"quantity": 2,
22
"price": '3.0'
23
}
24
]
25
}]);
Copied!
Last modified 8mo ago