Skip to content

[WordPress] 在 AMP 網頁中添加 Google Adsense 自動廣告

Last Updated on 2021-10-17 by Clay

有許多人埋怨說在將網站增加了 AMPAccelerated Mobile Pages)版本後,手機版本的廣告便消失了。我不確定他們當初寫下那些文章時的狀況,不過現在要在 WordPress 網站中支持 AMP 頁面的 Google Adsense 自動廣告是一件十分容易的事情。

以下我會紀錄該如何透過 Advanced Ads 這個外掛來做到這件事。不過在那之前,我想簡單介紹一下什麼是 AMP。


AMP 加速行動頁面

AMPAccelerated Mobile Pages)顧名思義,就是專門用來加速行動裝置網頁的開啟速度的。

你可能會想說,究竟什麼樣的黑科技才能做到這件事呢?網站的開啟速度不應該是根據我伺服器的頻寬、使用者網路的速度、網站的元素規模等等來決定的嗎?

然而,AMP 透過了設定了 HTML 的規範、限制了一些網站原有的 JavaScript(可能會讓一些網站功能失效)、更由 Google 建立了快速的索引暫存 —— 這些因素讓搜尋結果上的 AMP 網頁能夠在一秒內瞬間開啟,大幅地提升了使用者搜尋體驗。

但除了這些優點外,這一兩年來我看到了許多經營網站的站長們提出了眾多關於 AMP 的疑慮以及缺點,有些是真的挺有道理的。

  1. Google AMP 讓流量留在了 Google 而非自己架設的網站
  2. Google AMP 難以返回網站首頁(我的 WordPress 模板沒有這個問題,返回首頁的圖示就在 AMP 頁面的最上方
  3. Google AMP 讓某些網站功能失效(完全認同!我的程式碼區塊複製功能就失效了。
  4. 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 的自動廣告。


References


Read More

Tags:

Leave a Reply