• 22-07-2019, 14:13:48
    #1
    Herkese merhaba arkadaşlar

    Bir otel sitesi için popup oluşturmam istendi.
    Popup'u başarılı bir şekilde hazırladım fakat bu popup'un tek seferlik gösterilmesini istiyorlar.
    Yani ziyaretçi siteye girdiği zaman açılacak sadece anasayfada gözükecek ve diğer sayfaları gezip anasayfaya döndüğü zaman Popup bir daha açılmayacak.

    Stackoverflow üzerinden biraz araştırma yaptım. Kullanıcı Session oluşturma ile ilgili yazılar yazılmış fakat pek anlam veremedim. Bu konuda yardımcı olabilecek var mı ?

    // SCRİPT KODLARIM AŞAĞIDAKİ GİBİDİR //
    <script type="text/javascript">
    jQuery(document).ready(function($){

    window.onload = function (){
    $(".bts-popup").delay(1000).addClass('is-visible');
    }

    //popup açılış
    $('.bts-popup-trigger').on('click', function(event){
    event.preventDefault();
    $('.bts-popup').addClass('is-visible');
    });

    //popup kapatma
    $('.bts-popup').on('click', function(event){
    if( $(event.target).is('.bts-popup-close') || $(event.target).is('.bts-popup') ) {
    event.preventDefault();
    $(this).removeClass('is-visible');
    }
    });
    //esc basında popup kapanır
    $(document).keyup(function(event){
    if(event.which=='27'){
    $('.bts-popup').removeClass('is-visible');
    }
    });
    });
    </script>
  • 22-07-2019, 14:16:26
    #2
    kullanıcı ana sayfaya girdiğinde popup gösterin ve gösterimin ardından cookie oluşturun, ardından her popup gösteriminde buraya bir if şartı koyun eğer cookie yoksa gösterip cookie oluştursun yoksa popup hiç açılmasın.
  • 22-07-2019, 14:19:05
    #3
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
    <script>
    window.onload = function (){
        if($.cookie("popupAc") != 1){
            $.cookie("popupAc", 1, {expires: 7}); // 7 günlük
            $(".bts-popup").delay(1000).addClass('is-visible');
        }
    }
    </script>
  • 28-07-2019, 18:20:45
    #4
    alpidev adlı üyeden alıntı: mesajı görüntüle
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
    <script>
    window.onload = function (){
        if($.cookie("popupAc") != 1){
            $.cookie("popupAc", 1, {expires: 7}); // 7 günlük
            $(".bts-popup").delay(1000).addClass('is-visible');
        }
    }
    </script>
    Merhaba
    Bu kodu nasıl kullanabiliriz?
    Yani açtıracağımız adresi nereye yazmalıyız veya ne şekil ?
  • 28-07-2019, 18:27:52
    #5
    Sckn adlı üyeden alıntı: mesajı görüntüle
    Merhaba
    Bu kodu nasıl kullanabiliriz?
    Yani açtıracağımız adresi nereye yazmalıyız veya ne şekil ?
    $(".bts-popup").delay(1000).addClass('is-visible');
    Bu kodu silip; popup açtırma kodunu yazmalısınız. Cache sayesinde kod 7 günde bir çalışacaktır.