Shopline Pixel 安装指南

本指南将帮助您在 Shopline 店铺中集成 MKQ Pixel，通过"多平台 Pixel 安装助手"实现全站用户行为追踪，包括浏览、加购、下单等关键事件。

步骤 1：安装 Pixel 应用

1. 登录您的 Shopline 后台管理界面
2. 点击左侧菜单 "应用" → 前往 应用市场
3. 搜索 "多平台 Pixel 安装助手"
4. 点击 "授权并安装"
5. 打开插件后，点击 "添加 Pixel" 开始代码配置

📸 示例图：

步骤 2：添加基础 Pixel 代码

1. 在基础代码区域粘贴以下代码
2. 将 MKQ_PIXEL_ID 替换为您专属的 Pixel ID
3. 参考截图，保存配置

⚠️ 重要：请将代码中的 MKQ_PIXEL_ID 替换为您专属的 Pixel ID

<!-- mkq pixel code -->
<script>
  !function(w,o,s,r,p,k,e){
    if(w.mkq) return;
    p = w.mkq = function(){ p.invokeFunc ? p.invokeFunc.apply(p, arguments) : p.qu.push(arguments) };
    if(!w._mkq) w._mkq = p;
    p.push = p; p.qu = [];
    k = o.createElement(s); k.async = true; k.src = r;
    e = o.getElementsByTagName(s)[0]; e.parentNode.insertBefore(k, e);
  }(window, document, "script", "//pixeltrack.clientgear.com/mkq.min.js");

  mkq('init', 'MKQ_PIXEL_ID');
</script>

📸 示例图：

步骤 3：添加行为事件追踪

点击 "添加事件" 按钮，为各类用户行为配置追踪代码：

📸 添加事件位置： 📸 事件类型列表：

1. PageView（页面浏览）

用途：追踪用户页面访问行为

<script>
  mkq('track', 'PageView');
</script>

📸 配置示例：

2. Home（首页浏览）

用途：追踪用户访问首页行为

<script>
  mkq('track', 'Home');
</script>

📸 配置示例：

3. AddToCart（添加到购物车）

用途：追踪用户添加商品到购物车行为

<script>
  mkq('track', 'AddToCart', {
    value: '',
    currency: '',
    content_name: '',
    content_ids: ''
  });
</script>

📸 配置示例：

4. InitiateCheckout（开始结算）

用途：追踪用户开始结账流程行为

<script>
  mkq('track', 'InitiateCheckout', {
    value: '',
    currency: '',
    content_ids: '',
    content_name: '',
    quantity: '',
    total_price: '',
    price: ''
  });
</script>

📸 配置示例：

5. Purchase（支付成功）

用途：追踪用户完成购买行为

<script>
  mkq('track', 'Purchase', {
    value: '',
    currency: '',
    order_id: window?.Shopline?.Checkout?.order_id || '',
    content_ids: '',
    content_type: '',
    content_name: '',
    num_items: ''
  });
</script>

📸 配置示例：

6. ViewContent（浏览商品详情）

用途：追踪用户查看商品详情页行为

<script>
  mkq('track', 'ViewContent', {
    value: '',
    currency: '',
    content_name: '',
    content_ids: '',
    content_category: '',
    quantity: ''
  });
</script>

📸 配置示例：

7. Search（搜索行为）

用途：追踪用户搜索行为

<script>
  mkq('track', 'Search', {
    search_string: ''
  });
</script>

📸 配置示例：

步骤 4：完成安装

在所有代码配置完成后，点击 "下一步" → "完成" 即可。

📸 安装完成示意图：

Shopline Feed 生成

步骤 1：找到 Smart Feed 工具

在应用中找到 Smart Feed 工具：

📸 操作示意图：

步骤 2：生成 Feed 链接

1. 创建后点击 "生成链接"
2. 等待生成完成
3. 获得 Feed 链接

📸 操作示意图：

⚠️ 注意：需要等待解析完成后，链接才能正常解析出商品数据