2012-04-05 4 views
1

這是我的情況,我有一個css 3列流體佈局(終於掌握了聖盃,謝謝大家!),並在我的左欄我有一個谷歌的AdSense廣告。對於那些熟悉這一點的人來說,他們在廣告尺寸方面的靈活性不是很好,但我很好奇是否有辦法根據列的寬度更改廣告。目前這個專欄佔20%,所以我想可能是一個很好的老式的「If - Else」聲明可能會做到這一點,但我還沒有得到它的工作。邏輯是,我們有兩個廣告,一個180像素寬(a)和一個280像素寬(b),所以如果該列大於280像素,那麼它將顯示廣告b,如果不是則它將顯示廣告一個。有沒有其他人做到這一點?謝謝!聖盃流體佈局的Adsense靈活性?

回答

0

這裏有幾個注意事項。首先,你用css標記了這個問題。如果你只是想用css來隱藏廣告,而你的邏輯已經確定不應該顯示,那麼這麼做很微不足道,但這是一個糟糕的主意。首先,您將隱藏Google特別禁止的加載廣告。接下來,您最終可能會隱藏首先加載的廣告,因此您的網頁上的點擊次數最多。您不想留下顯示價值較低的廣告。

您需要做的是在頁面加載處使用javascript 來確定視口寬度,然後選擇要在您正在討論的廣告位中加載的廣告代碼。在儘可能多的瀏覽器中進行測試,因爲您需要確保獲得正確的視口寬度才能使此策略發揮作用。如果出於某種原因無法正常工作,請確保回退不會使災難性佈局崩潰。此方法的缺點是,如果用戶在頁面加載後更改視口大小,則廣告將打破邊界。您至少可以使用CSS來緩解這種邊緣情況,隱藏或裁剪廣告的父div(overflow: hidden;),以便更改視口大小不會破壞佈局。