一、電商平臺(tái)插件快速集成
適合使用 Shopify、Magento、WooCommerce、PrestaShop、BigCommerce 等主流電商平臺(tái)的用戶。
- 登錄 Criteo Commerce Growth 控制面板，點(diǎn)擊 Assets > Events Tracking
- 選擇所在電商平臺(tái)，按照頁(yè)面提示完成 OneTag 和商品目錄插件的安裝。
- 插件自動(dòng)將 pixel 部署至所有頁(yè)面，無(wú)需手動(dòng)編碼。
注意：部分國(guó)家/地區(qū)要求用戶同意 cookie 才能觸發(fā)像素，需額外處理用戶隱私授權(quán)
二、通過(guò) Google Tag Manager（GTM）管理部署
適用于使用 GTM 的開(kāi)發(fā)環(huán)境，無(wú)需改動(dòng)頁(yè)面源碼。
- 在 GTM 中新增變量（如 partnerID、siteType、email、productIDs 等）。
- 創(chuàng)建觸發(fā)器（如 DOM Ready、頁(yè)面類型匹配等）。
- 使用 Criteo 提供的 GTM 模板，配置標(biāo)簽類型為 OneTag，傳入變量。
- 預(yù)覽并調(diào)試通過(guò)后發(fā)布，GTM 自動(dòng)注入 OneTag。
三、手動(dòng)在網(wǎng)頁(yè)源碼中插入（適合開(kāi)發(fā)者）
適合自行管理源碼的團(tuán)隊(duì)，靈活配置事件追蹤。
1. 在 <head>標(biāo)簽中添加異步加載腳本：
<script src="http://static.criteo.net/js/ld/ld.js" async></script>
2. 在 <head>間插入以下 JavaScript 代碼：
window.criteo_q = window.criteo_q || [];
var deviceType = /iPad/.test(navigator.userAgent) ? 't' :
/Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent)
? 'm' : 'd';
window.criteo_q.push(
{ event: "setAccount", account: YOUR_ACCOUNT_ID },
{ event: "setSiteType", type: deviceType },
{ event: "viewHome" } // 可按需替換為 viewItem/viewBasket/trackTransaction 等
);
在商品頁(yè)用viewItem并傳入item數(shù)組；
加入購(gòu)物車用viewBasket；
交易完成用trackTransaction并傳遞訂單號(hào)、商品列表、價(jià)格等。
3. 發(fā)布上線后
使用瀏覽器 DevTools 或 GTM preview 工具檢測(cè)觸發(fā)是否正常。
四、OneTag 性能與隱私保障機(jī)制
- 異步加載，不影響頁(yè)面體驗(yàn)，平均響應(yīng)不超過(guò) 25ms。
- 智能緩存與帶寬檢測(cè)：根據(jù)設(shè)備與網(wǎng)絡(luò)條件調(diào)整請(qǐng)求數(shù)量 。
- 嵌套 iFrame & HTTP?GZIP 壓縮調(diào)用：確保用戶體驗(yàn)與隱私安全。
? 推薦部署流程概覽
- 確定部署方式（插件 / GTM / 手動(dòng)）
- 獲取 Criteo Account ID
- 插件安裝或代碼配置
- 使用 viewHome, viewItem, addToCart, trackTransaction等事件定義追蹤
- 發(fā)布并驗(yàn)證：通過(guò) GTM 預(yù)覽或開(kāi)發(fā)者工具檢查請(qǐng)求是否正確發(fā)送
五、優(yōu)化建議
搭配隱私策略處理 cookie 同意；
數(shù)據(jù)層變量命名清晰，一目了然；
商城快速迭代版本建議優(yōu)先使用 GTM 管理；
運(yùn)行環(huán)境復(fù)雜時(shí)考慮動(dòng)態(tài)或子域代理 OneTag 引入。
