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>
Tek seferlik popup
4
●530
- 22-07-2019, 14:19:05
<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:45Merhabaalpidev adlı üyeden alıntı: mesajı görüntüle
Bu kodu nasıl kullanabiliriz?
Yani açtıracağımız adresi nereye yazmalıyız veya ne şekil ? - 28-07-2019, 18:27:52Sckn adlı üyeden alıntı: mesajı görüntüle
$(".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.