1shop 一頁購物 × Kufu Pixel 追蹤教學：購物車未結自動提醒，挽救每一筆流失訂單

Q: Kufu Pixel 會拖慢 1shop 銷售頁的載入速度嗎？

不會。Kufu Pixel 嵌入碼使用 async 非同步載入，腳本大小僅約 15KB（gzip 後），不會阻塞頁面渲染。實測對頁面載入時間的影響在 50ms 以內。

Q: 如果顧客沒有從 LINE 連結進來，Pixel 能識別身份嗎？

如果顧客直接輸入網址進入 1shop 銷售頁（沒有帶 kufu_uid 參數），Pixel 會以匿名 Cookie 記錄行為。當顧客後續在結帳時填寫 Email 或手機號碼，或透過 LINE Login 登入時，Kufu 會嘗試將匿名行為與已知顧客進行比對。

Q: 購物車未結提醒會不會太擾人？

Kufu 的提醒機制有多重保護： - 同一購物車只提醒一次，不會重複發送 - 可設定最低金額門檻，低價商品不觸發 - 可設定判定時間，給顧客足夠的考慮時間 - 如果顧客已完成結帳，系統不會發送提醒

你知道嗎？根據實務經驗，一頁式購物網站的購物車棄單率高達 60%～80%。顧客把商品加入購物車後，可能因為手機跳出通知、突然有事、或單純在猶豫，就離開了頁面。這些「差一步就成交」的訂單，如果沒有主動提醒，大多數不會回來。

好消息是，Kufu 酷服的 Pixel 追蹤系統可以幫你解決這個問題。只要在 1shop 銷售頁嵌入一段追蹤碼，Kufu 就能自動記錄訪客的購物行為，並在顧客將商品加入購物車卻未結帳時，透過 LINE 自動發送提醒訊息，把流失的訂單拉回來。

本文將教你如何在 1shop 一頁購物中整合 Kufu Pixel 追蹤系統，實現從行為追蹤到自動挽單的完整流程。

一、什麼是 Kufu Pixel 追蹤？

Pixel 追蹤的基本概念

Pixel 是一小段嵌入在網頁中的 JavaScript 程式碼，當訪客進入頁面、瀏覽商品、加入購物車或完成購買時，Pixel 會自動將這些行為事件發送到 Kufu 後台，讓你掌握每一位訪客的完整購物旅程。

Kufu Pixel 追蹤的三大核心功能

功能	說明	對 1shop 商家的價值
行為追蹤	記錄 PageView、ViewContent、AddToCart、Purchase 等事件	了解哪些商品最受歡迎、哪個環節流失最多
購物車未結提醒	顧客加入購物車但未結帳，自動透過 LINE 提醒	挽救 60%+ 的棄單，直接提升營收
歸因分析	追蹤從 LINE 推播 → 瀏覽 → 購買的完整漏斗	精確計算每次推播的投資報酬率

身份識別機制：如何知道「是誰」在瀏覽？

Kufu Pixel 使用三層身份識別策略，可以將網站訪客的行為自動關聯到 LINE 好友身份：

識別方式	觸發條件	說明
URL 參數	Kufu 推播連結帶 `?kufu_uid=LINE_UID`	用戶點擊 LINE 推播連結時自動帶入身份
LIFF 偵測	在 LINE 內部瀏覽器開啟	SDK 自動呼叫 LIFF 取得用戶身份
Email/Phone 比對	結帳時填寫聯絡資料	Kufu CRM 自動比對已知顧客

實際操作上，最常見的流程是：你在 Kufu 後台透過 LINE 推播一個帶有追蹤連結的促銷訊息 → 顧客點擊連結進入 1shop 銷售頁 → Pixel 自動識別出這位顧客的 LINE 身份 → 後續所有行為都與該 LINE 帳號關聯。

二、在 Kufu 後台建立 Pixel

步驟一：進入 Pixel 追蹤頁面

登入 Kufu 酷服後台
從左側選單中找到「Pixel 追蹤」
點擊進入 Pixel 追蹤管理頁面

步驟二：建立 Pixel

如果是第一次使用，頁面會顯示「開始追蹤網站訪客行為」的引導畫面。點擊「建立 Pixel」按鈕即可自動建立。

建立完成後，頁面會顯示：

Pixel ID：你的專屬追蹤識別碼
嵌入碼：需要貼到 1shop 銷售頁的 JavaScript 程式碼
允許網域：限制只接受來自指定網域的事件
購物車未結提醒：設定未結判定時間和最低金額門檻

步驟三：設定允許網域

在「允許網域」區塊中，新增你的 1shop 銷售頁網域：

如果使用 1shop 免費網域：填入 *.1shop-app.com（萬用字元匹配所有子網域）
如果使用自訂網域：填入你的自訂網域（例如 shop.yourbrand.com）

步驟四：設定購物車未結提醒

在「購物車未結提醒」區塊中：

未結判定時間：建議設為 30 分鐘（預設值）。顧客加入購物車後超過此時間未結帳，就會觸發提醒
最低金額門檻：建議設為 100 元以上。避免低金額商品頻繁觸發提醒，造成顧客困擾

步驟五：複製嵌入碼

複製產生的嵌入碼，格式如下：

<script>
(function(w,d){
  w.kfpx=w.kfpx||function(){(w.kfpx.q=w.kfpx.q||[]).push(arguments)};
  var e=d.createElement('script');e.async=1;e.src='https://www.kufu.tw/kufu-pixel.js';
  d.getElementsByTagName('head')[0].appendChild(e);
})(window,document);
kfpx('init','你的PIXEL_ID');
</script>

三、在 1shop 銷售頁嵌入 Kufu Pixel

1shop 銷售頁的「追蹤」設定支援插入自訂 HTML 程式碼，這正是我們放置 Kufu Pixel 嵌入碼的地方。

步驟一：進入銷售頁追蹤設定

登入 1shop 後台
進入目標銷售頁
點擊「追蹤」分頁

步驟二：貼上 Kufu Pixel 嵌入碼

在追蹤頁面的「銷售頁 Head 內」欄位中，貼上從 Kufu 後台複製的 Pixel 嵌入碼。

為什麼放在 Head 內？ Pixel 追蹤碼需要盡早載入，才能完整記錄訪客從進入頁面開始的所有行為。放在 <head> 內可以確保 Pixel 在頁面渲染前就開始運作。

步驟三：同步設定訂單頁追蹤

在同一個追蹤頁面的「訂單頁 Head 內」欄位中，也貼上相同的 Pixel 嵌入碼。這樣 Kufu 就能追蹤到顧客完成購買的事件。

步驟四：設定購物車事件追蹤（關鍵步驟）

1shop 追蹤頁面的「購物車事件」區塊提供了精細的事件追蹤入口。當特定購物行為發生時，1shop 會自動注入對應的 JavaScript 變數，你只需要在欄位中使用這些變數即可。

1shop 提供的自動變數

1shop 在觸發購物車事件時，會將以下變數注入到 JavaScript 作用域中。注意：雖然 1shop 文件標示 pageId 和 pageTitle 為「共用參數」，但實測發現這些變數並非在所有事件中都會注入，建議一律使用 typeof 檢查後再存取：

事件	1shop 自動注入的變數	說明
共用參數	`pageId`、`pageTitle`	銷售頁編號和標題（⚠️ 不一定在所有事件中可用）
AddToCart	`productTitle`、`productQty`、`value`、`currency`	產品名稱、數量、此次加入購物車的總金額、貨幣
InitiateCheckout	`value`、`currency`	訂單金額（不含金物流）、貨幣
Purchase	`value`、`currency`	訂單總金額、貨幣

變數對應關係

1shop 變數	→ Kufu Pixel 參數	備用值
`productTitle`	`items[].name`	`''`（空字串）
`productQty`	`items[].qty`	`1`
`value`	`items[].price` / `value`	⚠️ 必填，缺失則不送事件
`currency`	`currency`	`'TWD'`
`pageTitle`	`name`（ViewContent）	`document.title`
`pageId`	`order_id` 的一部分	`''`（空字串）
商品 ID（SKU）	`items[].id`	❌ 1shop 不提供，可省略

每個欄位填入的 JavaScript

重要：1shop 的購物車事件欄位只接受純 JavaScript 語法，不要貼 <script> HTML 標籤。以下程式碼直接複製貼上即可。

瀏覽頁面 PageView 欄位：

if (typeof kfpx !== 'undefined') {
  kfpx('track', 'PageView');
}

查看產品 ViewContent 欄位：

if (typeof kfpx !== 'undefined') {
  kfpx('track', 'ViewContent', {
    name: typeof pageTitle !== 'undefined' ? pageTitle : document.title
  });
}

1shop 的 pageTitle 變數不一定在所有事件中都會注入，因此使用 typeof 檢查並以 document.title 作為備用值。

加入購物車 AddToCart 欄位：

if (typeof kfpx !== 'undefined' && typeof value !== 'undefined') {
  kfpx('track', 'AddToCart', {
    items: [{
      name: typeof productTitle !== 'undefined' ? productTitle : '',
      qty: typeof productQty !== 'undefined' ? productQty : 1,
      price: value
    }]
  });
}

value 是金額欄位，缺失時不送事件以避免污染分析資料。productTitle、productQty 等非金額欄位可使用備用值。

開始結帳 InitiateCheckout 欄位（對應 Kufu 的 BeginCheckout）：

if (typeof kfpx !== 'undefined' && typeof value !== 'undefined') {
  kfpx('track', 'BeginCheckout', {
    value: value,
    currency: typeof currency !== 'undefined' ? currency : 'TWD'
  });
}

value 是訂單金額（不含金物流費用），金額缺失時不送事件以避免污染分析資料。currency 通常為 'TWD'。

訂單成立 Purchase 欄位：

if (typeof kfpx !== 'undefined' && typeof value !== 'undefined') {
  kfpx('track', 'Purchase', {
    order_id: (typeof pageId !== 'undefined' ? pageId : '') + '_' + Date.now(),
    value: value,
    currency: typeof currency !== 'undefined' ? currency : 'TWD'
  });
}

1shop 的 Purchase 事件不提供訂單編號，這裡用 pageId（銷售頁編號）加上時間戳組合成唯一識別碼。value 是訂單總金額，金額缺失時不送事件以避免污染分析資料。注意：Kufu 後端讀取的 key 是 order_id 和 value（非 orderId 和 total），SDK 會原樣傳送 data 物件。

安全檢查說明

每段程式碼都包含多層安全檢查：

1. Kufu SDK 檢查：if (typeof kfpx !== 'undefined') 確保 Kufu Pixel SDK 已載入。由於嵌入碼使用 async 非同步載入，購物車事件觸發時 SDK 可能尚未就緒。

2. 金額欄位必填檢查：AddToCart、BeginCheckout、Purchase 三個事件都加上 typeof value !== 'undefined' 檢查。當金額欄位缺失時，整個事件不會送出，避免金額為 0 或 undefined 的無效資料污染分析結果、錯誤觸發購物車未結提醒。

3. 非金額變數備用值：pageTitle、productTitle、productQty、currency 等非金額欄位使用 typeof 檢查並提供備用值。雖然 1shop 文件將 pageId 和 pageTitle 標示為「共用參數」，但實測發現這些變數只在特定事件的觸發路徑中注入，並非所有事件都可用。加上 typeof 檢查和備用值可以避免 ReferenceError，確保追蹤碼不會影響 1shop 頁面正常運作。

步驟五：儲存並測試

點擊「儲存」
前往銷售頁前台
按 F12 開啟瀏覽器開發者工具
在 Network 分頁中篩選 pixel，確認事件有正確發送

🐝 想讓 1shop 棄單率降低 30%？

Kufu Pixel 追蹤搭配購物車未結 LINE 提醒，讓每一位「差一步就成交」的顧客都能收到即時提醒，把流失訂單拉回來。

✅ 無須信用卡　✅ 14 天免費試用　✅ 隨時可取消

👉 立即免費開始使用

四、購物車未結提醒的完整流程

這是 Kufu Pixel 最實用的功能。當你的 1shop 銷售頁嵌入 Pixel 後，購物車未結提醒的流程如下：

自動挽單流程

1. 顧客從 LINE 推播點擊連結進入 1shop 銷售頁
   → Pixel 自動識別 LINE 身份（透過 URL 參數 kufu_uid）

2. 顧客瀏覽商品、加入購物車
   → Pixel 發送 AddToCart 事件到 Kufu 後台

3. 顧客離開頁面，未完成結帳
   → Kufu 系統開始倒數計時（預設 30 分鐘）

4. 超過設定時間，顧客仍未結帳
   → Kufu 自動觸發「購物車未結提醒」
   → 透過 LINE 發送提醒訊息給顧客

5. 顧客收到 LINE 提醒，點擊連結回到 1shop
   → 完成結帳 → Pixel 發送 Purchase 事件
   → Kufu 記錄完整的轉換歸因

購物車未結提醒的設定建議

設定項目	建議值	原因
未結判定時間	30 分鐘	太短容易打擾正在猶豫的顧客，太長則容易被遺忘
最低金額門檻	NT$ 200	低價商品的提醒 ROI 較低，聚焦在有價值的訂單
提醒訊息內容	包含商品名稱和限時優惠	個人化內容開信率更高

五、搭配 Kufu 推播實現精準導流

Kufu Pixel 的身份識別能力，讓你的 LINE 推播從「盲目群發」升級為「可追蹤的精準行銷」。

推播帶追蹤連結的做法

當你在 Kufu 後台發送 LINE 推播訊息時，將 1shop 銷售頁的連結替換為 Kufu 追蹤連結：

原始連結：

https://你的商店.1shop-app.com/銷售頁

帶追蹤參數的連結：

https://你的商店.1shop-app.com/銷售頁?kufu_uid={{LINE_UID}}

Kufu 推播系統會自動將 {{LINE_UID}} 替換為每位接收者的 LINE userId。當顧客點擊連結後，Pixel 就能自動識別身份，後續所有行為都會與該 LINE 帳號關聯。

完整的歸因追蹤漏斗

設定完成後，你可以在 Kufu 後台的「歸因分析」頁面看到完整的轉換漏斗：

LINE 推播（1,000 人）
    ↓ 30% 點擊
  瀏覽銷售頁（300 人）
    ↓ 40% 瀏覽商品
  查看商品（120 人）
    ↓ 50% 加入購物車
  加入購物車（60 人）
    ↓ 25% 直接結帳 + 15% 提醒後結帳
  完成購買（24 人）

這讓你清楚知道每次 LINE 推播帶來多少營收，而不是只看「已讀率」或「點擊數」這些表面數據。

六、Kufu Pixel 支援的全部事件類型

標準追蹤事件

事件	呼叫方式	說明
瀏覽商品	`kfpx('track', 'ViewContent', { id, name, price })`	訪客查看商品詳情
加入購物車	`kfpx('track', 'AddToCart', { items: [...] })`	訪客將商品加入購物車
移除商品	`kfpx('track', 'RemoveFromCart', { items: [...] })`	訪客從購物車移除商品
開始結帳	`kfpx('track', 'BeginCheckout', { value, items })`	訪客開始結帳流程
完成購買	`kfpx('track', 'Purchase', { order_id, value })`	訂單成立
搜尋	`kfpx('track', 'Search', { query })`	訪客搜尋商品
加入願望清單	`kfpx('track', 'WishlistAdd', { id, name, price })`	訪客收藏商品

自動觸發事件

事件	觸發條件	說明
PageView	頁面載入	Pixel 初始化後自動觸發
EXTENDED_BROWSE	同分類停留超過 3 分鐘	判斷高意圖訪客

身份配對

kfpx('identify', {
  uid: 'LINE_USER_ID',      // LINE userId
  email: 'user@example.com', // Email
  phone: '+886912345678',    // 手機號碼
  name: '王小明',            // 姓名
  customAttributes: {        // 自訂屬性
    vip_level: 'gold',
    total_orders: 5
  }
})

身份配對可以在顧客結帳填寫資料時呼叫，讓 Kufu CRM 自動將訪客行為與已知顧客關聯。

七、1shop + Kufu Pixel + 匿名聊天三合一整合

如果你已經按照前一篇教學在 1shop 嵌入了 Kufu 匿名聊天 widget，再加上 Pixel 追蹤，你的 1shop 銷售頁就擁有了三層智能客服能力：

功能	嵌入位置	用途
Kufu Pixel	銷售頁 Head 內 + 購物車事件欄位	追蹤行為、購物車未結提醒
Kufu 匿名聊天	銷售頁 Body 最下方	即時客服、售前諮詢
LINE 客服按鈕	銷售頁設定 > 客服	售後服務、長期經營

三者搭配 1shop 的 tag 標籤追蹤功能，形成完整的全通路客服與行銷閉環。

常見問題

Kufu Pixel 會拖慢 1shop 銷售頁的載入速度嗎？

不會。Kufu Pixel 嵌入碼使用 async 非同步載入，腳本大小僅約 15KB（gzip 後），不會阻塞頁面渲染。實測對頁面載入時間的影響在 50ms 以內。

如果顧客沒有從 LINE 連結進來，Pixel 能識別身份嗎？

如果顧客直接輸入網址進入 1shop 銷售頁（沒有帶 kufu_uid 參數），Pixel 會以匿名 Cookie 記錄行為。當顧客後續在結帳時填寫 Email 或手機號碼，或透過 LINE Login 登入時，Kufu 會嘗試將匿名行為與已知顧客進行比對。

購物車未結提醒會不會太擾人？

Kufu 的提醒機制有多重保護：

同一購物車只提醒一次，不會重複發送
可設定最低金額門檻，低價商品不觸發
可設定判定時間，給顧客足夠的考慮時間
如果顧客已完成結帳，系統不會發送提醒

Pixel 追蹤會影響顧客隱私嗎？

Kufu Pixel 僅追蹤購物行為（瀏覽、加購、購買），不會收集敏感個人資訊。所有資料傳輸使用 HTTPS 加密，並遵循台灣個資法規範。建議在你的網站隱私權政策中說明行為追蹤的用途。

可以同時在多個 1shop 銷售頁嵌入同一個 Pixel 嗎？

可以。同一個 Pixel ID 可以嵌入在所有 1shop 銷售頁中，所有事件都會匯集到同一個 Kufu 後台。你可以在歸因分析中看到每個銷售頁的表現。

1shop 的 GTM 支援可以用來嵌入 Pixel 嗎？

可以。如果你已經在 1shop 啟用了 Google Tag Manager，可以在 GTM 中建立一個「自訂 HTML」代碼，將 Kufu Pixel 嵌入碼貼入即可。這種方式的好處是可以在 GTM 中統一管理所有追蹤碼。

結語

Kufu Pixel 追蹤系統解決了 1shop 一頁購物商家最頭痛的問題：加了購物車卻沒結帳的顧客，再也不會就此消失。

透過本文的設定，你的 1shop 銷售頁將具備：

完整行為追蹤：從瀏覽、加購到購買，每個環節都有數據
自動挽單機制：購物車未結帳時，LINE 自動提醒顧客回來完成購買
精準推播歸因：清楚知道每次 LINE 推播帶來多少實際營收
身份自動識別：透過 URL 參數、LIFF、Email 三層比對，將網站訪客與 LINE 好友自動關聯

搭配前兩篇教學中的智能客服 Widget 和 LINE Login 身份綁定，你的 1shop 電商就擁有了完整的「追蹤 → 識別 → 客服 → 挽單 → 再行銷」全鏈路能力。

🐝 立即體驗 Kufu Pixel 追蹤 × 購物車未結提醒

只要在 1shop 銷售頁貼上一段追蹤碼，就能自動識別 LINE 好友、追蹤購物行為、在棄單時自動 LINE 提醒。把流失的營收拉回來。

✅ 無須信用卡　✅ 14 天免費試用　✅ 隨時可取消

👉 立即免費開始使用