Yazıya Yorum Gönder!
facebook share twittershare

Site Boyunca Takip Eden Zaman Ayarlı Popup Reklam Alanı Kodu

Popup şöyle çalışıyor; X isimli bilgisayardan siteye bugün giriş yaptığınızda size görünüyor ve o gün bir daha hiç görünmüyor. Eğer aynı siteye Y isimli başka bir bilgisayardan girerseniz o bilgisayarda da 24 saat boyunca 1 kez görünüyor.. Popup kutusu ve içeriği sayfayı aşağıya kaydırdığınızda sizi takip ediyor ve kapat butonuna tıklarsanız kapanıyor.. Diyelim ki kapat butonuna basmadınız, o zaman autohidebox kutusunun karşısında yazan süre sonra (örnek 30 saniye) kapanıyor..

DİKKAT! Yazı, 18 Kasım 2008 tarihinde yayınlanmıştır ve erişim sağladığınız tarihte güncelliğini yitirmiş olabilir.

Kullanacağınız kodu aşağıda paylaşacağım ama önce nasıl görüneceğini örnekleyelim.

Aşağıdaki örnek benim bir zamanlar sitemde kullandığım halidir. İsterseniz genişlik, yükseklik değiştirebiliyorsunuz. Hatta süresini de ayarlayabiliyorsunuz.

Görünüşü;

Site Boyunca Takip Eden Zaman Ayarlı Popup Reklam Alanı Kodu

<STYLE type=text/css>#fadeinbox {
BORDER-RIGHT: red 2px solid; PADDING-RIGHT: 4px; BORDER-TOP: red 2px solid; PADDING-LEFT: 4px; FONT-SIZE: 11px; Z-INDEX: 100; LEFT: 0px; VISIBILITY: hidden; PADDING-BOTTOM: 4px; BORDER-LEFT: red 2px solid; WIDTH: 300px; PADDING-TOP: 4px; BORDER-BOTTOM: red 2px solid; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif; POSITION: absolute; TOP: -400px; BACKGROUND-COLOR: #f6f6f6
}
</STYLE>
<script type=text/javascript>
<!-- 
//Specify display mode. 3 possible values are:
//1) "always"- This makes the fade-in box load each time the page is displayed
//2) "oncepersession"- This uses cookies to display the fade-in box only once per browser session
//3) integer (ie: 5)- Finally, you can specify an integer to display the box randomly via a frequency of 1/integer...
// For example, 2 would display the box about (1/2) 50% of the time the page loads.
var displaymode="oncepersession"
//var displaymode="always"
var enablefade="yes" //("yes" to enable fade in effect, "no" to disable)
var autohidebox=["yes", 30] //Automatically hide box after x seconds? [yes/no, if_yes_hide_after_seconds]
var showonscroll="yes" //Should box remain visible even when user scrolls page? ("yes"/"no)
var IEfadelength=1 //fade in duration for IE, in seconds
var Mozfadedegree=0.05 //fade in degree for NS6+ (number between 0 and 1. Recommended max: 0.2)
////////No need to edit beyond here///////////
if (parseInt(displaymode)!=NaN)
var random_num=Math.floor(Math.random()*displaymode)
function displayfadeinbox(){
var ie=document.all && !window.opera
var dom=document.getElementById
iebody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
objref=(dom)? document.getElementById("fadeinbox") : document.all.fadeinbox
var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset
var docwidth=(ie)? iebody.clientWidth : window.innerWidth
docheight=(ie)? iebody.clientHeight: window.innerHeight
var objwidth=objref.offsetWidth
objheight=objref.offsetHeight
objref.style.left=docwidth/2-objwidth/2+"px"
objref.style.top=scroll_top+docheight/2-objheight/2+"px"
if (showonscroll=="yes")
showonscrollvar=setInterval("staticfadebox()", 50)
if (enablefade=="yes" && objref.filters){
objref.filters[0].duration=IEfadelength
objref.filters[0].Apply()
objref.filters[0].Play()
}
objref.style.visibility="visible"
if (objref.style.MozOpacity){
if (enablefade=="yes")
mozfadevar=setInterval("mozfadefx()", 90)
else{
objref.style.MozOpacity=1
controlledhidebox()
}
}
else
controlledhidebox()
}
function mozfadefx(){
if (parseFloat(objref.style.MozOpacity)<1)
objref.style.MozOpacity=parseFloat(objref.style.MozOpacity)+Mozfadedegree
else{
clearInterval(mozfadevar)
controlledhidebox()
}
}
function staticfadebox(){
var ie=document.all && !window.opera
var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset
objref.style.top=scroll_top+docheight/2-objheight/2+"px"
}
function hidefadebox(){
objref.style.visibility="hidden"
if (typeof showonscrollvar!="undefined")
clearInterval(showonscrollvar)
}
function controlledhidebox(){
if (autohidebox[0]=="yes"){
var delayvar=(enablefade=="yes" && objref.filters)? (autohidebox[1]+objref.filters[0].duration)*1000 : autohidebox[1]*1000
setTimeout("hidefadebox()", delayvar)
}
}
function initfunction(){
setTimeout("displayfadeinbox()", 100)
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = ""
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset)
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
if (displaymode=="oncepersession" && get_cookie("fadedin")=="" || displaymode=="always" || parseInt(displaymode)!=NaN && random_num==0){
if (window.addEventListener)
window.addEventListener("load", initfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", initfunction)
else if (document.getElementById)
window.onload=initfunction
document.cookie="fadedin=yes"
}
//-->
</SCRIPT>
<div id="fadeinbox" style="filter:progid:DXImageTransform.Microsoft.RandomDissolve(duration=1) progid:DXImageTransform.Microsoft.Shadow(color=grey,direction=135); -moz-opacity:0">
<br/>
<br><b><center>REKLAM KODLARI</center></b>
<br>
<div align="right"> <a href="#" onClick="hidefadebox();return false" class="gensmall">kapat</a></div>
</div>

Vbulletin, Mybb forumlar ve WordPress scriptli bloglarda test edilmiştir, tablo genişliğini en baştaki style kodlarından, görüntüleneceği süreyide “var autohidebox” yazan yerden ayarlayabilirsiniz.

WordPress kullanıcıları kodları header, footer veya sidebar şablonlarına eklemeliler..

Deneme amaçlı popup’ı süresinden önce tekrar görmek istediğinizde tarayıcınızın çerez ayarlarından fadedin isimli çerezi silmelisiniz.

>> Web Tasarım ile Uğraşanlar için Faydalı Bağlantılar

facebook share twittershare

    Fatih 03 Ocak 2009, 16:26

    eline sağlık teşekkürler

    mynetportal.blogspot.com a ekledim dedecangrafik.blogspot.com çıkıyor

    cenghan 11 Ocak 2009, 03:25

    dostum cok teşekkür ederim yanlız bu sadece anasayfadamı geliyor yada bi defa cıktımı bidaha cıkmıyormu mesela googleden direk konuya gelen misafirlere görünmüyor sadece anasayaya girişte görünüyor yardımcı olursan sevinirim

    admin 11 Ocak 2009, 16:01

    forum sistemlerinde bu kodu kullanırken kodları sadece anasayfa şablonuna eklersen sadece anasayfada çıkar ve 1 kere görünür eğer googledan gelenlerede görünecekse kodları header veya footera ekle çünkü bu şablonlar her sayfada görünürler ancak vbulletindeki gibi forumhome içerisine eklersen sadece anasayfada çıkar..

    onur 13 Kasım 2011, 21:55

    hocam bu kodu blogger de nereye ekleyebilirim ?

    admin 13 Kasım 2011, 22:21

    @onur; Kodu doğrudan sayfa öğelerinde HTML/Javascript gadget içine ekleyebilirsin sorunsuz çalışacağını düşünüyorum eğer öyle çalışmazsa style ve javascript kodları şablonda öncesine ekler sondaki div kodlarınıda gadget olarak eklersin her ikisininde çalışacağını tahmin ediyorum.

    recep 14 Mayıs 2012, 11:13

    üstat ellerine sağlık tam istediğim gibi iyi çalışmalar
    recepcelikkaya.com

    ali 07 Şubat 2013, 14:31

    verdiğin site kapanmış mahkeme kararıyla sen kendi kullandığın kodu buraya yazsanda kullansak

    admin 07 Şubat 2013, 16:04

    @ali; Uyardığınız için teşekkürler. Kodları konu içerisine dahil ettim. Deneyin, test edin sorun yaşarsanız tekrar yorum göndererek destek alabilirsiniz.

    fatih can 18 Ocak 2015, 13:31

    mrb bu kod ile istedigimiz siteyi popup olarak açabilirmiyiz açılacak sitenin url sini nereye yazmam gerekiyor.

    admin 18 Ocak 2015, 18:35

    @fatih can; Merhaba. Denemedim ama eğer popup sitede Flash uygulaması yoksa sorun çıkacağını sanmıyorum. Uygulama için önce verdiğim kodun en başındaki şu iki değeri kendinize göre ayarlamalısınız;

     WIDTH: 300px;  TOP: -400px;

    Daha sonra <b><center>REKLAM KODLARI</center></b> içeriğini kaldırıp yerine iframe kodu ile site adresini eklemelisiniz. 

    İframe kodu için aşağıdaki bağlantıya bakabilirsiniz.

    http://www.w3schools.com/tags/tag_iframe.asp

Üyeliksiz Yorum Bırak

Sorularınıza gelen cevapları görmek için sayfayı CTRL+D tuşları ile Yer İmlerine eklemeyi unutmayın.


Lordiz.com © 2008~2017