Показывать попул только при первом посещении

Question

У меня есть этот код на моем веб-сайте, который отображает всплывающее окно со ссылкой, но я хотел бы показывать его только для новых посетителей. Может кто-то мне помочь, пожалуйста? Я буду очень благодарен!

window.onload = function() {
    var ABT_closeButton = document.getElementById('ABT_close_button');
    var ABT_float_ads_main_Wrap = document.getElementById('ABT_float_ads_main_Wrap');

    myVar = setTimeout(function() {
        ABT_float_ads_main_Wrap.style.display = 'block';
    }, 1000);

    ABT_closeButton.onclick = function() {
        document.getElementById('ABT_float_ads_main_Wrap').style.display = 'none';
    }
}

- Береника

Answer 1

Что вы можете сделать, это сохранить флаг в localStorage , чтобы отразить, что пользователь уже видел всплывающее окно.

window.onload = function() {
    function showPopup() {
        var ABT_closeButton;
        var ABT_float_ads_main_Wrap;

        if (localStorage.getItem('popup')) {
             return;
        }

        ABT_closeButton = document.getElementById('ABT_close_button');
 = document.getElementById('ABT_float_ads_main_Wrap');
        ABT_float_ads_main_Wrap = document.getElementById('ABT_float_ads_main_Wrap');

        ABT_float_ads_main_Wrap.style.display = 'block';
        ABT_closeButton.onclick = function() {
            ABT_float_ads_main_Wrap.style.display = 'none';
        }

        localStorage.setItem('popup', 'shown');
    }

    myVar = setTimeout(showPopup, 1000);
}

Answer 2

Самый простой способ достичь этого - сохранить событие навигации пользователя в файлах cookie. Я имею в виду, когда пользователь переходит на эту страницу, вы просто сохраняете некоторую ценность в куки. Вам также необходимо проверить, сохранено ли значение, и если оно истинно, не отображать всплывающее окно. Вы также можете использовать localStorage.