モバイル専用ポップアップを作成する

Question

次のツールを使用して自分のサイトのポップアップを作成しました：http://beeker.io/exit-intent-popup-script-tutorialデスクトップには表示されますが、モバイルには表示されません。ユーザーがページを離れたいときにポップアップを表示するのが目的です。

<script type="text/javascript" src="/files/bioep"></script> 
<script type="text/javascript"> 
    bioEp.init({ 
    height: 165, 
    html: "<div id='exit_pop'><h2>Find Out What Makes the CE&nbsp;Pro&nbsp;100 So Successful</h2><span>Download our free research report</span><a class='btn btn-lg btn-danger' href='https://ehpub.clickfunnels.com/optin8877854' target='_blank' onClick='ga('send', 'event', 'exit pop', 'click', 'CE Pro 100');' role='button'>Download My Copy</a></div>", 
    css: "#exit_pop {text-align:center;} #exit_pop h2 {font-size: 18pt; margin: 10px;} #exit_pop span {margin: 0 0 20px 0; display: block;}", 
    cookieExp: 1 
}); 
</script> 

モバイルで表示する必要があるため、別のポップアップを作成することを考えていました。出口の意図はモバイルでは監視できないため、タイマーを設定して45秒後に表示させたいと思います。私はいくつかのことを試しましたが、何も動作していないようです。誰も2つの別々のポップアップを持っていましたか？ （1台のデスクトップ、1台のモバイル）。任意のヒント？それとも、誰もこのツールを使ってモバイルで動かせるようになったのですか？

ありがとうございました。

Answer 1

私は同じ終了意図スクリプトを使用

...私は、これは数ヶ月古いです知っているが、それはので、ここでの検索に思い付いたが、私は何をすべきかです。私はajax呼び出しを介してページにhtmlとcssをロードし、他のものに干渉しないように接頭辞cssを付けます。

それは私の他のhtmlを使用して、私は空白のinitを持っている：

bioEp.init({ 
html: '', 
css: '' 
}); 

デバイスはとても頭の中に次を追加し、モバイルと場合であれば、私は確認してください。

window.onbeforeunload = function() { 
bioEp.showPopup(); 
return "Are you sure you want to leave?"; 
} 

の場合ユーザーが戻るボタンを押すか、ページをリロードすると、ポップアップがダイアログと一緒に表示され、ページから離れるかどうかを確認します。残念なことに、ダイアログはあなたが付ける必要があります - それなしでそれを行う方法はありません。