2018年1月16日(火)よりサポートサイトはhttps://support2.karte.ioへ移行しました。

かご落ち商品のポップアップ通知を実施する

かご落ち商品のポップアップ通知を実施できるテンプレートを利用することにより、ショッピングカートに投入中の商品をポップアップでお知らせすることができます。長期間サイトを離脱しているユーザーの再来訪時に表示することで商品のリマインドが可能になります。

はじめる前に


以下の準備が事前に必要になります。

カートページにタグ設置
(itemsの各key毎の値を配列で送っていただく必要があります。各keyの名称はサンプルと同様のものにしてください。)

  • カートで取得すべき情報は以下(item_image_urlやitem_urlが商品IDを入れ替えるだけの構成になっていれば、カートで取得しなくても指定は可能)
    • item_id
    • name
    • price
    • quantity
    • item_url
    • item_image_url
      ※item_idとquantityはこの施策には使用しませんが、今後別の施策で利用できるため一緒に取得しておくことをおすすめします。

 

【カートページのタグサンプル】

<script type="text/javascript">
try{
// 実際のアイテム数に応じて、全てのアイテム情報を出力してください var items = [{ item_id: '001', name: 'XXXXXXXXXXXXX', price: 3132, quantity: 1, item_url:XXXXXXXXXX, item_image_url:XXXXXXXXX
}, { item_id: '002', name: 'XXXXXXXXXXXXX', price: 6372, quantity: 1, item_url:XXXXXXXXXX, item_image_url:XXXXXXXXX
}]; // itemsの各key毎の値の配列を生成 var item_ids = items.map( function(item) { return item.item_id; }); //配列指定 var item_names = items.map( function(item) { return item.name; }); //配列指定 var item_prices = items.map( function(item) { return item.price; }); //配列指定 var item_quantities = items.map( function(item) { return item.quantity; }); //配列指定 var item_urls= items.map( function(item) { return item.item_url; }); //配列指定 var item_image_urls = items.map( function(item) { return item.item_image_url; }); //配列指定 tracker.track("cart", { price: 9504, quantity: 2, status: true, item_ids: item_ids, //配列指定 item_names: item_names, //配列指定 item_prices: item_prices, //配列指定 item_quantities: item_quantities, //配列指定 item_urls: item_urls, //配列指定 item_image_urls: item_image_urls, //配列指定 items: items }); }catch(e){ if('tracker' in window){ tracker.track('_error',{ message: e.message }); } } </script>

利用の手順


以下の設定手順に従い接客サービスの設定を行います。

  1. セグメントの作成
  2. 接客サービスの設定
  3. 参考

 

1. セグメントの作成


以下のセグメントを予め作成してください。今回は20分以上行動履歴がないユーザーに対して表示する設定となります。サイト内で20分以上行動していないユーザーが行動を再開した時、離脱して20分以上経過しているユーザーが再来訪した時に表示されます。

  •  カートに商品あり
  • 20分間行動履歴なし

 

 2. 接客サービスの設定


以下の手順に従って設定を進めてください。

1. ストアより「カート落ちユーザー対策!再来訪時にカート商品をリマインド」という接客シナリオを選択します。

   

 

さっそく利用してみる」をクリックすると接客サービス一覧にインストールされます。

 

2. 接客サービス一覧にある該当のサービスの「編集する」をクリックします。

 

3. テンプレート編集画面でテキストやサイズ、色などの編集を行ってください。

フッター設定フォルダの中の「フッターリンク」の設定は各社異なりますので設定してください。

__________2017-10-04_18.30.01.png

 

4. 「カスタマイズ」よりHTML、CSS、Scriptを編集することでより細かいデザインの調整ができます。

__________2017-10-04_18.33.11.png

5.「ユーザー情報の埋込み」が以下の設定になっていることを確認し、異なっている場合は下図のように設定してください。

  

6. 必要に応じて対象ユーザーや配信ページ、A/Bテストの設定をしてください。

__________2017-10-04_18.19.41.png

__________2017-10-04_18.22.06.png

7. 公開してください。設定は以上となります。

 

3. 参考


  • コンバージョンタグが設置されていることが前提の説明になります。コンバージョンタグの設置がまだの場合は、コンバージョンタグの設置(購入情報の計測)をご覧の上ご対応ください。
    • また購入が発生した時に、カート内を空にする必要があります。コンバージョンタグの下に以下のタグを設置するようにしてください。
      <script type="text/javascript">
      try{
      tracker.track("cart", {
      status: false,
      price: 0
      });
      }catch(e){
      if('tracker' in window){
      tracker.track('_error',{
      message: e.message
      });
      }
      }
      </script>
  • カート内で商品を部分的に削除した時やカート内の商品をすべて削除した時も正しくカートイベントが発生し、内容が反映されているかご確認ください。内容が正確に反映されていない場合は、正しくかご落ち商品のポップアップ通知が配信できない可能性があります。

 設定にあたりご質問等御座いましたら、お気軽にサポートチームへお問い合わせください。