カート放棄の例

​

セットアップ

​

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を「存在する」に設定します
3. 「フィルターを追加」を選択して「AND」関係を作成します。
4. 「最終セッション」フィルターを選択し、「より大きい」を1に設定します。
5. 「フィルターを追加」を再度選択し、別の「最終セッション」フィルターを「より小さい」を24に設定します。（ユーザーは24時間後にセグメントから離れます）。
6. セグメントにカート放棄1時間という名前を付けます（必須ではありませんが、覚えやすいです）。

カート放棄セグメントの例

​

3. カート放棄メッセージを作成する

1. テンプレートに名前を付けます：カート放棄1時間またはセグメントに付けた名前。
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の場合、user_nameタグでユーザーにタグを付ける必要があります。そうすれば、https://yoursite.com/{{user_name}}/checkoutを使用する場合にユーザー名を置き換えることができます。

カート放棄メッセージの例

6. プレビューの下にある「テストメッセージを送信」をクリックして、外観をテストしてください！
7. 完了したら、下部の「保存」を押します。

​

4. カート放棄ジャーニーをセットアップする

​

Journeyの設定

1. Journeyに名前を付けます：カート放棄またはこのJourneyが何をするかを認識できるもの。
2. エントリルール：セグメントカート放棄1時間セグメントを含めます。
3. 退出ルール：ユーザーがオーディエンス条件に一致しなくなったときに退出をチェックします。
4. 再エントリルール：はい、一定時間後を選択し、1日に設定します。

Journeyの設定例

5. 保存を押します。

​

Journeyのステップ

1. プッシュ通知メッセージステップを追加し、カート放棄1時間テンプレートを選択して保存します。

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に、プッシュを直接クリックして購入した、またはプッシュに「影響を受けて」購入した顧客に関連付けられた購入アイテムの合計数を送信します。