logo

戻るボタンを押したときに表示

Kaizen Popup Showcase

ブラウザの「戻る」ボタンを押してみてください。

設定方法

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

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

    return new Promise(function(resolve, reject) {
      var resolved = false
      var initialHistoryState = null
      var newHistoryState = 'kzPopup'
      var loadHandler = function() {
        initialHistoryState = JSON.stringify(history.state)
        if (history.state !== newHistoryState) {
          history.pushState(newHistoryState, null, null);
        }
      }
      var popStateHandler = function() {
        if (JSON.stringify(history.state) === initialHistoryState) {
          if (!resolved) {
            resolve();
            resolved = true
          } else {
            history.back()
          }
        }
      }
      $(function() {
        window.addEventListener('load', loadHandler);
        window.addEventListener('popstate', popStateHandler);
      });
    });