Hi，我是民樂電腦。在先前文章我們介紹了 AMP 格式能夠提高行動裝置的網頁速度，進而達到提升 SEO 效果，可是卻沒有提到如何在 AMP 當中加入廣告？沒錯，這次的主題就是要來解說，如何專為 AMP 文章加入 Google AdSense

Ad Inserter – 專爲 WordPress AMP 加入 Ads 的廣告外掛

前言

也許你有這種經驗，常常發現許多網站參雜很多不同類型的廣告，而這些都是屬於 Google 廣告當中的一種，稱作 Google AdSense，簡稱 Ads。由於這些 Ads 能夠替管理者帶來些許的被動收入，因此才會有越來越多網站都採用這種方式

想要在網站中增加許多 Ads，最簡單就是用 Quick Adsence 外掛將 Ads 程式碼複製貼上啟用即可（詳見延伸閱讀）。但如果是 AMP 格式的文章呢？這個方法可是行不通的，因此筆者在本文當中來教大家，既能維持 AMP 格式的文章，又能繼續賺 Ads 的被動收入，讓我們開始吧

☞ 延伸閱讀：收益警示！快速了解 Google AdSense 與解決 ads.txt 教學

☞ 溫馨提醒：關於 Ads 的申請先前已經都教學過了，因此本文不再詳細敘述，如果忘記了，請再回頭看一下延伸閱讀即可

Ad Inserter 教學

Step1. 外掛下載

Ad Inserter

☞ 相關連結：Ad Inserter

Step2. 複製 HTML 代碼

☞ 溫馨提醒：以下程式代碼都是 Google AdSense 裡，選擇想要的廣告類型並複製貼上即可

先選擇複製 HTML 程式代碼

Step3. 貼上 HTML 代碼

再將 HTML 程式代碼貼在上面

Step4. 複製 AMP 代碼

先選擇複製 AMP 程式代碼

Step5. 貼上 AMP 代碼

再將 AMP 程式代碼貼在下面

☞ 溫馨提醒：完成複製貼上後，記得要在 AMP 代碼上面，也就是 HTML 與 AMP 之間，加入 【ADINSERTER AMP】 這串指令，這樣之後的廣告，只會出現在 AMP 網頁

Step6. 選擇顯示位置

選擇顯示好位置後，記得儲存設定才會生效

Step7. 廣告顯示效果

☞ 溫馨提醒：到這裡基本上都設定完成了，如果還要多個其他的廣告類型，重複步驟即可，記得選擇顯示位置要不同，否則廣告效果會亂掉

結論

這篇教學與先前的方式不同在於，一個是有針對 AMP 格式文章的廣告效果，一個則是沒有 AMP 格式文章。無論哪種方式切記要專注於閱讀者體驗，廣告只是額外的效果及被動收入，可別為了收益，讓廣告佔滿了網站文章頁面，相信你遇到這種網站，你應該也不想看吧！