いつもPtengineをご利用いただきありがとうございます!
期間限定や当日限定の受付を訴求する際、「本日の受付は◯時◯分まで」といったメッセージはユーザーの行動を促す強力な手段です。
Ptengineのポップアップ機能にカウントダウンタイマーを組み合わせることで、この「限定感」を毎日自動でリセットしながら訴求できます。
この記事では、毎日自動でリセットされるカウントダウンタイマー付きポップアップの設置方法を、分かりやすくご紹介します。
なぜ「毎日自動リセット型カウントダウンタイマー」が効果的なのか?
- 毎日リセットされることで「今日だけ」の限定感を維持
- ユーザーの緊急性や購買意欲を高めやすい
- 受付終了後の誤表示リスクを低減できる
ECサイト、キャンペーンLP、予約ページ、セミナー受付ページなど、さまざまなシーンで有効です。
設置手順
Step1:カウントダウンタイマー用カスタムコードの追加
- Ptengineのポップアップ編集画面を開きます。
- 画面右上の「ポップアップをコード編集」をクリックします。
- 「JavaScript」タブを選択し、下記のコードを貼り付け、保存します。
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);
});
このコードにより、カウントダウンタイマーは毎日23:59:59を自動的に終了時刻として設定します。
Step2:キャンペーン終了日の設定
ポップアップのカウントダウン設定画面で、必ず未来の日付をキャンペーン終了日として設定してください。
※タイマーの内部処理上、過去日付では正しく動作しませんのでご注意ください。
まとめ
Ptengineのユーザーは、上記の手順を実践するだけで、「本日の受付は◯時◯分まで」と毎日自動で締切時刻をリセットするカウントダウンタイマーポップアップを簡単に設置できます。
この機能は、期間限定キャンペーンや当日受付などのシーンで「今すぐ行動」を促し、CVR(コンバージョン率)向上に大きく貢献します。
ご不明な点やカスタマイズのご要望は、Ptengineサポートまでお気軽にご相談ください。