スクリプトを設置する

Update: 2026/7/22

関連ページ：リマインダー配信メッセージを作成する／リマインダー配信条件の設定

スクリプトの設置が必要な配信

以下の場合は、スクリプトから配信予約をする必要があります。

リマインダーの予約方法で「任意のタイミングで予約」を選択する場合
メッセージ内容に差し込みテキストを使用する場合

リマインダーの予約方法で「任意のタイミングで予約」を選択すると、スクリプトで配信予約しないと配信されることはありません。
配信内容の確認画面のスクリプトのサンプルを参考に、サイトへ設置してください。

スクリプトの概要

配信予約するスクリプト

// 通常時
window.coins2b.setReminder("sample-reminder");

// 差し込みテキストを使用する場合
window.coins2b.setReminder("sample-reminder", {
  placeholderText: {"キー名": "差し替えるテキスト"},
  placeholderLargeImageUrl: "差し替える大画像URL"
});

指定したリマインダーIDの配信予約をします。
以下の場合は予約されません。
- 予約後に、まだ管理画面で設定した「解除するページ」にアクセスされていない（または解除スクリプトが呼ばれていない）場合
- 既に管理画面で設定した「除外するページ」にアクセスしている場合
- 現在のURLが管理画面で設定した「解除するページ」にもマッチしてしまう場合
- 指定したリマインダーIDの配信状況が「配信中」でない場合

配信解除するスクリプト

window.coins2b.unsetReminder("sample-reminder");

指定したリマインダーIDの配信予約を解除します。
この解除するスクリプトを実行後、再度予約するスクリプトを実行した場合は 再度予約されます
特定のURLで解除するだけの場合は、スクリプトでなく管理画面の「解除するページ」にURLを設定するだけでも解除できます。
以下の場合は解除されません。
- 指定したリマインダーIDの配信状況が「配信中」でない場合

スクリプトの設定例

リマインダー配信を予約するページに、配信予約するスクリプトを設置してください。
スクリプトは ブラウザプッシュタグ(pushone.js)の後に読み込まれる位置 に設置してください。

配信予約するスクリプト例 (setReminder)

例1: 予約ページの読み込み時に配信予約する場合

<script src="https://cdn.webpush.jp/js/pushone.js" ・・・ data-reminder="on"></script>
<script>
// reminder_id(sample-reminder)はサイトの設定に合わせて適宜変更してください。
window.coins2b.setReminder("sample-reminder");
</script>

例2: ボタンクリック時に配信予約する場合

<script src="https://cdn.webpush.jp/js/pushone.js" ・・・ data-reminder="on"></script>
<script>
// reminder_id(sample-reminder), buttonIdはサイトの設定に合わせて適宜変更してください。
document.addEventListener('DOMContentLoaded', function () {
  document.getElementById('buttonId').addEventListener('click', function () {
    window.coins2b.setReminder("sample-reminder");
  });
});
</script>

例3: 予約ページに10秒滞在したユーザーにだけ配信予約する場合

<script src="https://cdn.webpush.jp/js/pushone.js" ・・・ data-reminder="on"></script>
<script>
// reminder_id(sample-reminder), 秒数(10000ms)はサイトの設定に合わせて適宜変更してください。
setTimeout(function () {
  window.coins2b.setReminder("sample-reminder");
}, 10000);
</script>

例4: 特定の要素が存在する場合にのみ配信予約する場合

<script>
// reminder_id(sample-reminder), targetIdはサイトの設定に合わせて適宜変更してください。
document.addEventListener('DOMContentLoaded', function () {
  if (document.getElementById('targetId')) {
    window.coins2b.setReminder("sample-reminder");
  }
});
</script>

例5: 差し込みテキストを使用する場合

<script src="https://cdn.webpush.jp/js/pushone.js" ・・・ data-reminder="on"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
  // 設定値はサイト内の他要素から取得するなど、サイトの設定に合わせて適宜変更してください。
  var productName = "ミネラルウォーター";
  var productImage = "https://example.com/images/water.png";

  // reminder_id(sample-reminder)はサイトの設定に合わせて適宜変更してください。
  window.coins2b.setReminder("sample-reminder", {
    placeholderText: {"商品": productName},
    placeholderLargeImageUrl: productImage
  });
});
</script>

配信解除するスクリプト例 (unsetReminder)

例1: 解除ページ読み込み時に配信解除する場合

特定のURLで解除するだけの場合は、スクリプトでなく配信条件の設定＞「リマインダー配信を解除するページ」にURLを設定するだけでも解除できます。

<script src="https://cdn.webpush.jp/js/pushone.js" ・・・ data-reminder="on"></script>
<script>
// reminder_id(sample-reminder)はサイトの設定に合わせて適宜変更してください。
window.coins2b.unsetReminder("sample-reminder");
</script>

例2: ボタンクリック時に配信解除する場合

<script src="https://cdn.webpush.jp/js/pushone.js" ・・・ data-reminder="on"></script>
<script>
// reminder_id(sample-reminder), buttonIdはサイトの設定に合わせて適宜変更してください。
document.addEventListener('DOMContentLoaded', function () {
  document.getElementById('buttonId').addEventListener('click', function () {
    window.coins2b.unsetReminder("sample-reminder");
  });
});
</script>

PUSH ONE SDK for JavaScript Reference

リファレンスは JavaScript SDK のリファレンスをご参照ください。

リマインダー配信条件の設定に戻る