Создание всплывающего окна только для мобильных устройств

Я использовал следующий инструмент для создания всплывающего окна на мой сайт: 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>

I need to have it display on mobile, so I was thinking of creating a separate popup. Так как намерение выхода не может контролироваться на мобильном телефоне, я хотел бы просто установить таймер и показать его через 45 секунд. Я попробовал пару вещей, и, кажется, ничего не работает. У кого-нибудь когда-нибудь было 2 отдельных всплывающих окон? (1 рабочий стол, 1 мобильный). Есть советы? Или еще лучше, кто-нибудь использовал этот инструмент и получил его для работы на мобильном телефоне?

Спасибо.

1 ответ

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

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

    У меня есть пустой init, поэтому он использовал мой другой html:

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

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

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

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