20 Ocak 2014

125 x 125 Değişken Reklam Alanı Oluşturmak


Reklam alanlarının kiralanması tüm web site sahiplerinin belirli bir gelir elde etmek için kullandığı bir yoldur. Farklı formatlarda reklam alanlarını kiralayarak sitelerinden gelir elde edebilirler.

Bazı web sitelerinde kullanıcıyı rahatsız eden çok sayıda reklam alanı bulunmakta. Bu kadar fazla reklam alanının bulunması ziyaretçinin okumak için geldiği bir yazımıza dikkatini verememesini sağlayabilir. Ziyaretçimizin aslında tamda aradığı konu hakkında bir makalemiz olmuş olsa dahi bu makaleyi okumadan sayfamızdan çıkacaktır.

Peki Ziyaretçilerimiz sayfamızdan kaçırmadan yazılarımızı ön plana alarak nasıl daha fazla reklam alanı oluşturabiliriz?. Tek bir reklam alanında birden çok reklam gösterebilir miyiz ?. Küçük bir Javascript kodu ile tek bir reklam alanımızdan birden çok reklam göstermemiz mümkün. Sayfamızda tek bir reklam alanında birden çok reklam göstermek bize ve ziyaretçilerimize ne gibi etkiler yaratabilir.

Bu sayede ziyaretçilerimiz sayfamızdaki reklamlardan sıkılmayacak ve okumak için geldikleri yazıları rahatlıkla okuyabileceklerdir. Sayfamızda bulunan reklam alanlarının azlığı ve aradığı bilgiye ulaşabilme kolaylığı nedeniyle ziyaretçilerimizin gözünde fazladan bir puan alabiliriz. Bu da bize her an yeni ve sürekli bir ziyaretçi kazanma imkanı sunar.

Site sahipleri için sayfamızda fazla yer kaplayan reklamlardan sıyrılıp ziyaretçilerimize ilgilerini çekebilecek başka yayınları gösterebilme imkanımız artacaktır. Sayfa yapımızı reklam alanlarını çoğaltalım derken bozmamış oluruz.

Gelelim Sayfamıza 125 x125 değişken reklam alanını nasıl ekleyebiliriz?.

Blogger kontrol Paneli > Yerleşim > Gadget Ekle > HTML/Javascript Ekle Diyerek açılan küçük pencereye Aşağıdaki kodları ekleyin.
<div align="center"> 
<table border="0"  cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff"> 
<tbody><tr> 
<td><center> 
<!--  REKLAM ALANI #1  -->
<script language="JavaScript"> 
images = new Array(2); 
images[0] = "<a href = 'Gidilecek Sayfa URL'si' rel='nofollow' ><img src='Gösterilecek Resim URL'si 1' border='0' height='125' width='125' alt='AÇIKLAMA'></a>"; 
images[1] = "<a href = 'Gidilecek Sayfa URL'si' rel='nofollow' ><img src='Gösterilecek Resim URL'si 2' border='0' height='125' width='125' alt='AÇIKLAMA'></a>"; 
index = Math.floor(Math.random() * images.length); 
document.write(images[index]); 
</script> 
</center></td> 
<td><center> 
<!--  REKLAM ALANI #2  -->
<script language="JavaScript"> 
images = new Array(2); 
images[0] = "<a href = 'Gidilecek Sayfa URL'si' rel='nofollow' ><img src='Gösterilecek Resim URL'si 1' border='0' height='125' width='125' alt='AÇIKLAMA'></a>"; 
images[1] = "<a href = 'Gidilecek Sayfa URL'si' rel='nofollow' ><img src='Gösterilecek Resim URL'si 2' border='0' height='125' width='125' alt='AÇIKLAMA'></a>"; 
index = Math.floor(Math.random() * images.length); 
document.write(images[index]); 
</script> 
</center></td> 
</tr> 
<tr> 
<td><center> 
<!--  REKLAM ALANI #3  -->
<script language="JavaScript"> 
images = new Array(2); 
images[0] = "<a href = 'Gidilecek Sayfa URL'si' rel='nofollow' ><img src='Gösterilecek Resim URL'si 1'  border='0' height='125' width='125' alt='AÇIKLAMA'></a>"; 
images[1] = "<a href = 'Gidilecek Sayfa URL'si' rel='nofollow' ><img src='Gösterilecek Resim URL'si 2' border='0' height='125' width='125' alt='AÇIKLAMA'></a>"; 
index = Math.floor(Math.random() * images.length); 
document.write(images[index]); 
</script> 
</center></td> 
<td><center> 
<!--  REKLAM ALANI #4  -->
<script language="JavaScript"> 
images = new Array(2); 
images[0] = "<a href = 'Gidilecek Sayfa URL'si' rel='nofollow' ><img src='Gösterilecek Resim URL'si 1'  border='0' height='125' width='125' alt='AÇIKLAMA'></a>"; 
images[1] = "<a href = 'Gidilecek Sayfa URL'si' rel='nofollow' ><img src='Gösterilecek Resim URL'si 2' border='0' height='125' width='125' alt='AÇIKLAMA'></a>"; 
index = Math.floor(Math.random() * images.length); 
document.write(images[index]); 
</script> 
</td></center> 
</tr> 
</tbody
</div>

Kodlar arasında yapmamız gereken değişiklikler;
Kodlar arsında bulunan Kırmızı renkli yere tıklanıldığında açılacak sayfanın URL'sini yazınız. Mavi renki yere ise reklam alanında gösterilecek olan resimin URL'sini yazınız. Yeşil Renkli yer ise resim açıklamasını yazınız.

Not: Her sayfa yenileme işleminden sonra reklam alanımızda bulunan reklamlar dönüşümlü olarak gösterilmeye başlayacaktır. 

2 yorum:

  1. peki aynı reklam alanında örneğin 300x250 pixel ebatındaki bir reklam alanında dönüşümlü olarak reklam göstermeyi nasıl yapabiliriz. örneğin sayfa bi açıldığında a reklamı yenilendiğinde b reklamı şeklinde. kısacası sayfa her yeni açılışta farklı reklam görünecek şekilde??

    YanıtlaSil
    Yanıtlar
    1. Elbette buradaki kodlar içinde bir kaç küçük değişiklik yaparak bunu sağlayabiliriz. Kodlar arasındaki genişlik ve yükseklikleri istediğimiz değerler ile değiştirdiğimizde istediğimiz boyutta değişken reklam alanını oluşturma imkanımız var.

      Sil

© 2013 iPRESS. All rights resevered. Designed by Templateism