Bu yazımızda Asp.net AdRotator ile ilgili örnek yapacağız.
AdRotator web sayfası içerisinde verilecek reklamların yerlerini ayarlamak için kullanılır. AdRotator ile reklamların gideceği linkleri, sayfada ne kadar yer kaplayacaklarını, sayfa içerisinde ne sıklıkla gösterileceği gibi özellikleri belirler.
Ana dosyamızda AdRotator ekliyoruz.
1 2 3 |
<asp:AdRotator ID="AdRotator1" runat="server"/> |
Daha sonra siteye eklenecek reklamlar için bir klasör oluşturup resimleri buraya kaydediyoruz. Sonrasında Solution Explorer panelinden reklamların özelliklerini ayarlayacağımız xml dosyasını oluşturuyoruz. (Add->XML File)
Xml dosyamızda eklenecek temel etiketlerden biri Advertisements. Bütün reklamları kapsayacak olan genel bir etiket.
Bunun dışında her bir reklam için açmamız gereken Ad etiketini ekliyoruz.
1 2 3 4 5 6 7 8 9 10 11 |
<?xml version="1.0" encoding="utf-8" ?> <Advertisements> <Ad> </Ad> <Ad> </Ad> </Advertisements> |
Ad etiketinin içerisine ImageUrl yani koyulacak reklam resminin yolunu yazıp ekliyoruz.
NavigateUrl reklamın üzerine basıldığında gidilecek olan sayfanın adresini yazıyoruz.
AlternateText reklamın üzerine gelindiğinde görülecek yazıyı belirler.
Keyword reklamın anahtar kelimesi yazılır. Yani reklam ne ile ilgiliyse o kategori adı yazılır.
Impressions reklamın hangi sıklıkla sayfada görüleceğini belirler.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<?xml version="1.0" encoding="utf-8" ?> <Advertisements> <Ad> <ImageUrl>~/img/1138x144.png</ImageUrl> <NavigateUrl>http://yazilimbilisim.net</NavigateUrl> <AlternateText>reklam</AlternateText> <Keyword>Kitap</Keyword> <Impressions>20</Impressions> </Ad> <Ad> <ImageUrl>~/img/yazilimbilisim.png</ImageUrl> <NavigateUrl>http://yazilimbilisim.net</NavigateUrl> <AlternateText>reklam</AlternateText> <Keyword>yazılım</Keyword> <Impressions>20</Impressions> </Ad> </Advertisements> |
xml dosyasına gerekli kodları ekledikten sonra ana dosyamıza gelip AdRotator üzerine tıklıyoruz ve properties panelinden AdvertisementFile özelliğini buluyoruz ve buradan AdRotator‘a xml dosyamızı bağlıyoruz. Ayrıca bu panelden reklamın genişliği,yüksekliği gibi özelliklerini de değiştirebiliriz.
Ekran çıktısı şu şekilde olacaktır;