Responsive Reklamların Maksimum Genişliğini Sınırlandırma???

14-12-2015, 20:22:51

Kimlik doğrulama veya yönetimden onay bekliyor.

Şöyle bir sorun yaşamaktayım...

Kullandığım temada responsive adsense reklamı kullanınca, sağ sidebar üzerine reklam taşıyor, sağ sidebar üzerine reklam kodu koyduğumda ise dikey sütun yerine yatay banner reklam görünüyor, sidebardan taşıyor...

Bu durum emanın css ayarlaması ile ilgili sanırım. Ben ise hem responsive yani esnek reklam kullanmak (böylece mobil cihazlar için ayrı reklam ayarı yapmamış olacağım), hem de reklamların azami genişliğini kısıtlayıp taşmaları önlemek istiyorum.

Bunu nasıl yapabileceğim konusunda yardımcı olabilecek biri var mı?

İnternette kesin bilgi vardır ama o kadar gereksiz siteyle karşılaştım ki aramakan yoruldum...

15-12-2015, 00:19:08

#2

Kodsar

Otomatik boyut kullanmıyor musun?

15-12-2015, 11:49:35

#3

diyadinnet

Kimlik doğrulama veya yönetimden onay bekliyor.

Bu linkte nasıl yapacağınız konusunda örnek verilmiş.

<ins class="adsbygoogle"
   style="display:inline-block;min-width:400px;max-width:970px;width:100%;height:90px"
   data-ad-client="ca-pub-1234"
   data-ad-slot="5678"></ins>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

15-12-2015, 13:37:09

#4

veben

aynı sorunla bende karşılaşıyordum fakat sitedeki bütün reklam alanlarını <div></div> içerisine alarak ve esnek reklem kodalrını kullanarak sorunu halledebildim.

benim kullandığım div ayarlarım şu şekilde.

<div style="margin:0 auto;max-width:768px;max-height:90px;">adsense esnek reklam kodlarınız</div>

buradaki genişlik ve yükseklik ayarlarını max değerler vererek taşmasını önleyebiliriz. siz reklam koyacağınız yere göre genişlik ve yükseklik değerleriniz kendi alanlarınıza göre ayarlayabilirsiniz.

15-12-2015, 14:38:30

#5

theolric

Teşekkürler öneriler için henüz hiçbirine bakamadım. Ben de div tagı kullanmayı denedim. Tema aslında çok başarılı ancak tekil yazıya responsive reklam koyunca reklamın bir bölümü sidebar üzerine taşabiliyor, sidebara konulan responsive reklam ise normalde dikey dikdörtgen veya gökdelen, veya kutu şeklinde görülmeli ama yatay banner oluyor, ekranın sağına doğru taşıyor. Hoş değil. Sidebar'a reklam koymamaya başladım.

Her cihaza reklamlar otomatik uysun diye responsive reklam kullanmak istiyrum ama sitede kayma olmayacak şekilde de genişliklerini sınırlandırmak istiyorum. Tema kodları çok karmaşık geldi, normalde çoğu temanın kodları bu kadar karışık olmaz. İşin ilginç tarafı bu kadar karışık olmasına rağmen son derecede sağlıklı çalışan bir tema....

Önerilerinizi inceleyip sorunu çözmeye çalışacağım. Tekrar teşekkürler.

15-12-2015, 14:42:34

#6

FSahin

Reklamın divine overflow: hidden; vererek reklamın taşmasını engelleyebilirsiniz.

15-12-2015, 16:06:28

#7

theolric

FSahin adlı üyeden alıntı: mesajı görüntüle

Reklamın divine overflow: hidden; vererek reklamın taşmasını engelleyebilirsiniz.

<div style="margin:0 auto;max-width:768px;max-height:90px;">adsense esnek reklam kodlarınız</div>

ile sorunu giderdim. Tabi max değerleri ile oynadım.

Ben kodlardan komutlardan çok anlayan biri değilim. Bunu özellikle belirtmeliyim.

Ancak overflow:hidden komutu taşmayı önleme yerine sanki taşan kısmın görünmemesini sağlayacak gibi görünüyor, hidden ifadesinden anladığım budur. Öyle olursa reklamların bir kısmı görünmeyecektir. Bir de Adsense'ten ban yemeyelim...

15-12-2015, 16:49:52

#8

FSahin

theolric adlı üyeden alıntı: mesajı görüntüle

<div style="margin:0 auto;max-width:768px;max-height:90px;">adsense esnek reklam kodlarınız</div>

ile sorunu giderdim. Tabi max değerleri ile oynadım.

Ben kodlardan komutlardan çok anlayan biri değilim. Bunu özellikle belirtmeliyim.

Ancak overflow:hidden komutu taşmayı önleme yerine sanki taşan kısmın görünmemesini sağlayacak gibi görünüyor, hidden ifadesinden anladığım budur. Öyle olursa reklamların bir kısmı görünmeyecektir. Bir de Adsense'ten ban yemeyelim...

<style>
.ornek_reklam { width: 320px; height: 100px; }
@media(min-width: 500px) { .ornek_reklam { width: 468px; height: 60px; } }
@media(min-width: 800px) { .ornek_reklam { width: 728px; height: 90px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- ornek_reklam -->
<ins class="adsbygoogle ornek_reklam"
     style="display:inline-block"
     data-ad-client="ca-pub-XXXXXXX11XXX9"
     data-ad-slot="8XXXXX1"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Bu şekilde yaparsanız sorununuz çözülecektir.

Yapmanız gereken şey stil kodlarını adsense reklamının üzerine ekleyin ve kodları adsense class'ı ile değiştirin.

21-11-2020, 23:51:42

#9

cakircagdasali

FSahin adlı üyeden alıntı: mesajı görüntüle

<style>
.ornek_reklam { width: 320px; height: 100px; }
@media(min-width: 500px) { .ornek_reklam { width: 468px; height: 60px; } }
@media(min-width: 800px) { .ornek_reklam { width: 728px; height: 90px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- ornek_reklam -->
<ins class="adsbygoogle ornek_reklam"
     style="display:inline-block"
     data-ad-client="ca-pub-XXXXXXX11XXX9"
     data-ad-slot="8XXXXX1"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Bu şekilde yaparsanız sorununuz çözülecektir.

Yapmanız gereken şey stil kodlarını adsense reklamının üzerine ekleyin ve kodları adsense class'ı ile değiştirin.

Hocam ben yaptım reklam geldi fakat boyutu değiştiremedim.