WP & SEO
  • WordPress
    • WordPress懶人包
    • WordPress SEO
    • WordPress外掛
    • WordPress主機
    • WordPress佈景主題
    • 網站速度優化
    • WordPress精選文章
  • SEO
    • SEO工具
    • 網站索引
    • WordPress SEO
    • SEO元素週期表
    • SEO精選文章
  • 數據分析
  • 自媒體
  • 關於我
無結果
View All Result
  • WordPress
    • WordPress懶人包
    • WordPress SEO
    • WordPress外掛
    • WordPress主機
    • WordPress佈景主題
    • 網站速度優化
    • WordPress精選文章
  • SEO
    • SEO工具
    • 網站索引
    • WordPress SEO
    • SEO元素週期表
    • SEO精選文章
  • 數據分析
  • 自媒體
  • 關於我
無結果
View All Result
WP & SEO
無結果
View All Result

Home » SEO » 在AMP網頁佈署Google Tag Manager – 創建AMP版本GTM容器、佈署方式與使用限制

在AMP網頁佈署Google Tag Manager – 創建AMP版本GTM容器、佈署方式與使用限制

by WP & SEO
2020-04-08 - 最新更新時間: 2021-12-17
in SEO
在AMP網頁佈署Google Tag Manager – 創建AMP版本GTM容器、佈署方式與使用限制

本站已經移除AMP(相關文章:移除AMP之緣由以及方式分享),本文不再更新!

簡介如何在AMP網頁佈署Google Tag Manager:

Google Tag Manager(以下簡稱GTM)是佈署各種程式碼到網頁的好幫手,除了可在一般網頁使用,GTM也有提供AMP版本的GTM,這篇文章將會介紹如何創建AMP版本的GTM、如何在AMP佈署GTM以及AMP版本GTM的限制,但不會詳細介紹GTM的使用方式,因為….其實我不常用。關於AMP的介紹,可以參考下面兩篇文章:

  • WordPress|Google AMP網頁教學:上線與檢測方式、成效、注意事項
  • WordPress|上線AMP網頁必備外掛 – AMP for WP設定與使用心得

創建AMP版本的GTM:

因為AMP頁面的諸多限制,AMP版本的GTM容器程式碼跟一般網頁不一樣,需建立一個AMP版本用的容器,不能跟一般網頁的容器共用。創建AMP版本的容器很簡單,只要在「容器設定」的「目標廣告平台」選擇「AMP」即可。

AMP有自己的容器程式代碼,創建容器時要選對

創建好AMP版本的容器之後,就需要將這個容器安裝到AMP頁面中,這邊先說明AMP版本的容器編號跟容器程式代碼在哪。跟其他的容器一樣,在容器設定頁面的右上角就可以看到容器編號,點那個編號就能看到容器程式代碼,安裝方式有兩種:

  • 在AMP外掛輸入容器編號
  • 利用AMP外掛或其他方式,根據容器程式代碼的指示,將程式碼安裝到<head>跟<body>

以下會接續介紹如何在WordPress的AMP外掛處理。

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,只能記錄該事件曾在哪個頁面發生。

一般網頁版本的GTM有點擊相關變數,AMP頁面的GTM就沒這些變數
綠框是在AMP頁面觸發的事件,只能記錄事件在哪個頁面被觸發,無法知道是頁面上的哪個網址;其他的事件是在一般頁面被觸發的,可記錄被點擊連結的錨文字(Click Text)

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

AMP版本容器的代碼不如一般網頁版本容器完整

Site Kit相關注意事項:

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

Site Kit會很雞婆(貼心?)的在AMP頁面加上GA代碼

心得:

雖然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佈景主題:

  • JNews|首選部落格 / 雜誌類型付費佈景主題購買與使用心得
  • Soledad|部落格 / 雜誌類型付費佈景主題購買與使用心得

WordPress外掛:

  • Yoast SEO|WordPress必裝SEO外掛設定教學
  • Redirection|WordPress必裝301轉址外掛設定教學
  • WP Rocket|WordPress必裝快取外掛設定教學與注意事項
  • WPForms|WordPress必裝表單外掛付費版教學
  • Jetpack|超多工WordPress推薦外掛設定教學
標籤: Google AMP
上一篇文章

WordPress|必備301轉址外掛 – 簡單好用的Redirection

下一篇文章

WordPress|付費佈景主題市集ThemeForest挑選、購買、安裝佈景主題教學

WP & SEO

WP & SEO

Hi, 我是Leo,正職是數位行銷,主攻SEO、WordPress、數據分析與內容規劃。以多年自助旅行經驗為基底、WordPress為骨架,打磨SEO與內容行銷專長。曾任KKday SEO經理,以電商平台與WordPress部落格系統穩定提升Google搜尋排名與流量。長期經營「Travel with Leo」作為WordPress與SEO的實驗場!歡迎光臨這個分享SEO、WordPress、自媒體的小天地。聯絡方式: 粉絲頁私訊 | Email 。

下一篇文章
WordPress|付費佈景主題市集ThemeForest挑選、購買、安裝佈景主題教學

WordPress|付費佈景主題市集ThemeForest挑選、購買、安裝佈景主題教學

無結果
View All Result

最新文章

  • SEO小教室|排名追蹤工具SE Ranking介紹:網站健診功能介紹、競爭者分析運用方式 2024-11-29
  • SEO小教室|排名追蹤工具SE Ranking介紹:專案設定、關鍵字排名報表、篩選功能 2024-11-28
  • WordPress|一鍵執行批次尋找與取代:Better Search Replace 2024-09-11
  • Cloudways主機介紹|服務與特色說明、主機選項、計費方式、優缺點分析 2024-09-04
  • Cloudways教學|主機設定介紹–FTP登入、PHP版本、備份時間等七大主題 2024-04-03

贊助商廣告

文章分類

  • Android APP
  • SEO
  • WordPress
  • 推薦文章
  • 數據分析
  • 自媒體
  • WordPress
  • SEO
  • 數據分析
  • 自媒體
  • 關於我
使用規範:請遵循CC BY-NC 4.0
聯絡我:粉絲頁私訊|Email。

聯盟行銷分潤聲明:本站部分連結屬於導購連結,如您於這些連結完成購買,我將能獲得維持網站營運的小額佣金。

  • WordPress
    • WordPress懶人包
    • WordPress SEO
    • WordPress外掛
    • WordPress主機
    • WordPress佈景主題
    • 網站速度優化
    • WordPress精選文章
  • SEO
    • SEO工具
    • 網站索引
    • WordPress SEO
    • SEO元素週期表
    • SEO精選文章
  • 數據分析
  • 自媒體
  • 關於我

聯盟行銷分潤聲明:本站部分連結屬於導購連結,如您於這些連結完成購買,我將能獲得維持網站營運的小額佣金。