Site sahipleri için özellikle en önemli konulardan birisi de reklam gösterimidir. Google Adsense her ne kadar duyarlı reklam kodları verse bile bazen reklamın boyutları ekran dışına taşabiliyor ve bu durum site sahiplerini tatmin etmeyebiliyor. Bu sebeple her iki cihazda da farklı reklam kodları gösterebilmeniz için sizlere eklentisiz ve basit CSS + HTML kombinasyonu ile oluşturulmuş bir kod dizilimi vereceğim.
Style.css Dosyasına Eklenecek Kod:
/*Masaüstü ziyaretçilerine reklam gösterim kodu*/
.masaustu-reklam{
}
.mobil-reklam{
display: none;
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
/*Mobil ziyaretçilerine reklam gösterim kodu*/
.masaustu-reklam{
display: none;
}
.mobil-reklam{
display: inline !important;
}
}
Detaylar İçin Yazıya Git: MASAÜSTÜ VE MOBİL CİHAZLARDA
FARKLI REKLAM GÖSTERİMİ İÇİN KODLAR
Reklamları Göstermek İçin Kodlar:
"Masaüstü kullanıcılarınıza göstermek istediğiniz reklam kodunu buraya yazın."
"Mobil kullanıcılarınıza göstermek istediğiniz reklam kodunu buraya yazın."
