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