购物车放弃教程

​

概述

• 检测购物车活动
• 等待一段短暂的非活跃期
• 发送个性化提醒
• 在购买或清空购物车后立即停止消息发送

• 自定义事件（推荐用于大多数实现）
• 标签（更简单，适用场景有限）

​

您将构建的内容

• 发送到 OneSignal 的购物车活动（通过标签或自定义事件）
• 一个清晰的、代码定义的放弃信号
• 个性化购物车数据的消息模板
• 一个 Journey，它可以：
  • 在收到放弃信号时启动
  • 在发送前等待
  • 发送购物车放弃消息
  • 在购物车被清空或完成购买时立即退出
• 用于衡量消息和收入表现的分析

​

选择您的跟踪方法

• 使用自定义事件，如果您：
  • 可以在一段非活跃期后检测到放弃
  • 需要丰富的购物车数据（商品、图片、价格）
  • 能够确保事件每次放弃只触发一次
• 使用标签，如果您：
  • 希望默认具有基于状态的安全性
  • 只需要简单的购物车数据
  • 偏好通过细分控制进入和退出

​

购物车放弃的建模方式

• 在一段有意义的非活跃期之后（例如 1 小时）
• 仅在购物车中仍有商品时

​

Journeys 如何使用放弃信号

• 用户将有资格进入 Journey
• 等待期给他们时间自然返回
• 仅在他们未退出时才发送消息
• 当收到 cart_emptied 时，用户立即退出

​

设置

​

步骤 1. 规划您的购物车数据和来源

• 产品名称、图片、价格和数量
• 购物车中的商品数量
• 返回购物车的深度链接

​

步骤 2. 向 OneSignal 发送购物车状态信号

OneSignal.User.trackEvent("cart_abandoned", {
  product_name: "24 Pack of Acorns",
  product_image: "https://i.imgur.com/ssPCfbC.png",
  product_price: 12.99,
  product_quantity: 1,
  cart_url: "https://yourdomain.com/cart"
});

OneSignal.User.addTags({
  cart_updated: unix_timestamp_seconds,
  product_name: "24 Pack of Acorns",
  product_image: "https://i.imgur.com/ssPCfbC.png",
  product_price: "$12.99",
  product_quantity: "1",
  cart_url: "https://yourdomain.com/username/cart"
})

{
  "events": [
    {
      "name": "cart_abandoned",
      "properties": {
        "product_name": "24 Pack of Acorns",
        "product_image": "https://i.imgur.com/ssPCfbC.png",
        "product_price": "$12.99",
        "product_quantity": "1",
        "cart_url": "https://yourdomain.com/username/cart"
      },
      "external_id": "ID_OF_THE_USER"
    }
  ]
}

{
  "properties": {
    "tags": {
      "cart_updated": "unix_timestamp_seconds",
      "product_name": "24 Pack of Acorns",
      "product_image": "https://i.imgur.com/ssPCfbC.png",
      "product_price": "$12.99",
      "product_quantity": "1",
      "cart_url": "https://yourdomain.com/username/cart"
    }
  }
}

​

步骤 3. 创建购物车放弃消息模板

• Liquid 语法
• 消息个性化
• 模板

• 自定义事件推送模板
• Tag 推送模板

使用 Liquid 语法格式引用事件属性：

Liquid

复制

询问AI

{{journey.event.name.properties.property_name | default: "fallback_value"}}

消息：

Liquid

复制

询问AI

You left {{journey.event.cart_abandoned.properties.product_name | default: "items"}} in your cart.

图片：

Liquid

复制

询问AI

{{journey.event.cart_abandoned.properties.product_image | default: "https://i.imgur.com/ssPCfbC.png"}}

启动 URL：

Liquid

复制

询问AI

{{journey.event.cart_abandoned.properties.cart_url | default: "https://yourdomain.com/cart"}}

如果 product_image 不是直接的、公开可访问的图片 URL，图片将不会显示。如果您的 product_image 是在线可用的图片文件名称，您可以使用以下格式引用图片： https://yourdomain.com/images/{{journey.event.cart_abandoned.properties.product_image | default: "stock_image"}}.png

使用 Liquid 语法格式引用标签属性：

Liquid

复制

询问AI

{{tag_key | default: "fallback_value"}}

消息：

Liquid

复制

询问AI

You left {{product_name | default: "items"}} in your cart.

图片：

Liquid

复制

询问AI

{{product_image | default: "https://i.imgur.com/ssPCfbC.png"}}

启动 URL：

Liquid

复制

询问AI

{{cart_url | default: "https://yourdomain.com/cart"}}

如果 product_image 不是直接的、公开可访问的图片 URL，图片将不会显示。如果您的 product_image 是在线可用的图片文件名称，您可以使用以下格式引用图片： https://yourdomain.com/images/{{journey.event.cart_updated.properties.product_image | default: "stock_image"}}.png

​

步骤 4. 创建购物车放弃细分（仅限标签）

​

步骤 5. 创建购物车放弃 Journey

​

Journey 设置

• 自定义事件: 进入规则
• 标签: 进入规则

• 选择 Custom Event
• Custom Event Name:cart_abandoned

每次发送 cart_abandoned 事件时，用户都会进入 Journey。仅在有意义的非活跃期之后发送此事件。

• 选择 Audience Segment
• Include Segment: Abandoned Cart - cart_updated

• 自定义事件: 退出规则
• Tag: Exit Rules

• 选择 Meet a certain condition
• 勾选 Exit when custom event condition occurs
• Custom Event Name：cart_emptied

用户将在以下任一情况下退出 Journey：

• 执行了 cart_emptied 事件（来自步骤 3）。
• 完成了 Journey。

• 选择 Meet a certain condition
• 勾选 Exit when a user no longer matches the audience conditions

用户将在以下任一情况下退出 Journey：

• 离开细分。
• 完成了 Journey。

• 选择 Yes, after a certain amount of time
• 将重新进入时间设置为 1 day

​

Journey 步骤

1. 给用户足够的时间来清空购物车（进行购买或手动清空购物车）
2. 如果他们没有清空购物车，向他们发送一条关于购物车中商品的提醒消息

• 将等待时间设置为您想要的时长。我们建议设置为 1 hour，这样您可以在他们仍有购买意向时发送消息。

• 选择您在步骤 4 中创建的 Abandoned Cart 推送通知模板。

​

高级 Journey 设置

​

消息序列

1. 在 1 小时后发送第一条消息（在本指南中已完成）。
2. 添加另一个 Wait 步骤等待 1 天，然后发送第二条消息（自更新购物车起约 24 小时）。
3. 添加另一个 Wait 步骤等待 2 天，然后发送第三条消息（自更新购物车起约 72 小时）。

1. 本指南展示了如何在第一个小时后发送推送通知消息。这用作一个有用的提醒，在用户可能仍在线时尝试促成销售。
2. 考虑在第二条消息中同时使用推送和邮件。使用第二条消息来突出好处和社会认同，配合适度的紧迫感来鼓励他们购买。
3. 对于序列中的最后一条消息，使用邮件或短信（取决于使用场景）作为”最后通知”。考虑使用折扣码或其他激励措施来鼓励他们购买。

​

备用消息

​

跟踪表现

​

使用 Outcomes 跟踪收入

// Example: capture total price and item count at checkout
const checkoutPriceTotal = document.querySelector(".checkout-price-total").innerText;
const checkoutItemsTotal = document.querySelector(".checkout-items-total").innerText;

function updateOSOnCartPurchase(checkoutPriceTotal, checkoutItemsTotal) {
  const purchasePriceTotal = parseFloat(checkoutPriceTotal);
  const purchasedItemCount = parseInt(checkoutItemsTotal);

  OneSignalDeferred.push(function (OneSignal) {
    OneSignal.Session.sendOutcome("Purchase", purchasePriceTotal);
    OneSignal.Session.sendOutcome("Purchased Item Count", purchasedItemCount);
  });
}

const submitPurchaseButton = document.querySelector(".submit-payment");
if (submitPurchaseButton) {
  submitPurchaseButton.addEventListener("click", () => {
    updateOSOnCartPurchase(checkoutPriceTotal, checkoutItemsTotal);
  });
}