Đơn vị Adsense Responsive Breaking Bootstrap Bảng điều khiển

Làm cách nào để ngăn đơn vị phản hồi Adsense được đặt tương tự như mã bên dưới thoát khỏi bảng điều khiển? Theo kinh nghiệm của tôi, biểu ngữ phá vỡ kênh và có chiều rộng đầy đủ. Mã được sử dụng cho đơn vị phản hồi Adsense là mã mặc định do Google cung cấp.Đơn vị Adsense Responsive Breaking Bootstrap Bảng điều khiển

<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>

Hỗ trợ của bạn được đánh giá cao.

Nguồn

2017-07-10 Techy

Bạn có nghĩa là đơn vị quảng cáo được lấy ra từ dòng chảy? Sẽ tốt hơn nếu bạn thêm đánh dấu mẫu của quảng cáo, với bất kỳ css được tính toán nào trên đó. – karthick

Vui lòng thêm một số đánh dấu mẫu để tái tạo sự cố. Không phải là một quảng cáo đầy đủ - chỉ là cùng một CSS hoặc bất kỳ thứ gì họ đang sử dụng làm cho quảng cáo làm hỏng cột. –

@MichaelCoker css duy nhất tôi sử dụng để tạo kiểu cho quảng cáo được hiển thị: khối; Tôi đã phát hiện ra rằng các trung tâm thêm chính nó ở giữa trang chứ không phải là bảng điều khiển vì vậy nó bỏ qua chiều rộng bảng điều khiển và đi đến cha mẹ. – Techy

tôi đã thiết lập một thử nghiệm Plunker và với tôi tất cả mọi thứ trông ok: 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; 
}

Nguồn

2017-07-13 21:14:11 Gerfried

Xin chào, đơn vị tôi có đáp ứng nên không nên tràn .... Tôi phát hiện ra rằng biểu ngữ đang lấy chiều rộng trang và không có chiều rộng bảng điều khiển. – Techy

Đơn vị Adsense Responsive Breaking Bootstrap Bảng điều khiển

Trả lời

Các vấn đề liên quan