logo

ページを閉じようとした時に表示

Kaizen Popup Showcase

ウインドウのどこかを一度クリックしてフォーカスを当ててから、「閉じる」ボタンを押してみてください。ダイアログで「キャンセル」を選ぶとポップアップが表示されます。

(注意:ページを閉じようとした時だけではなく、他のページに遷移したり、画面を更新しようとしたときにも反応します。)

設定方法

  1. 「画面内配信トリガー」で「画面を表示した直後に配信」を選択

  2. 「エクスペリエンススクリプト」に次のコードを設定

    return new Promise(function(resolve, reject) {
      var handler = function(e) {
        var confirmationMessage = 'ページを閉じてもよいですか?';
        setTimeout(function() {
          setTimeout(function() {
            resolve();
            window.removeEventListener('beforeunload', handler);
          }, 100);
        }, 1);
        e.returnValue = confirmationMessage; // Gecko, Trident, Chrome 34+
        return confirmationMessage; // Gecko, WebKit, Chrome <34
      }
      $(function() {
        window.addEventListener('beforeunload', handler);
      });
    });