Search

◆ Welcome to Laird Studio! 歡迎蒞臨萊爾德工作室 (੭ु´ ᐜ `)੭ु

2016年9月19日 星期一

[ Blogger ] [ 教學 ] 如何讓 AdSense 廣告在行動版網頁顯示或者不顯示



通過 AdSense 帳戶審核的 Blogger 站長,都可以直接使用 " 版面配置 " " 新增小工具 " ,建立一些適合自己部落格的 AdSense 廣告來賺取收益。

然而,如果是使用小工具中的 " AdSense " 建立廣告的話,預設也會在 Blogger 行動版網頁中顯示。(如下面兩張圖的做法)

P.S. 這邊會顯示的前提是你有開啟 " Blogger 行動版範本 " 的功能,如果是使用 RWD 的方式設計行動網頁的話可以忽略此篇文章。








那如果不想在 Blogger 行動版網頁顯示某些 AdSense 廣告,可以怎麼做呢?

這邊提供兩種方法給站長們參考~



方法一:

1. 把現有的 AdSense 小工具移除

2. 登入 AdSense 帳戶

3. 進入頁籤 我的廣告 -> 多媒體廣告聯播網

4. 找到你移除的 AdSense 廣告後,按下 " 取得程式碼 "

5. 複製廣告程式碼

6. Blogger 管理介面 -> 版面配置 -> 新增小工具 -> HTML/JavaScript

7. 貼上廣告程式碼後按下 " 儲存 "

8. 因為 HTML/JavaScript 預設不會顯示在 Blogger 行動版範本,所以就大功告成囉!





方法二:

1. 不移除現有的 AdSense 小工具

2. Blogger 管理介面 -> 範本 -> 按下 " 編輯 HTML "

3. 找到

<b:widget id='AdSense' ... > ... </b:widget>

這就是 AdSense 小工具的程式碼,看你要變更顯示與否的 AdSense 在哪個位置

4. 在你要變更顯示的那一行 AdSense 小工具程式碼中間插入

mobile='no'

如下圖所示

5. 如此一來,那個 AdSense 小工具就不會顯示在 Blogger 行動範本囉!


P.S. 如果是要讓某一個小工具顯示在 Blogger 行動範本,就改成插入 mobile='yes' 。





把 AdSense 廣告調整到適當的位置,不但能達到美觀的效果,還能獲得最大的廣告效益,可說是一舉兩得~





如何讓 AdSense 廣告在行動版網頁顯示或者不顯示的教學就到這邊~

我們下次見~