Sayfa Yüklendikten Sonra Açılan Popup

Konu Ağu 2, 2011 te İnternet, Makaleler Kategorisinde MilaT Tarafından Yazılmıştır. 193 Yorum Yapılmıs

Sayfa Yüklendikten Sonra Açılan Popup

Sayfa açılışı tamamlandıktan sonra her ziyaretçiye bir kere açılan cookie li lightbox popup açtıralım Demo Olarak kendi Sitemde Görüyorsunuz. Resim Olarakta en altta görebilirsiniz.

WordPress Kullanıyorsanız Kendim yazdığım eklentiyi kullanabilirsiniz

1. Olarak alttaki Kodları sitemizin <head> BURAYA </head> tagları arasına yerleştirelim.

<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<link type="text/css" href="js/basic.css" rel="stylesheet" media="screen" />
<!--[if lt IE 7]>
<link type="text/css" href="js/basic_ie.css" rel="stylesheet" media="screen" />
<![endif]-->
<link type="text/css" href="js/gg_fb.css" rel="stylesheet" media="screen" />
<script type="text/javascript" src="js/jquery.simplemodal.1.4.1.min.js"></script>

2. olarak alttaki kodları <body> BURAYA </body> tagları arasında her hangi bir yere yapıştırabilirsiniz

<script type="text/javascript">
if(GetCookie('cerez') !== 'milat' )
{
jQuery(document).ready( function() {  // sayfa yüklenince popup açması gerektiğini söyledik
jQuery('.gg-fb').modal({minWidth:"600", overlayClose: true , escClose : false });
// Açılacak en küçük genişliğin 600px olacağını ve 'gg-fb' divini açmasını belirttik
// Siyah alana tıklayınca kapanmasın diyorsak overlayClose : false yapmalıyız.Açmak ifin true olmalı
// Esc tuşuna basınca kapanmasın diyorsak escClose : false yapmalıyız.Açmak ifin true olmalı
SetCookie('cerez','milat',1);   // cerez oluşturduk her ziyaretçiye bir kere açılması için
});
}
</script>
<div style="display: none;">
<div class="gg-fb"><img src="js/yorum_yaz.png" alt="" width="600" height="320" />
</div>
</div>

Popupun sürekli açılmasını istiyorsanız SetCookie(‘cerez’,'milat’,1); satırını silmeniz yeterli olacaktır

Eğer siz Farklı Birsey Yazmak istiyorsanız <div class=”gg-fb”> BURASI </div> Değiştirmeniz gerekmekterdir..

BURDAKİ yazımda ise ligthbox’un kendi belirleyeceğimiz sürede otomatik olarak kapanmasını söyleyen yazımızı okuyabilirsiniz

dosyayı indir

Etiketler : cookieli lightbox popup, Cookie’li popup uygulaması, her ziyaretçiye bir kere açılan popup, Jquery ile popup açma, jquery otomatik lightbox, jquery uygulamaları, otomatik popup, sayfa yüklenirken otomatik açılan lightbox, Site Açılınca otomatik açılan Lightbox, Site Açılınca Otomatik Lightbox Pop-up Açmak, Siteye Açılışta Lightbox ekleme

Populer Yazılar Benzer Yazılar

Yorumlar (193)

Tayfun Nis 12 2012 - 20:10 Cevapla
Merhaba popup pencerede html sayfa açtırmak istiyorum ne yapmalıyım
- MilaT May 6 2012 - 14:48 Cevapla
  Konuda yazdığı gibi div içine istediğiniz html kodlarını koyabilirsiniz
faruk Nis 13 2012 - 10:16 Cevapla
paylaşım için teşekkürler. bi sorum olacak; bu popupu sayfanın ortasında değilse sol üst köşede göstermek istiyorum nasıl yapabilirim?
- MilaT May 6 2012 - 14:50 Cevapla
  Bu kullanım için biraz zor Burdaki popupta aynı işlevi yaptıktan sonra css ile popup istediğiniz yerde açtırabilirsiniz
Emre Önder Nis 26 2012 - 01:25 Cevapla
Merhaba öncelikle tesekkur ederim ben siteme uygulamaya çalıştım fakat bu sefer site icinde kullandıgım lightbox2 resim galerisi bozuldu resimleri yeni bir pencerede açıyor çakışmasını öncelmek icin javascript kodu buldum fakat yinede işlemiyor bendeki lightbox2 ile bu işlemi yapmam mümkün mü ne kadar denesemde 1.5.1 ve 1.4.1 deki açılma özelligini getiremiyorum
- MilaT May 6 2012 - 14:53 Cevapla
  Çakışma varsa Burdaki Popup uygulamasını deneyin çakışma olmayacaktır
Bcoder May 10 2012 - 14:41 Cevapla
Bilgiler için teşekkürler işime yaradılar
uğur May 17 2012 - 12:22 Cevapla
emre önder arkadaşın probleminin aynısı bende de oldu. Çakışma varsa diye cevabınızda yönlendirdiğiniz sayfada yanıt bulamadım tekrarlayabilirmisiniz.
- MilaT May 17 2012 - 21:55 Cevapla
  Verdiğim adreste sayfa kaynağını görüntülediğiniz zaman javascript ve css kodları var
  Yani head başlangıçla bitiş tagları arasındaki herşeyi alıp kendi sitenizin head tagı arasına yerleştirin
  Sonrada body tagları arasındaki herşeyi alıp kendi sitenizde body tagından sonra yerleştirin
  Çakışma sorunu olmayacaktır
  Not: Sitenizde jquery sürümünü zaten kullanıyorsanız ayrıca kullanmanıza gerek yoktur
emergen May 20 2012 - 15:08 Cevapla
peki her sayfayı yenilediğimizde nasıl cıkacak bu onu nasıl ayarlayabiliriz ?
- MilaT May 20 2012 - 15:51 Cevapla
  Konunun İçine cevabı ekledim
Makro Web Dizayn May 21 2012 - 01:48 Cevapla
Paylaşımınız için teşekkürler arkadaşlar.
- MilaT May 21 2012 - 21:03 Cevapla
  Rica ederim iyi kullanımlar.
mustafa May 29 2012 - 13:20 Cevapla
böyle güzel bir paylaşım yaptığınız için size öncelikle teşekkür ederim ve artık sitenizi sık sık ziyaret edeceğim.. Paylaşımlarınızın devamını dilerim…
- MilaT May 31 2012 - 09:42 Cevapla
  Teşekkür ederim umarım faydalı olabilmişimdir.
  Elimden geldiğince yazılarıma devam edeceğim
BGM Haz 2 2012 - 16:44 Cevapla
aspx sitede nasıl uygularız bunu?
- MilaT Haz 3 2012 - 22:55 Cevapla
  Sitenin aspx veya php olması önemli değildir.
  Kodları html olarak görünmesini istediğiniz safaya yerleştirmeniz yeterli olacaktır
Oğuz Haz 18 2012 - 13:38 Cevapla
Merhaba,
ben bu kodu kullanarak sitemde facebook beğen penceresi göstermek istiyorum ancak yapamadım. Facebook Developers tan aldığım facebook penceresinin kodlarını nereye yerleştirmem gerekiyor ?
- MilaT Haz 18 2012 - 14:10 Cevapla
  Aşağıdaki beirttiğim gibi olması gerekiyor
```
<div class="gg-fb">BURAYA KODLAR GELECEK</div>
```
beyaz_siyah Haz 20 2012 - 09:49 Cevapla
çalışmanız için teşekkür ederim siteme eklemem geren js dosyası nasıl olmalı bende jscripts dizini var yollarını değiştirsem çalışırmı?
- MilaT Haz 20 2012 - 10:29 Cevapla
  olabilir tabiki sayfaya ekleyeceğiniz script kodlarına adresi düzgen vermeniz yeterli olacaktır
- ercu Ara 18 2012 - 23:44 Cevapla
  paylaşım için teşekkürler, sitemizde müsaadenizle kullanmak istiyoruz.
  - MilaT Ara 29 2012 - 18:26 Cevapla
    Rica ederim tabiki iyi kullanımlar
ahmet Haz 22 2012 - 15:21 Cevapla
dostum crome da 1 kez görünüyor dahada görünmüyor bahsettiğin satırı sildiğim halde yine aynı şekilde expoler ve mozillada problem yok her seferinde açılıyor ama crome da olmuyor
- MilaT Haz 22 2012 - 16:14 Cevapla
  Çerezlerden kaynaklanıyordur çerezlerinizi silip denerseniz problem olmayacaktır
Erkan Ağu 5 2012 - 23:43 Cevapla
İncelediğim popup uygulamaları içinde en sade olanı diyebilirim. Benim merak ettiğim bir konu var.
SetCookie(‘cerez’,'milat’,1); satırında 1 cookiesi bir gün tutuyor. Silince hiç tutmuyor. Biz cookie yi sayfa açık bulunduğu sürece aktif tutabilir miyiz? Yani ziyaretçi sayfaya girdi pop up ile karşılaştı. 15 dk gezinirken tekrar pencere ile karşılaşmıyor.Sayfayı kapattı tekrar açtığında popup tekrar gözükecek.
Belirttiğim husus için cookiede ne tür değişiklik yapmalıyız? Saygılar.
- MilaT Ağu 6 2012 - 02:18 Cevapla
  Teşekkür ederim cookieyi gün değilde saat olarak tutuyor sayfayı kapatıp açsa bile gözükmez çünkü cookieyi tarayıcı önbelleğine kayıt eder tarayıcının cookielerini temizlemediği sürece gözükmeyecektir.
  - mustafa Kas 12 2012 - 07:14 Cevapla
    Erkan’ın sorusunun yanıtı olacak şekilde script nasıl düzenlenecek
    - MilaT Kas 12 2012 - 13:16 Cevapla
      Popup zaten tarayıcınızı kapatsanız bile cookikeyi tutar dolayısıyla düzenleme yapmanıza gerek yorktur
Hakan Eki 1 2012 - 06:38 Cevapla
Merhaba belirttiğiniz gibi minWidth:”600″ ve width=”600″ ü 200 e düşürsemde pencerenin eni 200 e düşmüyor 500 lerde kalıyoryardımcı olurmusunuz
Hakan Eki 1 2012 - 06:40 Cevapla
basic.css deki width:500px; den kaynaklanıyormuş teşekkürler…
- MilaT Eki 12 2012 - 19:10 Cevapla
  Çözmenize sevindim iyi kullanımlar