Zamanlı ve Kayan Reklam Bölümü Nasıl Yapılır?

Tweet about this on TwitterShare on FacebookShare on Google+Share on LinkedInPin on Pinterest

Bu konuyu klavyeye almak benim aklımda yoktu fakat MSN ile iletişime geçen arkadaşlardan birinin ihtiyacı cevap bulmak istedim ve sizlerinde faydalanabileceğini düşünerek burada paylaşmaya karar verdim. Blog sahibi arkadaşlarımın reklam gelirlerini arttırmak için en faydalı yerleştirmeyi herkes kendi formülü ile ortaya koymaya çalışıyor. Ancak bunlar arasında en faydalı olanın hangisi olduğuna karar vermek biraz güç!

Bir çok ziyaretçide içeriği alıp gitme derdinde olunca reklamlar dikkat bile çekemeye biliyor. Bu sebeple bazen büyük partal haber sitelerinde dahi zaman zaman görebileceğimiz sayfanın ortasında bulunan reklamlar hatta sayfayı aşağı kaydırdığınızda doğrusal olarak aşağı doğru kayan, sizin o reklamı görmemenizi imkansız kılan çalışmalar ortaya konabiliyor. İşte benimde şimdi burada bahsedeceğim örnek bunlardan ya da bunlara benzeyen türden bir çalışma.

Örneğimiz sayfanın aşağı kaydırılması ile doğru olarak hareket etmesinin yanında başlıkta da belirttiğim gibi HTML ile sayfanıza yerleştirirken belirleyeceğiniz süreye göre de görüntülenme süresini değiştirebiliyorsunuz.

Sayfaya yerleştirmesi de oldukça kolay olan kodlar aşağıdaki gibidir. Kendi tasarımınıza uyarlamak ya da zamanı ayarlamak için yapmanız gereken değişiklikler kodların yanında açıklanmıştır.

Örnek Görünüm

Kodlama

<!-- Zamanla Kapanan Reklam Bölümü Başlangıcı -->
<style type="text/css">
<!--
#reklamdiv {position:absolute; height:0; width:0px; top:0; left:0;}/* reklamınızın konumunu belirlemek için burayı kullanın (burası için CSS dilini kullanaksınız!) */
-->
</style>
<script type="text/javascript">
/******************************************
* DHTML Reklam (Zamanla Kapanan Reklam Bölümü)
* Düzenleyen: Veysel SEMİZ
* http://www.sanalduvar.com
******************************************/
gosterizamani=5;  // reklamın gösterileceği süre (sn.)
defagoster=1; // reklamın X zamanda kaç defa gösterileceği (her sayfa yenilenmesinde olsun istiyorsanız 1 kullanın)
var ns=(document.layers);
var ie=(document.all);
var w3=(document.getElementById &amp;amp;&amp;amp; !ie);
var calunit=ns? "" : "px"
reklamsay=0;
function initRek(){
if(!ns &amp;amp;&amp;amp; !ie &amp;amp;&amp;amp; !w3) return;
if(ie)		rekdiv=eval('document.all.reklamdiv.style');
else if(ns)	rekdiv=eval('document.layers["reklamdiv"]');
else if(w3)	rekdiv=eval('document.getElementById("reklamdiv").style');
randRek=Math.ceil(Math.random()*defagoster);
if (ie||w3)
rekdiv.visibility="visible";
else rekdiv.visibility ="show";
if(randRek==1) gosterreklami();}
function gosterreklami(){
if(reklamsay<gosterizamani*10){reklamsay+=1;
if (ie){documentWidth  =truebody().offsetWidth/2+truebody().scrollLeft-20;
documentHeight =truebody().offsetHeight/2+truebody().scrollTop-20;}
else if (ns){documentWidth=window.innerWidth/2+window.pageXOffset-20;
documentHeight=window.innerHeight/2+window.pageYOffset-20;}
else if (w3){documentWidth=self.innerWidth/2+window.pageXOffset-20;
documentHeight=self.innerHeight/2+window.pageYOffset-20;}
rekdiv.left=documentWidth-300+calunit;rekdiv.top =documentHeight-200+calunit;
setTimeout("gosterreklami()",100);}else kapaRek();}
function kapaRek(){
if (ie||w3)
rekdiv.display="none";
else rekdiv.visibility ="hide";}
function truebody(){
return (document.compatMode &amp;amp;&amp;amp; document.compatMode!="BackCompat")? document.documentElement : document.body}
onload=initRek;
</script>
<div id="reklamdiv" style="visibility:hidden">
<!--*****Reklam Kodunuzu veya Görüntülemek İstediğiniz Yazıyı Buraya Yazınız (Başlangıç)*****-->

Buraya reklam kodunuzu yerleştirin!

<!--*****Reklam Kodunuzu veya Görüntülemek İstediğiniz Yazıyı Buraya Yazınız (Bitiş)*****-->
</div>
<!-- Zamanla Kapanan Reklam Bölümü Bitiş -->

Not: Tasarıma yönelik ihtiyaçlarınız hakkında bilgi edinmek için bana iletişim bölümünden ulaşabilirsiniz. Sizden tek istediğim bana örnek bir çalışma göstermeniz. Böylelikle ihtiyacınızı daha kolay anlayabilir, size daha etkili yardımı göstermeye çalışabilirim.

Tweet about this on TwitterShare on FacebookShare on Google+Share on LinkedInPin on Pinterest
Veysel

Veysel

Sosyal Medya ve İnternetteki gelişmeleri inceleyen, Web Tasarım Araçları, CMS(İçerik Yönetim Sistemi)leri, özellikle WordPress üzerine haberleri araştıran, 2007 yılında yayın hayatına başlayan SanalDuvar.Com’un yöneticisidir. Ana Bilim Dalı Elektrik-Elektronik Mühendisliği olan bir Sistem Mühendisidir.

You may also like...

11 Responses

  1. okan dedi ki:

    joomla 1,0 veya 1,5 ile de bu şekilde reklam koyabilir miyiz ?

    Bu kodları onda nereye yazıcaz yada üstüne bi eklenti ekleyip mi ? Bu kodları yazıcaz.

    • sanalduvar sanalduvar dedi ki:

      @okan
      herhangi bir eklentiye gerek yok! kodları joomla için temalar klasöründeki index.php dosyasının içine yerleştirmen yeterli olacaktır diye düşünüyorum.

  2. nacah dedi ki:

    kodu ekledim ama çalıştıramadım.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir