僅為移動設備構建彈出窗口

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秒后顯示它。 我嘗試了幾件事，但似乎沒有任何效果。 有沒有人有兩個單獨的彈出窗口？ （1個台式機，1個移動設備）。 有小費嗎？ 甚至更好的是，有人使用過此工具並將其用於移動設備嗎？

謝謝。

Answer 1

我知道這已經幾個月了，但是它是在搜索中找到的，所以這就是我的工作...

我使用相同的退出意圖腳本。 我通過ajax調用將html和css加載到頁面中，並為css加上前綴，以免干擾其他內容。

我有一個空白的初始化，所以它使用了我的其他html：

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

然后，我檢查設備是否為移動設備，如果是，則將以下內容添加到頭部：

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

如果用戶單擊后退按鈕或去重新加載頁面，則會顯示彈出窗口以及對話框，詢問他們是否要離開頁面。 不幸的是，對話框是您必須忍受的東西-沒有它就無法做到。