Duyarlı Adsense Ünitesi Breaking Bootstrap Panel

Aşağıdaki kodla benzer şekilde yerleştirilmiş Adsense duyarlı üniteyi panelden çıkmasını nasıl önleyebilirim? Benim deneyimime göre, afiş panoyu kırar ve tüm genişliğini alır. AdSense'e duyarlı birim için kullanılan kod, Google tarafından sağlanan varsayılan koddur.Duyarlı Adsense Ünitesi Breaking Bootstrap Panel

<div class="col-md-12" style="padding-top:20px;"> 
    <div class="panel panel-default panel-profile m-b-md"> 
     <div class="panel-body text-center" style="padding: 5px 0 5px 0"> 
      <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> 
      <!-- Thank You --> 
      <ins class="adsbygoogle" 
       style="display:block;" 
       data-ad-client="ca-pub-xxxxxx" 
       data-ad-slot="xxxxxx" 
       data-ad-format="auto"></ins> 
      <script> 
       (adsbygoogle = window.adsbygoogle || []).push({}); 
      </script> 
     </div> 
    </div> 
</div>

Yardımınız için teşekkür ederiz.

kaynak

2017-07-10 Techy

reklam birimi akışından ayrılırlar demek oluyor? Reklamın örnek bir işaretlemesini, üzerinde herhangi bir hesaplanmış css ile eklerseniz çok daha iyi olur. – karthick

Lütfen sorunu yeniden üreten bazı örnek işaretler ekleyin. Tam bir reklam olmak zorunda değilsiniz - sadece aynı CSS veya kullandıkları her şey reklamın sütunu dağıtmasına neden olur. –

@MichaelCoker, reklamları şekillendirmek için kullandığım tek css'dir: block; Eklemenin panelin yerine sayfanın ortasına yerleştirildiğini ve böylece panelin genişliğini görmezden gelip ebeveynlere gideceğini keşfettim. – Techy

Bir Plunker testini kurdunuz ve bana herşey yolunda görünüyor: https://plnkr.co/edit/YTVHcR2SjMdEPyaM0Owa?p=preview

<!DOCTYPE html> 
<html> 

<head> 
    <link data-require="[email protected]" data-semver="3.3.7" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" /> 
    <script data-require="[email protected]" data-semver="2.2.4" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> 
    <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> 
    <script data-require="[email protected]" data-semver="3.3.7" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
    <link rel="stylesheet" href="style.css" /> 
    <script src="script.js"></script> 
    <script> 
    $(document).ready(function() { 
     (adsbygoogle = window.adsbygoogle || []).push({}) 
    }) 
    </script> 
</head> 

<body> 
    <h1>Hello Plunker!</h1> 
    <div class="col-md-12" style="padding-top:20px;"> 
    <div class="panel panel-default panel-profile m-b-md"> 
     <div class="panel-body text-center" style="padding: 5px 0 5px 0"> 
     <!-- adsense responsive unit code --> 
     <ins class="adsbygoogle" data-ad-client="ca-pub-9482555242423991" data-ad-slot="1928867468" data-ad-format="auto"></ins> 
     </div> 
    </div> 
    </div> 
</body> 

</html>

CSS:

.adsbygoogle { 
    display: inline-block; 
    width:100%; 
    overflow: hidden; 
}

kaynak

2017-07-13 21:14:11 Gerfried

Merhaba, sahip olduğum birim duyarlı olduğundan taşma olmamalıydı .... Afiş panel genişliği değil sayfa genişliği alarak keşfettim. – Techy

Duyarlı Adsense Ünitesi Breaking Bootstrap Panel

cevap

İlgili konular