장바구니 이탈 예제

​

설정

​

1. 태그로 장바구니 활동 추적

• cart_update: 장바구니가 업데이트된 Unix 타임스탬프
• product_name: 개인화를 위한 사람이 읽을 수 있는 제품 이름
• product_image: 시각적 참여를 위한 제품 이미지의 직접 URL

let productName = "Name of the Product"; // Replace with the name of item
let productImageURL = "https://yoursiteurl.com/image-file.jpg"; // Replace with the url to the image

// Use this example method when user adds item to cart
async function addTagsUponCartUpdate(productName, productImageURL) {
await OneSignalDeferred.push(async function (OneSignal) {
let timestamp = Math.floor(Date.now() / 1000);
await OneSignal.User.addTags({
cart_update: timestamp,
product_name: productName,
product_image: productImageURL,
});
// Call getTags after adding tags
const tags = await OneSignal.User.getTags();
console.log(tags);
});
}

// Call the function, or attach to add to cart button
addTagsUponCartUpdate(productName, productImageURL);

//Removes the cart tags, call when user purchases or removes items from cart
async function removeCartTags() {
  await OneSignalDeferred.push(async function (OneSignal) {
    let timestamp = Math.floor(Date.now() / 1000);
    await OneSignal.User.addTags({
      cart_update: "",
      product_name: "",
      product_image: "",
    });
    // Call getTags after removing tags
    const tags = await OneSignal.User.getTags();
    console.log(tags);
  });
}

​

2. 장바구니 이탈 세그먼트 생성

• 마지막 세션 필터 사용
• 시간 연산자 사용

이 세그먼트에는 장바구니에 항목이 있고 1시간 이상 전에 사이트 또는 모바일 앱을 떠난 사용자가 포함됩니다. 사용자가 장바구니에 항목을 추가한 다음 앱이나 사이트를 떠나면 1시간 후에 이 세그먼트에 포함됩니다.

1. “사용자 태그” 필터를 선택합니다.
2. cart_update를 “exists”로 설정합니다.
3. “필터 추가”를 선택하여 “AND” 관계를 생성합니다.
4. “마지막 세션” 필터를 선택하고 “보다 큼” 1로 설정합니다.
5. “필터 추가”를 다시 선택하고 다른 “마지막 세션” 필터를 “보다 작음” 24로 설정합니다. (사용자는 24시간 후 세그먼트를 떠납니다).
6. 세그먼트 이름을 Abandoned Cart 1 Hour로 지정합니다(필수는 아니지만 기억하는 데 도움이 됩니다).

장바구니 이탈 세그먼트 예제

​

3. 장바구니 이탈 메시지 생성

1. 템플릿 이름 지정: Abandoned Cart 1 Hour 또는 세그먼트에 지정한 이름.
2. 제목을 추가합니다. 예: Hey Cool Cat 😸 !
3. 메시지를 추가합니다. 예: Your new {{product_name | default: "item"}} is waiting for you!

• 여기서 {{product_name | default: "item"}}은 해당 태그에 설정된 값으로 대체됩니다. 태그가 설정되지 않은 경우 “item”이 사용됩니다.

4. 이미지를 다음으로 설정합니다: {{product_image}}

• 여기서 {{product_image}}는 제품 이미지의 URL로 대체됩니다. 태그 값이 이미지에 대한 직접 링크가 아니면 표시되지 않습니다.

5. 실행 URL을 결제 페이지의 URL로 설정합니다.

• 여기서 결제 페이지가 사용자마다 고유한 경우 장바구니 페이지(고유하지 않은 경우)에 링크하거나 더 많은 태그 대체를 사용해야 합니다. 예를 들어 결제 페이지가 https://yoursite.com/username/checkout인 경우 https://yoursite.com/{{user_name}}/checkout을 사용하면 사용자 이름을 대체할 수 있도록 사용자를 user_name 태그로 태그해야 합니다.

장바구니 이탈 메시지 예제

6. 미리보기 아래에서 “테스트 메시지 보내기”를 클릭하여 모양을 테스트합니다!
7. 완료되면 하단의 “저장”을 누릅니다.

​

4. 장바구니 이탈 journey 설정

​

Journey 설정

1. Journey 이름 지정: Abandoned Cart 또는 이 Journey가 수행하는 작업을 인식할 수 있는 이름.
2. 진입 규칙: 세그먼트 Abandoned Cart 1 Hour 세그먼트를 포함합니다.
3. 종료 규칙: 사용자가 더 이상 대상 조건과 일치하지 않을 때 종료를 선택합니다.
4. 재진입 규칙: 예, 일정 시간 후를 선택하고 1 일로 설정합니다.

Journey 설정 예제

5. 저장을 누릅니다.

​

Journey 단계

1. 푸시 알림 메시지 단계를 추가하고 Abandoned Cart 1 Hour 템플릿을 선택한 다음 저장합니다.

Journey 단계 예제

2. 대기 단계를 추가하고 1 주를 선택한 다음 저장합니다.
3. 저장 및 닫기를 선택합니다.

​

5. 선택 사항: 장바구니 이탈 성능 추적 설정

//Example to get the price and total items in cart
// replace ".checkout-price-total" with the class name the element containing the cart's total price
const checkoutPriceTotal = document.querySelector(".checkout-price-total").innerText;
// optional replace ".checkout-items-total" with the class name the element containing the total items in cart to be purchased
const checkoutItemsTotal = document.querySelector(".checkout-items-total").innerText;
//Call this method in the click event for the final button to submit payment
function updateOSOnCartPurchase(checkoutPriceTotal, checkoutItemsTotal) {
  let purchasePriceTotal = parseFloat(checkoutPriceTotal);
  let purchasedItemCount = parseInt(checkoutItemsTotal);
  OneSignalDeferred.push(function (OneSignal) {
    OneSignal.sendOutcome("Purchase", purchasePriceTotal);
    OneSignal.sendOutcome("Purchased Item Count", purchasedItemCount);
  });
}
//example of adding this method to the "submit-payment" button
const submitPurchaseButton = document.querySelector(".submit-payment");
if (submitPurchaseButton) {
  submitPurchaseButton.addEventListener("click", () => {
    updateOSOnCartPurchase(checkoutPriceTotal, checkoutItemsTotal);
  });
}

• OneSignal.sendOutcome("Purchase", purchasePriceTotal); - OneSignal에 총 구매 금액을 보내고 특정 기간 내에 푸시를 클릭하거나 푸시를 받은(영향을 받은) 모든 고객이 구매한 모든 구매에 대한 해당 수익을 누적합니다.
• OneSignal.sendOutcome("Purchased Item Count", purchasedItemCount); - OneSignal에 푸시를 직접 클릭하여 구매하거나 푸시에 “영향을 받아” 구매한 고객과 연결된 구매한 총 항목 수를 보냅니다.