- App Web Pixels
- Custom Web Pixels
App Web Pixels
Custom Web Pixels
- 准备第三方 JavaScript SDK
- 使用 web pixels 设置转化追踪
- 连接你的自定义像素
1. 准备第三方 JavaScript SDK
<script> 标签加载的 JavaScript,都应改为通过纯 JavaScript 的方式加载。
此过程的更多细节见这里。
以 Google Tag Manager 为例
原始像素代码:
<script> 标签后:
2. 使用 web pixels 设置转化追踪
checkout_completed 事件。此事件会在购后页面触发(如果向客户展示了购后页面),否则在感谢页触发。无论哪种情况,此事件都只触发一次,因此无需额外逻辑来避免重复统计购买。
event 中获取哪些数据点。
Shopify checkout_completed 事件
自定义 Meta 像素示例
结账完成时触发的追踪代码:
3. 连接你的自定义像素
theme.liquid、checkout.liquid(仅限 Plus 商家)以及结账设置中的 Additional scripts。
完成后,按照以下步骤将自定义像素连接到你的商店。
-
前往 Settings > Customer Events > Custom Pixels > Add Custom Pixel
- 为你的自定义像素输入一个名称。
- 将你的自定义像素代码粘贴到”Code”部分。
- 确保客户隐私设置已正确配置。
- 在你的自定义像素上点击”Save”。
- 点击”Connect”让你的自定义像素上线!