GTM教學｜伺服器追蹤教學 | 伺服器配置設定

發佈留言 / GoogleTagManager / 作者: 阿泰

務必看以下教學內容時，先購買好公司的伺服器，例如「GCP、STAPE」。這兩個都是常見的，專門處理GTM-S容器請求的伺服器。如果沒有購買，以下教學也將無法成功完成。

如果你想要先使用免費的，那你可以先考慮Stape，他有提供1萬次的免費請求，之後如果你有需要再開通付費即可。如果你想要透過GCP安裝你的伺服器，那你可以查看「GTM教學 – 手動設定GCP-SERVER伺服器配置」。另外以上兩個都是國外平台，如果您的公司是在台灣，且希望可以有一台固定成本的伺服器，黑客數位也提供 “GTM伺服器建置服務”。我們可提供發票、GTM Server部署、GTM Server 設定，全部皆可由黑客團隊處理。

手動部署不會想像中這麼困難，但有一個問題是，要如何把伺服器的成本優化，每個月90-100萬個事件請求，平均GCP會收費2500-3500元台幣。這一年下來會耗費額外成本近4萬元支出；歡迎找黑客數位，專業優化伺服器事件請求。降低伺服器費用超過8成。

黑客數位專業優化伺服器事件請求

本系列會指導講解有關ServerSIde的建設，以及Server可以做到哪一些Client收集不到的資料，務必確保要看這一系列的同時，公司已經埋設好Server，或是已經購買好伺服器。如果你完全對伺服器追蹤沒有概念，那你可以先查看「Server-side提升廣告轉換成效｜了解Adblocker阻擋的原理」。

透過伺服器安裝「GTM – ServerSide 伺服器追蹤教學3 | FacebookCapi轉換事件設定」。
透過伺服器安裝「GTM – ServerSide 伺服器追蹤教學2 | GA4事件設定」。
設定伺服器自訂網域「伺服器追蹤埋設 – GTMServerTracking教學大全 5 ｜自訂網域追蹤」。

章節內容

1 Client VS Server追蹤
2 如何區別Client & Server的容器
3 創立GTM-Server容器
4 前往STAPE網站
5 認識STAPE中的介面
6 自訂容器追蹤網域
7 Server容器設定
8 前往GTM伺服器預覽模式
9 查看事件正確接收
10 更多文章

Client VS Server追蹤

原有的Client side追蹤，都是透過使用者的瀏覽器發送請求至各大追蹤平台，因此如果使用者的瀏覽器有安裝，第三方阻擋、IOS作業系統，那就會無法順利追蹤。

透過Server 的追蹤，可以節省js程式碼的運行，優化網站速度，另外透過GTM伺服器追蹤，只需要一串代碼，讓用戶瀏覽器與伺服器進行溝通，後續所有資料都會在Server處理。並且這一段請求網址是可以允許我們自訂網域，因此可以大大減少被阻擋的機率。

另外也能拿到Client收集不到的資料，或是你可以再把伺服器的資料傳到其他平台、資料庫。光是可以看到使用者瀏覽器的資料，這一點就非常值得做埋設了。

使用伺服器追蹤另外一個優勢，可以看到來自使用者瀏覽器上的資料，ip、cookie、使用裝置等，或是你想要自己安插更多資料，都可以直接在GTM的Server辦到。

如何區別Client & Server的容器

Client的容器左邊選單沒有「用戶端」、「轉換」。

Server的選單比較多，另外你也可以透過個別命名Server容器，達到區別的目的。

那以上是我們大略認識GTM – Server的優勢、區別。

接下來我們會開始進行GTM-Server的容器配置設定。

創立GTM-Server容器

一開始創立容器，他會問你要選擇哪一個部署方式，如果是自動的話，GTM就會自動幫你與GCP連線，這個方式為購買GCP的伺服器。如果你是手動配置，那你可能會需要架設一個伺服器，或是你可以選擇購買STAPE。

本篇文章的範例就是會教你使用STAPE進行GTM-Server容器的配置。

前往STAPE網站

前往這個網站後，你需要先註冊一個帳戶，並且在上一步驟選擇「手動佈建」，你會看到一串長長的代碼，待會在STAPE開通的時候會需要使用。並且伺服器的位置盡量選擇靠近你所在地的，例如我在台灣，我就選擇離台灣近一點的地點，比如日本。

如果你有成功設定好，你會看到這一個綠色勾勾，並且下面那一串，就是在STAPE申請帳號時「Container Configuration」放入的代碼。

如果這邊看不太懂，我會建議你直接去看YT的教學影片，會比較清楚。

認識STAPE中的介面

本範例以免費的方案進行教學，如果你也還在觀望伺服器設定的，你也可以選擇STAPE中的免費方案，會有1萬個請求，大網站基本上一天會超過1萬次，如果是比較小型的網站，你可以先免費測試看看。

伺服器地域，記得選擇離你所在地比較近的，例如我在台灣，我就選擇日本，或是其他較近的國家。

你可以注意下方有一個「Container Config」，就是你一開始在申請伺服器時，所填入的GTM-Server佈建代碼。

自訂容器追蹤網域

這也是Server其中一個強大的地方，就是讓你可以自訂發送的網址，可以減少被外掛插件阻擋的機率，這個步驟會需要做DNS的指向。我個人會建議你做這個設定，如果你不懂DNS指向，也歡迎詢問。

如果你想要設定自訂伺服器網域「伺服器追蹤埋設 – GTMServerTracking教學大全 5 ｜自訂網域追蹤」。

這一個網址先複製下來，待會要放在GTM-Server的網址中。

Server容器設定

回到你剛剛建立的GTM-Server容器，點選「管理」-「容器設定」。

將前一步驟複製下來的網址貼在「伺服器容器網址」內。並且注意下方「標器伺服器」是否有綠勾勾。

前往GTM伺服器預覽模式

回到GTM-Server首頁點選預覽，你可以看到上方URL開頭是你剛剛在前一步驟埋設的那一串網址，這樣代表正確設定!

有一點要注意的是，如果你需要埋設新的事件、代碼等，務必先開始「Server」再開啟「Client」。以確保client上面的事件可以正確接收到。因為GTM的4個分頁都外觀相近，我通常會在兩邊中間放官網以便區隔。

查看事件正確接收

回到GTM-Server查看事件有無正確收到。如果與Client端同步，有接收正確的事件，那就代表你埋設無誤。你也可以至GA4的及時報表查看事件哦。

GOOGLE即將淘汰第三方COOKIE，因此對於第一方的資料，絕對是會日趨增長，如果你還沒有埋設伺服器追蹤，個人強烈推薦你使用。彈性高、追蹤較準確。

更多文章

Looker Studio

GA4

GTM

BigQuery

其他

相關

error: