基於瀏覽器寬度或設備移動廣告位置

Question

有沒有一種方法可以根據瀏覽器寬度或設備在頁面上的不同位置動態生成AdSense廣告？

Google Developers資源提供了一篇關於'動態提供的JavaScript'的文章，它允許您根據用戶代理提供不同的廣告。但是沒有詳細說明這些廣告是否可以投放到代碼的不同部分。

本質上，我想要做的是在頁面的特定部分以「桌面」尺寸加載三個廣告，當網站合併到不同的位置時，不同的廣告會顯示在不同的位置，不允許隱藏/顯示等廢話。

Answer 1

我假設你有這些廣告去的容器。您可以控制這些容器的位置。您可以使用CSS媒體查詢爲不同的屏幕尺寸指定不同的位置。

Answer 2

我找到了一半的解決方案，但有一些嚴重的問題，我會在下面解釋。如果任何人有一個更好的解決方案，將是偉大的。

該解決方案使用jQuery「複製」adSence廣告的iframe，並根據瀏覽器大小將其「粘貼」到佔位符div中。

<script> 
if(window.innerWidth < 700){ 

$("#adSource").find("iframe").appendTo("#ad"); 

$("#adSource").remove(); 
} 
</script> 

當瀏覽器加載的寬度小於700，這需要一個名爲#adSource DIV內的IFRAME並將其附加到與該ID #ad一個div。然後它從#adSource中刪除iframe。

抽籤背上這個如下：

• 只運作時間的約3/4。 iframe有時加載速度不夠快，jQuery失敗

• 增加加載時間約一秒。隨着網頁上的廣告放慢了速度，這可能會非常激烈

• 沒有關於Google是否允許使用此技術的文檔。

我也在尋找一個解決方案，所以如果你找到更好的東西請讓我知道。