2016年5月9日

Blogger 安裝 Adsense 網頁層級廣告(錨定/重疊/穿插)使用心得

A+
adsense-page-level-ads-Blogger 安裝 Adsense 網頁層級廣告(錨定/重疊/穿插)使用心得"浮動廣告" 是 Adsense「明文禁止」的行為,原因是這樣的行為,屬於「操控廣告的放送和顯示以吸引不必要的注意」,會有比較大的機率吸引訪客點擊廣告,等於用不正當的手段增加收益,WFU 也曾在「部落格浮動浮動廣告」→「四、錯誤示範」提醒讀者這件事。

不過比較意外的是,去年 Adsense 開放了行動版使用浮動(錨定)廣告,大概是行動版螢幕面積小,廣告展示比較不易,因此官方不得不想辦法提昇廣告收益吧!可惜的是,這功能一開始只有少部分獲邀的使用者可以進行測試。

日前 Adsense 測試完畢,宣佈所有使用者都可安裝這個功能,正式名稱叫做「網頁層級廣告」,包含了「錨定/重疊/穿插」廣告,對於提升行動版的收益來說是一項好消息,本文就來分享我的使用心得。



一、特點介紹及安裝


1. 特點

詳細介紹可參考官網「關於網頁層級廣告」,以下簡單摘錄要點:

  • 只在高階行動裝置顯示 → 代表舊手機無法顯示
  • 只會在廣告成效最佳且可以提供良好體驗時,才會顯示網頁層級廣告 → 意思就是不會每個頁面都出現
  • 不會計入每頁的 Google 內容廣告數量上限 → 代表「不算在每頁 3 則廣告的限制之內
  • 錨定/重疊廣告」這類行動廣告會固定在使用者螢幕邊緣
  • 穿插廣告」這類行動全螢幕廣告會在網站載入網頁的空檔顯示 → 代表切換頁面之間才會顯示


2. 安裝

進入「Adsense 官網」→「我的廣告」→「多媒體廣告聯播網」→「網頁層級廣告」,可看到以下畫面:

adsense-page-level-ads-install-Blogger 安裝 Adsense 網頁層級廣告(錨定/重疊/穿插)使用心得

按照 A~C 步驟進行:

A:開啟「錨定/重疊廣告」

B:開啟「穿插廣告」

C:按下「取得程式碼」,按照指示安裝到網站即可。

更多「網頁層級廣告」的安裝、測試步驟,可參考這篇 Step by Step 的說明「如何建立Google網頁層級廣告」。



二、Blogger 安裝技巧


因為有些讀者安裝到 Blogger 範本時遇上麻煩,因此說明一下安裝到 Blogger 的技巧。

在修改範本之前,建議先閱讀「備份範本的訣竅」系列文章。

1. 原始安裝碼

官方提供的安裝碼長得像這樣:

<script async src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: 'ca-pub-XXXXXXXX',
enable_page_level_ads: true
});
</script>


2. 無法安裝

這個「Blogger 中文論壇討論串」表示安裝碼放入範本中時,有錯誤訊息無法儲存。

這是因為 Adsense 提供的官方安裝碼不符合標準的 XML 語法規範,紅色字串 async 沒有參數,因此 Blogger 範本對於非 XML 語法會丟出錯誤。

解決方法很簡單,我們手動替 async 加上參數即可,將原安裝碼的綠色字串改為以下:

<script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script>


3. 刪除 adsbygoogle.js

如果網頁已經安裝過 Adsense,那麼第一行綠色字串其實在網頁中,只要執行一次即可,重複執行會導致過多的 HTTP 請求及增加載入時間。

我們可在範本中搜尋紅色字串 adsbygoogle.js,若有找到的話,那麼第一行的綠色字串,在整個範本中只要留一處即可,多餘的皆可刪除


4. 安裝程式碼

經過以上調整後,在 Blogger 後台「範本」→「編輯 HTML」,游標點進範本區塊,按 Ctrl-F 搜尋 </head> 這個字串,找到後在此字串的前一行,插入調整過後的程式碼即可。



三、廣告數量如何取捨?


使用了「Adsense 錨定廣告」之後,等於是增加了行動版的廣告數量,這會帶來什麼影響呢?


1. 廣告載入速度

之前有讀者,覺得行動版的載入速度有點慢,曾請教要如何改善。檢視的結果發現沒裝太多外掛,不過各種廣告倒是滿多的,因此影響載入速度的主要原因就會是廣告數量了

其實廣告在某種程度也可視為外掛,而且一個廣告載入的外部物件,通常遠超過一個網頁小外掛,因此的確會影響網頁載入速度。


2. 減少廣告數量

如果你是注重使用者體驗的站長,那麼「減少廣告數量」的確可以有感提升網頁載入速度。可行的建議作法大致有這些:

A. 有的站長在網頁放了多家廣告,例如 Adsense、BloggerAds(或 Scupio)、FB 等等,要進行開刀的話,合理的作法是先從收益低的開始砍。由於 Adsense 收益遠超過其他廣告代理商,那麼倒是可以只留下 Adsense 廣告就好

B. 「Adsense 廣告尺寸及版面配置優化技巧」→「二、最佳化方式」曾提到,"範本中讀取到的第一個 Adsense 安裝碼,會分配到該頁面最高出價的廣告"。

讀者可以觀察自己的 Adsense 報表,找到點擊率最高的那個廣告,如果不是網頁第一個出現的廣告,那麼可以將這個廣告之前的廣告刪除,就能達到刪減廣告的目的。

如果捨不得刪除,可以另外找個比較後面的位置來放。



四、WFU BLOG 廣告的調整


經由以上的概念,本站也對 Adsense 廣告進行了調整。


1. 行動版

原本我一個頁面放了 4 個 Adsense 廣告,多了錨定廣告後會變成 5 個,感覺上數量過多,可能會帶給訪客不佳的閱讀體驗。

經檢視報表後,發現第 2 個廣告(放在繼續閱讀處)點擊率最高,而第 1 個廣告(放在導覽列下方)的點擊率跟第 3 個廣告差不多,因此最後決定刪除第 1 個廣告。

除了可縮減 Adsense 數量,也可讓原本第 2 個廣告的收益最大化。

adsense-anchor-ads-Blogger 安裝 Adsense 網頁層級廣告(錨定/重疊/穿插)使用心得

上圖為行動版刪除導覽列下方廣告,顯示「錨定廣告」的示意圖效果。


2. 網頁版

網頁版報表的數據跟行動版雷同,導覽列下方的廣告點擊次數,遠低於放在繼續閱讀處的廣告,因此一樣刪除導覽列下方的 Adsense,讓網頁版維持 3 個廣告就好(繼續閱讀 x 2 + 文末 x 1)。


3. 補充

由於每個網站的型態、客群都不一樣,點擊廣告的模式也不盡相同,讀者若模仿本站的處理方式,不一定能提高收益。

建議先觀察 Adsense 報表,找出點擊率最高的廣告位置,並評估第 1 個廣告的點擊率,才能決定如何處置第 1 個廣告,看是要刪除、移動位置、或是進行 A/B 測試,才能找出提高收益與調整廣告數量的平衡點。


更多 Adsense 相關技巧:

4 則留言:

  1. 孤狗的工程師有點兩光,居然出現這種瑕疵。後來想想增加這種浮動式廣告,好像真的會觀感不佳,先暫時不放了。

    回覆刪除
    回覆
    1. 其實一般的 adsense 廣告,安裝也是有同樣的問題,主要是 Adsense 跟 Blogger 是不同部門,並不會特別針對 Blogger 做微調。

      不過浮動式廣告的成效,我也還在觀察中,如果沒比較好的話,我也會撤掉~~

      刪除
  2. 嗨,您好,我遇到的問題是,用電腦看是有廣告的,可是換用手機看,就變成沒有廣告的部落格了,而且好像連瀏覽量也沒計入,很奇怪,您遇過這種事嗎?
    (不好意思,我說的不是網頁層級廣告,而是放在側欄和文章下方的廣告。)

    回覆刪除
    回覆
    1. 手機版跟網頁版,用的是不同範本內容喔,這是正常的,手機版內容需要另外處理。

      刪除

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
提問請附網址、詳細描述狀況,如提供的資訊不足,則無法回覆。
◎ 請在相關文章留言,與文章無關的主題請至「Blogger 中文論壇」。
◎ 若詢問 CSS 、非官方範本問題、或貴站為商業網站 ,請參考「本站諮詢頁面」→「1. 諮詢服務」
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 若發現留言不見了,通常是因為 "複製貼上" 的內容常被系統判定為垃圾留言,請不用擔心,我會定期將留言恢復。
◎ 本站「已關閉自刪留言功能」。