Last Updated on 2021-10-17 by Clay
有許多人埋怨說在將網站增加了 AMP (Accelerated Mobile Pages)版本後,手機版本的廣告便消失了。我不確定他們當初寫下那些文章時的狀況,不過現在要在 WordPress 網站中支持 AMP 頁面的 Google Adsense 自動廣告是一件十分容易的事情。
以下我會紀錄該如何透過 Advanced Ads 這個外掛來做到這件事。不過在那之前,我想簡單介紹一下什麼是 AMP。
AMP 加速行動頁面
AMP (Accelerated Mobile Pages)顧名思義,就是專門用來加速行動裝置網頁的開啟速度的。
你可能會想說,究竟什麼樣的黑科技才能做到這件事呢?網站的開啟速度不應該是根據我伺服器的頻寬、使用者網路的速度、網站的元素規模等等來決定的嗎?
然而,AMP 透過了設定了 HTML 的規範、限制了一些網站原有的 JavaScript(可能會讓一些網站功能失效)、更由 Google 建立了快速的索引暫存 —— 這些因素讓搜尋結果上的 AMP 網頁能夠在一秒內瞬間開啟,大幅地提升了使用者搜尋體驗。
但除了這些優點外,這一兩年來我看到了許多經營網站的站長們提出了眾多關於 AMP 的疑慮以及缺點,有些是真的挺有道理的。
- Google AMP 讓流量留在了 Google 而非自己架設的網站
- Google AMP 難以返回網站首頁(我的 WordPress 模板沒有這個問題,返回首頁的圖示就在 AMP 頁面的最上方)
- Google AMP 讓某些網站功能失效(完全認同!我的程式碼區塊複製功能就失效了。)
- Google AMP 沒有出現廣告(我不確定之前的情況,但現在我很肯定能夠放上自動廣告)
尤其第 4 點,正是我今天要解決的主題。
只要能解決廣告投放的問題,我想我是能接受 AMP 網頁的。畢竟使用行動裝置也很少人會需要複製程式碼。
那麼以下開始進入主題:如何在 AMP 網頁中添加 Google Adsense 自動廣告。
AMP 網頁中添加自動廣告
Step 1: 前往 Google Adsense 取得 AMP 自動廣告
前往 Google Adsense > Ads > Overview > 開啟 AMP 支援。
Step 2: 下載並啟用 Advanced Ads 外掛
Step 3: 允許 AMP 自動廣告
Advanced Ads > Settings > Adsense > 勾選 Enable AMP Auto ads。
接著大概等個幾分鐘左右,你應該便可以看到行動裝置版本的 AMP 網頁多出了 Google Adsense 的自動廣告。