CSS ile reklam gizleme

[silindi]

Kategoriler altında yer alan reklamı mobilde nasıl gizlerim? Yoksa headere eklenen reklam ile mobil sürümde alt alta gözüküyorlar.

Bir de CSS ile adsense reklamlarının gizlenmesinin bir sakıncası var mıdır? Ban yermiyim?

mekici

[silindi] Google’ının reklam gizlemekten hoşlanacağı o pek sanmıyorum. Ama yinede bir araştırmak lazım

NightKing

[silindi] Gizleyebilirsin elbette. Kaynak kod paylaşır isen yardımcı olurum. 🙂

NightKing

Yine de ben size bir örnekleme yapayım. Reklam her nerede ise kodları mobildegorunme isimli bir class oluşturup içine alın. Sonrasında bu kodları css'e ekleyin sorun çözülecektir. Kaynak kodunuz ne olduğunu ve reklamın nerede olduğunu bilmediğim için basit bir örneklendirme yaptım.
Not : Tüm mobil görünümünü bu kod yapısı ile değiştirebilirsiniz. Bu basit bir örnektir. Yani şöyle ki bambaşka bir mobil tasarım yaratabilirsiniz bu kod yapısı ile sadece reklam gizleme değil. Örneğin arama butonunun yerini, tipini, şeklini değiştirebilirsiniz.

@media screen and (max-width: 650px) {
  .mobildegorunme {
    visibility: hidden;
    clear: both;
    float: right;
    margin: 4px auto;
    width: 24%;
    height: auto;
    display: none; // Burası önemli. Burayı kaldırırsanız sadece mobilde görünüm sağlar.
  }

mekici

NightKing Sanırım aşağıdaki resimde olan reklamdan bahsediyor.

NightKing

mekici #ad_iframe ve adsbygoogle isminde seçiciler var tarayıcı kaynak görünümünde gördüğüm kadarı ile. Böyle bir yapılandırmaya gider ise sorun çözülecektir. max-width'i görünmemesini istediğiniz mobil görünümüne göre belirleyiniz. Eğer ki 1920 yazar iseniz normal web sayfalarda da görünmez. aşağıda ki kodlarda 651 px boyutunda sayfa görüntülemesi yapan bir mobil cihaz reklamı görüntüler. Onun için kendinize göre düzenleyin.

@media screen and (max-width: 650px) {
  #ad_iframe .adsbygoogle {
    visibility: hidden;
    clear: both;
    float: right;
    margin: 4px auto;
    width: 24%;
    height: auto;
    display: none; // Burası önemli. Burayı kaldırırsanız sadece mobilde görünüm sağlar.
  }