1. Merhaba Ziyaretçi,
    Sitemizden yararlanmak için buradan kayıt olunuz.
    Duyuruyu Kapat

Çözüldü Mobil Görünümde Reklamın Kayması

Konu, 'Soru Cevap Alanı' kısmında erkanisanmaz tarafından paylaşıldı.

  1. erkanisanmaz

    erkanisanmaz Kayıtlı Üye

    Kayıt:
    28 Ağustos 2016
    Mesajlar:
    22
    Beğenilen Mesajlar:
    6
    Ödül Puanları:
    3
    Meslek:
    Öğretmen
    Web Sitesi:
    Mesaj Puanları:
    +6 / 0 / -0

    ad_above_top_breadcrumb dosyasına 468x60 ebatında görsel bir reklam yerleştirdim. Masaüstü görünümde normal bir şekilde görünürken mobilde reklam sağ tarafa doğru uzamış bir şekilde görünüyordu. Bu uzamayı engellemek için sınırlandırma amacı ile hangi kodları koymamız gerekir.
     
    Etiketler:
  2. apocalypse

    apocalypse Yetkili Kişi Yönetim Ekibi

    Kayıt:
    9 Haziran 2014
    Mesajlar:
    830
    Beğenilen Mesajlar:
    772
    Ödül Puanları:
    93
    Meslek:
    MSc
    Web Sitesi:
    Mesaj Puanları:
    +803 / 1 / -0

    Google reklamları için responsive uyumluluk sağlanıyor olması lazım.Reklam oluştururken orada Duyarlı yada esnek olanı seçmelisiniz.
    https://support.google.com/adsense/answer/3543893?hl=tr adresinden bilgi edinebilirsiniz.

    Yada şöyle bir kodu kendinize göre düzenleyerek birçok cihaza uyumlu adsense oluşturabilirsiniz.

    Kod:
    <div id="google-ads-1"></div>
    <script type="text/javascript">
        /* Calculate the width of available ad space */
        ad = document.getElementById('google-ads-1');
        if (ad.getBoundingClientRect().width) {
            adWidth = ad.getBoundingClientRect().width; // for modern browsers
        } else {
            adWidth = ad.offsetWidth; // for old IE
        }
        /* Replace ca-pub-XXX with your AdSense Publisher ID */
        google_ad_client = "ca-pub-XXX";
        /* Replace 1234567890 with the AdSense Ad Slot ID */
        google_ad_slot = "1234567890";
    
        /* Do not change anything after this line */
        if ( adWidth >= 728 )
          google_ad_size = ["728", "90"];  /* Leaderboard 728x90 */
        else if ( adWidth >= 468 )
          google_ad_size = ["468", "60"];  /* Banner (468 x 60) */
        else if ( adWidth >= 336 )
          google_ad_size = ["336", "280"]; /* Large Rectangle (336 x 280) */
        else if ( adWidth >= 300 )
          google_ad_size = ["300", "250"]; /* Medium Rectangle (300 x 250) */
        else if ( adWidth >= 250 )
          google_ad_size = ["250", "250"]; /* Square (250 x 250) */
        else if ( adWidth >= 200 )
          google_ad_size = ["200", "200"]; /* Small Square (200 x 200) */
        else if ( adWidth >= 180 )
          google_ad_size = ["180", "150"]; /* Small Rectangle (180 x 150) */
        else
          google_ad_size = ["125", "125"]; /* Button (125 x 125) */
        document.write (
         '<ins class="adsbygoogle" style="display:inline-block;width:'
          + google_ad_size[0] + 'px;height:'
          + google_ad_size[1] + 'px" data-ad-client="'
          + google_ad_client + '" data-ad-slot="'
          + google_ad_slot + '"></ins>'
        );
    
        (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
    <script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
    </script>
     
  3. erkanisanmaz

    erkanisanmaz Kayıtlı Üye

    Kayıt:
    28 Ağustos 2016
    Mesajlar:
    22
    Beğenilen Mesajlar:
    6
    Ödül Puanları:
    3
    Meslek:
    Öğretmen
    Web Sitesi:
    Mesaj Puanları:
    +6 / 0 / -0

    Teşekkür ederim Ancak reklam adsense değil Normal bir png resmi ve yönlendirme linkinden oluşuyor. 468x60 boyutunda.
     
  4. apocalypse

    apocalypse Yetkili Kişi Yönetim Ekibi

    Kayıt:
    9 Haziran 2014
    Mesajlar:
    830
    Beğenilen Mesajlar:
    772
    Ödül Puanları:
    93
    Meslek:
    MSc
    Web Sitesi:
    Mesaj Puanları:
    +803 / 1 / -0

    Html kodları böyle olmalı.
    Kod:
    <div id="reklam_alani">
        <img src="image.jpg" border="0" alt="image" />
    </div>
    Css için;
    Kod:
    #reklam_alani img {
      max-width: 100%;
      height: auto;
    }

     
    • Beğen Beğen x 1
  5. MySimS3k®

    MySimS3k® Emektar Üye

    Kayıt:
    30 Nisan 2016
    Mesajlar:
    350
    Beğenilen Mesajlar:
    327
    Ödül Puanları:
    63
    Meslek:
    Tasarım
    Şehir:
    Adana
    Web Sitesi:
    Mesaj Puanları:
    +338 / 0 / -0

    Resime link vermek için html kodlarını aşağıdaki gibi düzenleyebilirsiniz
    Kod:
    <div id="reklam_alani">
     <a href="http://siteadresi.com">
        <img src="http://www.pixelstalk.net/wp-content/uploads/2016/06/Free-Widescreen-Backgrounds-Desktop.jpg" border="0" alt="image" />
       </a>
    </div>
     
    MySimS3k®, via a mobile device, 8 Eylül 2016
    #5
    • Beğen Beğen x 1
  6. erkanisanmaz

    erkanisanmaz Kayıtlı Üye

    Kayıt:
    28 Ağustos 2016
    Mesajlar:
    22
    Beğenilen Mesajlar:
    6
    Ödül Puanları:
    3
    Meslek:
    Öğretmen
    Web Sitesi:
    Mesaj Puanları:
    +6 / 0 / -0

    Yok olmadı İkisi de mobilde sağ tarafa doğru taştı ve forumu daralttı.
     
  7. MySimS3k®

    MySimS3k® Emektar Üye

    Kayıt:
    30 Nisan 2016
    Mesajlar:
    350
    Beğenilen Mesajlar:
    327
    Ödül Puanları:
    63
    Meslek:
    Tasarım
    Şehir:
    Adana
    Web Sitesi:
    Mesaj Puanları:
    +338 / 0 / -0

    Hocam css kodlarının arasına alttaki kodu ekleyerek deneyin olmazsa pc ye geçince bakarım
    Kod:
    overflow: hidden;
     
    MySimS3k®, via a mobile device, 9 Eylül 2016
    #7
  8. OsmanT

    OsmanT Yetkili Kişi Gönüllü Üye

    Kayıt:
    29 Eylül 2016
    Mesajlar:
    359
    Beğenilen Mesajlar:
    155
    Ödül Puanları:
    43
    Meslek:
    Bilişim
    Şehir:
    Konya
    Web Sitesi:
    Mesaj Puanları:
    +171 / 4 / -0

Yüklüyor...

Sayfayı Paylaş

Yüklüyor...