本站已經移除AMP(相關文章:移除AMP之緣由以及方式分享),本文不再更新!
簡介如何在AMP網頁佈署Google Tag Manager:
Google Tag Manager(以下簡稱GTM)是佈署各種程式碼到網頁的好幫手,除了可在一般網頁使用,GTM也有提供AMP版本的GTM,這篇文章將會介紹如何創建AMP版本的GTM、如何在AMP佈署GTM以及AMP版本GTM的限制,但不會詳細介紹GTM的使用方式,因為….其實我不常用。關於AMP的介紹,可以參考下面兩篇文章:
創建AMP版本的GTM:
因為AMP頁面的諸多限制,AMP版本的GTM容器程式碼跟一般網頁不一樣,需建立一個AMP版本用的容器,不能跟一般網頁的容器共用。創建AMP版本的容器很簡單,只要在「容器設定」的「目標廣告平台」選擇「AMP」即可。

創建好AMP版本的容器之後,就需要將這個容器安裝到AMP頁面中,這邊先說明AMP版本的容器編號跟容器程式代碼在哪。跟其他的容器一樣,在容器設定頁面的右上角就可以看到容器編號,點那個編號就能看到容器程式代碼,安裝方式有兩種:
- 在AMP外掛輸入容器編號
- 利用AMP外掛或其他方式,根據容器程式代碼的指示,將程式碼安裝到<head>跟<body>
以下會接續介紹如何在WordPress的AMP外掛處理。

以WordPress AMP外掛安裝GTM容器程式代碼:
WordPress AMP外掛主要有兩個,以下是以我習慣用的AMP for WP作為範例。設定方式有兩種:
輸入AMP容器編號跟Google Analytics ID:
- 路徑:「AMP for WP主側邊欄」 – 「Settings」 – 「使用者資料分析」
- 啟用「Google Tag Manager」後,輸入「Tag Manager ID (Container ID)」跟「Analytics ID(就是Google Analytics ID)」

將AMP容器程式代碼貼到<head>跟<body>:
- 路徑:「AMP for WP主側邊欄」 – 「Settings」 – 「Advance Settings」
- 根據容器程式代碼的指示,將程式代碼貼到<head>跟<body>

AMP版本GTM功能的限制:
在AMP上面安裝好GTM之後,後續GTM的代碼、觸發條件、變數等等設定就回歸到GTM的操作功能,這邊就不贅述,其實我也不太熟悉GTM….不過會開始用GTM也是因為要在AMP上設定Google Analytics的事件追蹤。
雖然可在AMP上佈署GTM,但是AMP版本的GTM相較於一般網頁版本,有蠻多限制的,例如AMP版本的變數沒有點擊相關變數,所以當特定網址的點擊被觸發時,無法將被點擊網址的資訊傳回Google Analytics,只能記錄該事件曾在哪個頁面發生。


除了變數比較少,AMP版本的GTM可佈署的代碼也少蠻多的,例如一般網頁版本的GTM可以佈署「自訂HTML」的代碼,AMP版本的GTM就沒有這個代碼,總之….AMP版本的GTM是加減用的意思,目前功能遠遠不及一般網頁版本的GTM。

Site Kit相關注意事項:
如果你的網站已安裝Google提供的Site Kit且完成跟Google Analytics的串接,該外掛也會在AMP頁面新增對應的Google Analytics代碼,所以….請勿在AMP的容器中啟用基本的Google Analytics網頁瀏覽代碼,以免造成重複追蹤。

心得:
雖然WordPress網站佈署AMP不難,但是被閹割的事件追蹤一直讓我耿耿於懷,過了那麼多年Google應該是不打算調整這個缺陷了,這一點也是我決定跟AMP分手的主因之一。總之…打算佈署AMP的話要好好研究它安裝追蹤碼的方式,愛用GTM可以省下很多麻煩。雖然GTM功能強大,但有一定的入門門檻,建議可以參考Damon老師的免費課程,我是建議學完進階內容。
延伸閱讀:
WordPress懶人包:
- WordPress架站|註冊網域、安裝網站 / 外掛、設定調整等9大步驟教學
- WordPress SEO|網域與索引、重點功能、內容編輯等七大主題教學
- WordPress主機|重點功能要求、主機費用評估、五大主機簡介
- WordPress推薦外掛|Yoast SEO、WP Rocket、AMP for WP等10大外掛
- WordPress佈景主題|主題市集ThemeForest挑選、購買、安裝佈景主題教學
- WordPress安全性強化|改善登入安全性、維持系統更新、慎選程式來源等8大方向
WordPress佈景主題:
WordPress外掛:
- Yoast SEO|WordPress必裝SEO外掛設定教學
- Redirection|WordPress必裝301轉址外掛設定教學
- WP Rocket|WordPress必裝快取外掛設定教學與注意事項
- WPForms|WordPress必裝表單外掛付費版教學
- Jetpack|超多工WordPress推薦外掛設定教學