Arkadaşlar web siteme koyacağım adsense reklamı'nın masaütünde 970x250 boyutunda gözükmesini istiyorum ancak bu reklam kodunu eklediğimde masaüstünde sorun yok tam istediğim gibi ancak mobilde de reklam 970x250 boyutunda gösteriliyor.
Benim istediğim şu masaüstün de reklam 970x250 boyutunda gözükecek, mobilde ise reponsive olacak mobile uygun boyutta olacak bunu nasıl yapabilirim ?
Esnek reklam kullan diyebilirsiniz ancak öyle de masaüstü görünümünde reklam boyutu 970x250 olmuyor.
Reklamı Reponsive Hale Nasıl Getirebilirim ? |
5 Mesajlar | 1.070 Okunma | ||
Toplam 5 mesaj ve 1.070 görüntüleme
- Üyelik 31.10.2017
- Yaş/Cinsiyet 25 / E
- Meslek Yazılımcı
- Konum Trabzon
- Ad Soyad O** I**
- Mesajlar 347
- Beğeniler 86 / 77
- Ticaret 8, (%100)
- Üyelik 03.12.2017
- Yaş/Cinsiyet 29 / E
- Meslek Müh. öğrencisi
- Konum İstanbul Anadolu
- Ad Soyad E** F**
- Mesajlar 531
- Beğeniler 225 / 254
- Ticaret 5, (%100)
reklam-mobil ve reklam-masaustu adında 2 div oluşturup içine hangisi eklenecekse eklersin. Aşağıdaki css kodlarınıda css dosyana eklersin. Maksimum 500 piksel genişliğe destek veren cihazlarda mobil kodun, 501 ve üstü için masaüstü kodun gözükür.
/* Mobil için */
@media only screen and (max-width: 500px) {
reklam-mobil {
background-color: #F09A9D; /* Red */
}
reklam-masaustu {display: none;}
}
/* Masaüstü için */
@media only screen and (min-width: 501px) {
reklam-masaustu {
background-color: #B2D6FF; /* Blue */
}
reklam-mobil {display: none;}
}
- Üyelik 19.05.2017
- Yaş/Cinsiyet 41 / E
- Meslek Diğer
- Konum Diğer
- Ad Soyad A** P**
- Mesajlar 332
- Beğeniler 39 / 144
- Ticaret 1, (%100)
Çok daha kolay bir yolu var.
Bu kod ile eğer content 970 pixel veya daha büyük bir genişlikteyse 970x250 çıkacak. Yok eğer 600 pixel genişliğindeyse 600x250 çıkacak. (veya 600den küçük bir pixel x 250) Content 300 pixel ise de 300x250 çıkacak.
Reklamın responsive seçilmesi şart.
<script></script>
style="display:inline-block;width:970px;height:250px"
data-ad-client="ca-pub-XXX"
data-ad-slot="XXX">
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Bu kod ile eğer content 970 pixel veya daha büyük bir genişlikteyse 970x250 çıkacak. Yok eğer 600 pixel genişliğindeyse 600x250 çıkacak. (veya 600den küçük bir pixel x 250) Content 300 pixel ise de 300x250 çıkacak.
Reklamın responsive seçilmesi şart.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)