LPからの離脱時にポップアップ表示機能を導入する

やりたいこと

広告や他社に出稿してるページから弊社の企業ページにランディングした時、
「戻る」というアクションをした時に離脱防止をするためのポップアップを表示させたい
PC・SPでもどちらでも動いて欲しい

前提

jQuery を1.9 以上に上げること

内容

<script type="text/javascript">
 $(function(){
   jQuery(document).ready(function(){
     (function(b) {
       var c = function() {
         this.initialize();
       };
       c.prototype = {
         initialize: function() {
           history.replaceState("beforeunload", null, null);
           history.pushState(null, null, null);
           b(window).on("popstate", b.proxy(this.popstate, this));
         },
         popstate: function(b) {
           if (b.originalEvent.state === "beforeunload") {
             viewBackGuide();
           }
         },
       };
       new c();
     })(jQuery);
     function viewBackGuide() {
       $('#backGuide').show();
     }
   });
 });
</script>
<div id="backGuide">
  <p>離脱防止の文言を入力する</p>
</div>

React とかで書いても良さげ

結果

計測指数	数値
ページへの全体流入数	3,842
そのページを見た人のCV数	51
ポップアップのクリック数	102
ポップアップ経由のCV数	15

考察

CV数の約　1/3 がポップアップを経由している
ポップアップを表示することで、ランディングしてきたユーザーによりよい提案が出来ているのではないかと考えている