购物车放弃示例

​

概述

• 检测用户何时将商品添加到购物车
• 等待短暂的非活跃期
• 发送个性化提醒
• 在购买或移除购物车后立即停止消息发送

• 自定义事件(推荐用于大多数实现)
• 标签(更简单,适用于有限的使用场景)

​

您将构建什么

• 发送到 OneSignal 的购物车活动(通过标签或自定义事件)
• 代表拥有活跃放弃购物车用户的细分
• 一个 Journey,它可以:
  • 在检测到购物车活动时启动
  • 等待非活跃状态
  • 发送购物车放弃消息
  • 在购物车清空或购买时立即退出
• 用于衡量消息和收入表现的分析

​

标签与自定义事件

• 标签用于静态且不经常更改的用户属性
• 自定义事件用于实时场景、复杂细分和更复杂的旅程工作流

​

设置

​

步骤 1. 决定要使用的购物车数据

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

​

步骤 2. 确定您的数据源

• 应用程序或网站 → 使用 OneSignal 前端 SDK
• 后端或数据库 → 使用 OneSignal REST API
• 第三方平台或集成 → 通过集成使用自定义事件

​

步骤 3. 将购物车活动发送到 OneSignal

1. 购物车已更新 - 当添加商品时
2. 购物车已清空 - 当移除商品或完成结账时

// 将购物车商品添加到事件属性
OneSignal.User.trackEvent("cart_updated", {
  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"
});

// 将事件发送到 OneSignal
OneSignal.User.trackEvent("cart_emptied");

{
  "events": [
    {
      "name": "cart_updated",
      "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"
    }
  ]
}

{
  "events": [
    {
      "name": "cart_emptied",
      "external_id": "ID_OF_THE_USER"
    }
  ]
}

​

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

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

• 自定义事件:推送模板
• 标签:推送模板

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

复制

询问AI

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

• 标题: 嘿,酷猫 😸!
• 消息: 您在购物车中留下了 {{journey.event.cart_updated.properties.product_name | default: "商品"}}
• 图片: {{journey.event.cart_updated.properties.product_image | default: "https://i.imgur.com/ssPCfbC.png"}}
• 启动 URL: {{journey.event.cart_updated.properties.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

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

复制

询问AI

{{tag_key | default: "fallback_value"}}

• 标题: 嘿,酷猫 😸!
• 消息: 您在购物车中留下了 {{product_name | default: "商品"}}
• 图片: {{product_image | default: "https://i.imgur.com/ssPCfbC.png"}}
• 启动 URL: {{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

​

步骤 5. 创建购物车放弃细分

• 自定义事件:购物车放弃细分
• 标签:购物车放弃细分

选择自定义事件筛选器来跟踪 cart_updated 事件已执行``至少 1 次在``最近 24 小时内的用户

我们现在可以跟踪每 24 小时至少更新一次购物车的用户。自用户上次更新购物车后 24 小时过去后,用户将自动从细分中移除。

选择用户标签筛选器来跟踪 cart_updated 标签存在并且选择上次会话筛选器为少于 7 天前的用户

我们现在可以跟踪更新购物车并在最近 7 天内访问过应用程序或网站的用户。当满足以下任一条件时,用户将自动从细分中移除:

• 自上次访问应用程序/网站后已过去 7 天
• 当 cart_updated 标签被移除时

​

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

• Journeys
• Journey 设置

​

Journey 设置

• 选择受众细分
• 包含细分:购物车放弃 - cart_updated

• 自定义事件:退出规则
• 标签:退出规则

• 选择满足特定条件
• 勾选当自定义事件条件发生时退出
• 自定义事件名称:cart_emptied

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

• 执行 cart_emptied 事件(来自步骤 3)。
• 他们完成 Journey。

• 选择满足特定条件
• 勾选当用户不再匹配受众条件时退出

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

• 他们离开细分。
• 他们完成 Journey。

• 选择是,在一定时间后
• 将重新进入时间设置为 1 天

​

Journey 步骤

1. 给用户足够的时间清空购物车(进行购买或手动清空购物车)
2. 如果他们没有清空购物车,向他们发送消息提醒他们购物车中的商品

• 将等待时间设置为您想要的时长。我们建议将其设置为 1 小时,以便在他们仍有购买意向时向他们发送消息。

• 选择您在步骤 4 中创建的购物车放弃推送通知模板。

​

高级 Journey 设置

​

消息序列

1. 在 1 小时后发送第一条消息(在本指南中完成)。
2. 添加另一个 等待步骤 1 天,并发送第二条消息(自更新购物车后约 24 小时)。
3. 添加另一个 等待步骤 2 天,并发送第三条消息(自更新购物车后约 72 小时)。

1. 本指南展示了如何在第一个小时后发送推送通知消息。这用作有用的提醒,尝试在用户可能仍在线时捕获销售。
2. 考虑在第二条消息中同时使用推送和电子邮件。使用第二条消息突出显示好处和社会证明,并带有轻微的紧迫感以鼓励他们购买。
3. 对于序列的最后一条消息,使用电子邮件或可能是短信(取决于使用场景)作为”最后呼叫”。考虑使用折扣码或其他激励措施来鼓励他们购买。

​

备用消息

​

跟踪表现

​

使用 Outcomes 跟踪收入

// 示例:在结账时捕获总价和商品数量
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);
  });
}