Building popup только для мобильных телефонов

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

Я знаю, что это лишь несколько месяцев, но он пришел в поисках так вот, что я делаю ...

Я использую тот же выходной пристальный сценарий. Я загружаю html и css на страницу через вызов ajax и префикс css, чтобы не мешать чему-либо еще.

У меня есть пустой инициализации, так что используется другой мой HTML:

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

Затем я проверяю, если устройство является мобильным, и если да добавить следующее в голову:

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

Если пользователь нажимает кнопку «Назад» или перегружает страницу, всплывающие окна вместе с диалоговым окном спрашивают, хотят ли они покинуть страницу. К сожалению, диалог - это то, с чем вам приходится мириться - без него без него.