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

需要任何協助嗎?

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

其他文章推薦

查看更多 →
【成功案例】修復GA4 網店總收益落差
成功案例

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

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

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

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

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

Looker Studio |國外串接工具 Supermetrics, Adveronix 價格比較整理
Looker Studio

Looker Studio |國外串接工具 Supermetrics, Adveronix 價格比較整理

目前台灣要將臉書廣告數據、Google Ads、META 社群數據,或是GA4 數據彙整至Google Sheet, Looker Studio 都需要依賴以下這幾項工具 快客 、 Porter Metrics、Supermetrics、Reporting Ninja、Adveronix 與 Dataslayer.ai 。 如果你是正在尋找這種第三方串接工具的,這篇文章會很適合你,同時也可以考慮,由黑客數位所開發的串接工具 快客,價格合理、不限查詢次數、整合台灣常用資料源、全中文介面、中文客服支援 。本篇將深入比較五款熱門行銷報告與資料自動化工具 —— 快客 、Porter Metrics、S

Looker Studio 教學|Super Metrics 串接教學
Looker Studio

Looker Studio 教學|Super Metrics 串接教學

讓looker studio 串接臉書廣告數據。本篇文章使用supermetrics 帶你從0串接你的facebook ads 廣告數據。supermetrics 提供一個月999的台幣為授權使用費,也有提供免費使用的14天版本。

【成功案例】GTM 伺服器, Meta CAPI - GA4 完整導入
成功案例

【成功案例】GTM 伺服器, Meta CAPI - GA4 完整導入

本次黑客與台灣知名充電站品牌 EVOASIS 合作。提供部署GTM 伺服器追蹤、META CAPI設定、GA4 完整電商事件導入。黑客提供前後端完整技術支援,協助客戶蒐集到更準確的事件追蹤數據。

【成功案例】修正GA4 總收益數據落差
成功案例

【成功案例】修正GA4 總收益數據落差

本次黑客與勵馨基金會合作,GA4 修正顧問指導。從原本大幅捐款金額落差,網站只有蒐集到網站10%的金額數據。至透過黑客提供正確修正流程,網站收益金額提高到7-8成的數據正確。

【成功案例】內容型漏斗規劃
成功案例

【成功案例】內容型漏斗規劃

本次黑客與 UDRIVE City 合作,規劃 GA4 內容型網站漏斗事件。從原本完全沒有任何GA4 數據,完整揭露每一個網站用戶的行為節點。提高後續數據分析的完整性,加入購物車事件↑∞、購買事件↑∞。

【成功案例】多管道數據報表建置
成功案例

【成功案例】多管道數據報表建置

本次黑客與 古北町 合作,規劃 Looker Studio 多管道數據報表。結合 META廣告數據 x GOOGLE Ads 數據。整理、重新規劃原本凌亂難讀的數據報表,提供人員無需再手動整理數據、匯出Excel 數據等。提高後續數據分析的效率。

【成功案例】數據分析轉換率優化
成功案例

【成功案例】數據分析轉換率優化

本次黑客與 DEPIC 合作。Looker Studio, Clarity, AB TEST, GA4 工具。替客戶找出網站熱門動線、專注區域,以及透過數據判斷冗贅流程、商品頁過長、修正用戶購物流程等。打造多管道報表,有助於企業未來在數據分析時更加有效率。