【離脱防止】毎日自動リセットのカウントダウンタイマーポップアップの設置方法

提案
#1

オンライン上での購入・申し込みの意思決定は、一瞬の迷いによって中断・離脱されることが少なくありません。

こうした「あと一歩」のユーザーの背中を押すために有効なのがカウントダウンタイマーポップアップとなります！

「本日の受付は◯時◯分まで」と表示される毎日自動でリセットされる”カウントダウンタイマーポップアップ の導入をお勧めします！

Step1：コードの追加

まず、対象のポップアップ編集画面にて以下の手順を行ってください。

  1. ポップアップ編集画面の右上にある 「ポップアップをコード編集」 をクリック
  2. 表示されたエディタの JavaScript タブを開く
  3. 以下のコードを貼り付けて保存します

function getTodayEndDateString() {
const now = new Date();
const endDate = new Date(
now.getFullYear(),
now.getMonth(),
now.getDate(),
23, 59, 59
);
return endDate.toString();
}
ptKit.query("[data-menu-action=‘insert.count_down’]", {
timeout: 60000,
interval: 200
}).then(function(element) {
const endDateStr = getTodayEndDateString();
console.log(endDateStr)
element.setAttribute(“data–count-down-end-date”, endDateStr);
});

Step2：キャンペーン終了日を設定

次に、ポップアップのカウントダウン設定にて対象キャンペーンの終了日を設定してください。

  • 終了日には、必ず未来の日付をご設定ください → タイマーの内部処理上、過去日付では正しく動作しません

以上の設定により、ポップアップのタイマーは毎日自動でリセットされるようになります

どうぞご活用いただけますと幸いでございます:relaxed: