聯絡我們LINE加入 LINEFacebook粉絲專頁
GTM教學|伺服器追蹤教學 | 伺服器配置設定
GTM

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

https://youtu.be/hWRiKwpcx64 務必看以下教學內容時,先購買好公司的伺服器,例如「GCP、STAPE」。這兩個都是常見的,專門處理GTM-S容器請求的伺服器。如果沒有購買,以下教學也將無法成功完成。 如果你想要先使用免費的,那你可以先考慮Stape,他有提供1萬次的免費請求,之後如果你有需要再開通付費即可。如果你想要透過GCP安裝你的伺服器,那你可以查看「 GTM教學 - 手動設定GCP-SERVER伺服器配置 」。另外以上兩個都是國外平台,如果您的公司是在台灣,且希望可以有一台固定成本的伺服器, 黑客數位也提供 "GTM伺服器建置服務" 。我們可提供發票、GTM S

務必看以下教學內容時,先購買好公司的伺服器,例如「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 |自訂網域追蹤」 。

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,因此對於第一方的資料,絕對是會日趨增長,如果你還沒有埋設伺服器追蹤,個人強烈推薦你使用。彈性高、追蹤較準確。

需要任何協助嗎?

最快一個工作天將與您聯繫。

其他文章推薦

查看更多 →
GTM 教學|Shopify 如何設定META 免費像素?
GTM

GTM 教學|Shopify 如何設定META 免費像素?

這篇會教你使用SHOPIFY 的顧客事件 (自訂像素) Customer Pixel 來安裝行銷常用代碼。例如,META, GA4, Gads 轉換代碼等。透過AI 可以快速協助我們完成這些行銷追蹤碼的設定。

【成功案例】GA4 電商事件規劃
成功案例

【成功案例】GA4 電商事件規劃

本次黑客協助規劃舒康雞電商網站,完整規劃GA4電子商務必要事件,以及正確觸發事件。精準蒐集網站用戶行為,大幅提高網店轉換率。

【成功案例】轉換率優化模組
成功案例

【成功案例】轉換率優化模組

本次黑客與三隻斑馬合作,提供轉換率優化模組埋設,幫助電商網站改善用戶動線、用戶體驗,以增加廣告用戶的實際購買轉換率。本次黑客協助提供撰寫前端轉換率模組,以及完整設定、指導轉換率模組使用教學。

Meta Ads MCP 是什麼?不用寫程式也能讓 AI 分析 Meta 廣告
AI

Meta Ads MCP 是什麼?不用寫程式也能讓 AI 分析 Meta 廣告

行銷人、廣告投手一定要學的 MCP 串接方式。輕鬆讓 AI 讀取 Meta 廣告資料,透過 MCP 開始分析你的 Meta 廣告數據、GA4 數據等更多。一站式輕鬆分析廣告數據、廣告操作等複雜任務交給AI!

【成功案例】GA4 導入
成功案例

【成功案例】GA4 導入

本次黑客與 低調生活DLIFE 合作,協助提供完整 GA4 數據健檢、完整GA4事件規劃、提供頂尖數據儀表板。再透過快客數據串接,協助客戶打造一系列的數據報表,同時也提供完整數據流工作的完整解說。

【成功案例】GA4 導入
成功案例

【成功案例】GA4 導入

本次黑客與 澄駒國際車業 合作,協助提供完整GA4事件規劃、提供頂尖數據儀表板。透過快客數據串接,協助客戶打造一系列飛快的數據報表,同時也提供完整數據流工作的完整解說。

GA4教學|數據工程師教你使用GA4 MCP
GA4

GA4教學|數據工程師教你使用GA4 MCP

這篇文章會教你使用 CLAUDE 或是其他 AI AGENT 帶你從 0 串接 GA4 MCP。需要注意創立 Service Account 時候,建議使用個人帳號,如果你是使用企業帳號,則會有權限限制的問題,導致你的GA4 沒辦法加入 Service Account。

【成功案例】修復GA4 網店總收益落差
成功案例

【成功案例】修復GA4 網店總收益落差

台灣開店平台常有數據與GA4 數據大幅落差問題。導致數據人員無法判讀數據的困擾。

【成功案例】修復GA4 網店工作階段判讀落差
成功案例

【成功案例】修復GA4 網店工作階段判讀落差

本次黑客修復網店utm 臉書廣告歸因判讀,以及direct / none 歸因判讀錯誤問題。成功將網店的臉書廣告歸因提升141% 正確修復,而direct / none 也有明顯下降!