장바구니 이탈 튜토리얼

​

개요

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

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

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

• 사용자가 Journey에 진입할 자격이 됩니다
• 대기 기간이 자연스럽게 돌아올 시간을 줍니다
• 퇴장하지 않는 경우에만 메시지가 전송됩니다
• 장바구니가 비워지면 사용자가 즉시 퇴장합니다

​

설정

​

1단계. 장바구니 데이터와 소스 계획

• 제품명, 이미지, 가격, 수량
• 장바구니 내 항목 수
• 장바구니로 돌아가는 딥 링크

​

2단계. 장바구니 활동을 OneSignal로 전송

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/cart"
});

{
  "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"
    }
  ]
}

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

{
  "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

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

메시지:

Liquid

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

이미지:

Liquid

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

실행 URL:

Liquid

{{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 구문 형식을 사용하여 태그 속성을 참조합니다:

Liquid

{{tag_key | default: "fallback_value"}}

메시지:

Liquid

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

이미지:

Liquid

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

실행 URL:

Liquid

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

product_image가 직접적이고 공개적으로 접근 가능한 이미지 URL이 아니면 이미지가 표시되지 않습니다.product_image가 온라인에서 사용 가능한 이미지 파일의 이름인 경우, 다음 형식을 사용하여 이미지를 참조할 수 있습니다: https://yourdomain.com/images/{{product_image | default: "stock_image"}}.png

​

4단계. 장바구니 이탈 세그먼트 생성 (Tags만 해당)

1. User Tag — cart_updated exists
2. Last Session — less than 7 days ago

​

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

​

Journey 설정

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

• Custom Event 선택
• Custom Event 이름: cart_updated
• 속성으로 필터링: 다음 모든 속성: product_name exists

Custom Events를 사용하면 개별 사용자가 Journey에 여러 번 진입할 수 있습니다.특정 속성이 존재할 때만 사용자가 진입하도록 속성을 사용하여 필터링하세요.

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

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

사용자는 장바구니를 비우거나 Journey를 완료하면 Journey에서 퇴장해야 합니다.

• Meet a certain condition 선택
• Exit when custom event condition occurs 체크
• Custom Event 이름: cart_updated

이 구성은 진입 및 퇴장 규칙 모두에 동일한 Custom Event 이름(cart_updated)을 사용합니다.이를 통해 사용자는 한 번에 하나의 Journey 인스턴스에만 있을 수 있습니다. 장바구니를 업데이트할 때마다 해당 사용자 인스턴스가 퇴장하고 동일한 사용자의 새 인스턴스가 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로 설정하는 것을 권장합니다.

• 3단계에서 생성한 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);
  });
}

​

자주 묻는 질문

​

장바구니 추적에 Custom Events와 Tags 중 무엇을 사용해야 하나요?

​

첫 번째 리마인더를 보내기 전에 얼마나 기다려야 하나요?

​

Journey 중 사용자가 장바구니를 업데이트하면 어떻게 되나요?