장바구니 이탈 튜토리얼

​

개요

• 장바구니 활동 감지
• 짧은 비활성 기간 대기
• 개인화된 리마인더 전송
• 구매 또는 장바구니 제거 후 즉시 메시지 전송 중단

• Custom Events (대부분의 구현에 권장)
• Tags (더 간단하고 제한적인 사용 사례)

​

구축할 내용

• OneSignal로 전송되는 장바구니 활동 (Tags 또는 Custom Events를 통해)
• 명확한 코드 정의 이탈 신호
• 장바구니 데이터를 개인화하는 메시지 템플릿
• 다음을 수행하는 Journey:
  • 이탈 신호가 수신되면 시작
  • 전송 전 대기
  • 장바구니 이탈 메시지 전송
  • 장바구니가 비워지거나 구매되면 즉시 종료
• 메시지 및 수익 성과를 측정하는 Analytics

​

추적 방법 선택

• Custom Events 사용 조건:
  • 비활성 기간 후 이탈을 감지할 수 있는 경우
  • 풍부한 장바구니 데이터(항목, 이미지, 가격)를 원하는 경우
  • 이벤트가 이탈당 한 번만 발생하도록 보장할 수 있는 경우
• Tags 사용 조건:
  • 기본적으로 상태 기반 안전성을 원하는 경우
  • 간단한 장바구니 데이터만 필요한 경우
  • 세그먼트 제어 입장 및 퇴장을 선호하는 경우

​

장바구니 이탈 모델링 방식

• 의미 있는 비활성 기간 후 (예: 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 구문
• 메시지 개인화
• 템플릿

• Custom Event 푸시 템플릿
• 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단계. 장바구니 이탈 세그먼트 생성 (Tags만 해당)

​

5단계. 장바구니 이탈 Journey 생성

​

Journey 설정

• Custom Event: 진입 규칙
• Tag: 진입 규칙

• Custom Event 선택
• Custom Event 이름: cart_abandoned

사용자는 cart_abandoned 이벤트가 전송될 때마다 Journey에 진입합니다. 의미 있는 비활성 기간 후에만 이 이벤트를 전송하세요.

• Audience Segment 선택
• 세그먼트 포함: Abandoned Cart - cart_updated

• Custom Event: 퇴장 규칙
• Tag: 퇴장 규칙

• Meet a certain condition 선택
• Exit when custom event condition occurs 체크
• Custom Event 이름: 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. 1일 동안 또 다른 Wait 단계를 추가하고 두 번째 메시지 전송 (장바구니 업데이트 후 ~24시간).
3. 2일 동안 또 다른 Wait 단계를 추가하고 세 번째 메시지 전송 (장바구니 업데이트 후 ~72시간).

1. 이 가이드는 첫 시간 후 푸시 알림 메시지를 보내는 방법을 보여줍니다. 이것은 사용자가 아직 온라인일 때 판매를 잡기 위한 유용한 리마인더로 사용됩니다.
2. 2번째 메시지에는 푸시와 이메일을 모두 사용하는 것을 고려하세요. 이 두 번째 메시지를 사용하여 혜택과 사회적 증거를 가벼운 긴급함과 함께 강조하여 구매를 유도하세요.
3. 시퀀스의 마지막 메시지에는 이메일 또는 SMS(사용 사례에 따라)를 “마지막 기회”로 사용하세요. 할인 코드나 기타 인센티브를 사용하여 구매를 유도하는 것을 고려하세요.

​

폴백 메시지

​

성과 추적

​

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);
  });
}