在響應式網頁(Responsive Web Design)也能使用Google Adsense

12 / 1, 2013 AdSense , JS , 電腦技巧

之前小弟曾經分享一個方法,可以在Responsive Web Design使用Adsense而不會跑版,可是那個方法實在是有那麼一點點的蠢…竟然還要申請一堆廣告單元才能使用,現在不用了,因為小弟找到一個更屌更讚的方法囉,現在只要申請一個單元就可以作到了!


 

 

發佈商ID可以從Adsense源碼看到(源碼中google_ad_client=後面那一串),官網也可以查到,像小弟的就是ca-pub-6086252679557509(註:如果是從官網查到,記得最前面還要加ca-)
adsense-responsive
廣告單元則是廣告的ID,一樣可以從Adsense源碼查到(源碼中google_ad_slot=後面那一串),像小弟就是8552206002

這樣就好囉,可是你會發現,這段Code一個網頁只能放一個,第二個就失效了,因為這是用ID作判讀,所以如果要放2個上,請到第一行把"google-ads-1″字串換成其他的(不能有重複),再來到第五行,一樣把"google-ads-1″換成與剛剛第一行同樣的字串(例如都換成google-ads-2之類的),這樣就完成囉!

註:測試時請先把瀏覽器拉窄,再重新整理,才會看到效果,因為這是Asynchronous(非同步),不重新整理,什麼都看不到喔,還有小弟並不確定這是否符合Adsense政策,所以如果要用就請稍微低調一點吧XD

  • 逆回十六夜

    用JQ啊…
    用CSS調可不可以?

    • s3131212

      沒辦法,因為Adsense是JS,所以要調整寬度也必須用JS,CSS只能調整div寬度,雖然也可以用CSS調寬度(width:700px;之類的),但是Adsense廣告會被切斷,這樣就違反Adsense規定了

      • 逆回十六夜

        原來如此~