響應Adsense廣告調整屏幕方向更改（同時使用Bootstrap佈局）

在我的網站上我使用Bootstrap 3.2響應式設計，我試圖嵌入Adsense響應添加那裏。我在方向變化方面遇到問題：我希望增加會調整這種事件，但不會發生。這種功能是否適合Adsense？ Adsense博客上的一些old post表示：響應Adsense廣告調整屏幕方向更改（同時使用Bootstrap佈局）

新廣告代碼僅在初始頁面加載時才響應。後續對廣告尺寸的更改（如屏幕方向更改）將不會導致顯示新廣告。我們知道這對你們許多人來說是一個重要的功能，我們正在努力解決這個問題。

但是current documentation沒有提到這樣的問題。這個調整大小是否工作？

來源

2014-09-20 szymond

郵政編碼而不是您的網址 – 2014-09-22 20:13:22

所以事實證明，我引用的博客文章是關於高級模式（允許通過CSS指定確切的廣告尺寸的模式）。即使Google在一年多前認識到這個問題，高級廣告在屏幕朝向變化時不會自動調整大小。

AdSense文檔指出，自適應廣告會隨着方向更改而調整大小。這是真的，但只適用於默認（不是高級廣告）。

高級模式允許使用@media CSS規則指定精確的廣告尺寸，這很好。但對我來說，通過將默認自適應廣告與div容器包裝在一起可以實現幾乎相同的效果。容器的大小也可以通過CSS @media規則指定，所以我具有與高級廣告相同的結果+當屏幕方向更改時，我可以從調整大小的廣告中獲益。

來源

2014-10-04 19:16:59 szymond

我可以確認高級模式不響應方向更改。智能尺寸推薦模式偶爾會干擾我的頁面佈局的其餘部分...要嘗試使用容器CSS設置修復它。 – 2015-01-16 09:36:30

我主要是在這裏取景，因爲它不是一個大量的信息在這裏是公平的，但：

，如果你添加樣式=會發生什麼情況「顯示：塊;」還有數據格式=「自動」到您的廣告？

如果這不起作用，我猜媒體查詢是你在這件事上的朋友。

來源

2014-09-29 18:39:28

來自AdSense的廣告，甚至是響應式廣告，都會根據您的屏幕大小和朝向一次加載 - 網頁加載時。當然，您可以嘗試重新加載廣告投放的頁面的一部分，但是您的內部iframe元素會出現問題（AdSense不喜歡在iframe中）。

來源

2014-09-29 18:47:21 mrserge

嘗試使用此 - https://github.com/mattnish/rad

我只是用它在我的項目之一，即使它說：「過時的」，它完美的作品。

adsense「自適應廣告」的問題在於，它僅在初始加載時纔有響應。

來源

2014-09-29 20:38:16

這是我對這一個。我對自適應廣告單元使用了高級模式，並將其放入以下媒體查詢中。

<style> 
.myclass-responsive { width: 320px; height: 100px; } 
@media (min-width: 768px) and (min-height: 768px) { .myclass-responsive { width: 728px; height: 90px; } } 
</style> 
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> 
<!-- myclass-responsive --> 
<ins class="adsbygoogle myclass-responsive" 
    style="display:inline-block" 
    data-ad-client="XXXX" 
    data-ad-slot="YYYY"></ins> 
<script> 
    (adsbygoogle = window.adsbygoogle || []).push({}); 
</script>

問題在於，高級模式下的廣告是基於設備視口尺寸加載的，但不會動態調整大小。默認的智能調整大小模式與我的佈局產生混合結果，偶爾會在動態調整大小時打破它。在高級模式下使用自適應廣告單元的Bootstrap佈局中使用（min-width：768px）和（min-height：768px）似乎可以修復我有的任何調整大小問題（以及我至少測試過的5個設備）。但是，對於某些設備，您可能會獲得尺寸較小的廣告，但關於該廣告的故事......您無法完全掌握。

來源

2015-01-16 10:11:45

響應Adsense廣告調整屏幕方向更改（同時使用Bootstrap佈局）

回答

相關問題