文章目錄
認識Stape
Stape是一家伺服器端標籤託管服務商，它簡化了伺服器端追蹤，讓使用者更加容易實現伺服器端跟踪。
實現原理
原理如下：
這個過程會用到兩個GTM容器：一個伺服端容器和一個普通網站容器。
布署示範
創建伺服端容器sGTM
首先創建伺服端容器sGTM，在GTM裡點擊「管理」——「+」,然後做如下設定：
點擊「建立」後就進入設定標記伺服器：
選擇“手動佈建標記伺服器”，需要複製容器設定aWQ9R1RNLVBOMk5ENkNDJmVudj0xJmF1dGg9QWQ1TjUzaWRsX1lzNkdHV0dLeXF5dw==，後面將用於在Stape裡設定。
就可以點擊「關閉」。
Stape裡創建sGTM
在Stape裡點擊「sGTM」——「Create container」，然後做如下設定：
Container configuration裡黏貼上一步複製的aWQ9R1RNLVBOMk5ENkNDJmVudj0xJmF1dGg9QWQ1TjUzaWRsX1lzNkdHV0dLeXF5dw==。
最後點擊「Create Container」，接下裡就是選擇訂閱的類型：
這裡選擇免費版的。
設定伺服器容器網址
Stape裡的sGTM裡自動生成一個伺服器容器網址，打開剛創建的sGTM，找到 Domains (Tagging Server URLs)就可以看到伺服器容器網址是https://ybshxyvs.jp.stape.io：
也就是GTM代碼的和資料的發送都是發送到這個地址，這是個第三方的網域，看起來不太好看，我們可以自定，點擊「Add custom domain」，做如下設定：
到域名商後台設定CNAME，這個設定的作用是GTM代碼的和資料的發送都是發送到這個地址gtm.haranhuang.com。
免費版的Stape只能設定一個CNAME，如果是使用付費版的Stape ，建議設定兩個CNAME，一個用於加載GTM的程式碼，一個用於接收GA4資料。
返回到GTM裡，點擊「管理」——「容器設定」設定伺服器容器網址：
創建網站容器GTM
GTM裡創建一個普通的網頁容器，網頁容器ID是GTM-NW7D7DV，下一步會用到它。
然後做如下設定：
重點是要配置參數server_container_url，值是gtm.haranhuang.com，表示資料發送到gtm.haranhuang.com。
安裝sGTM的基礎代碼
在Stape裡點擊「Power-Ups」——「Custom Loader」——「use」做如下設定：
- Domain：gtm.haranhuang.com，表示從哪裡加載GTM程式碼
- Web GTM ID：就是上一步網頁容器ID是GTM-NW7D7DV （注意，這裡不是填伺服器容器的）
- Platform：Other
點擊「Generate」，右側就會生成GTM的程式碼，將其安裝到網站。
配置sGTM
在sGTM裡做如下設定：
客戶端
變數
勾選內建變數Client Name和Event Name ：
觸發條件
代碼
sGTM預覽調試
sGTM裡點擊「預覽」，然後打開網站：
資料可以發送。
在瀏覽器開發者工具的網路裡，用“gtm”過濾：
可以看到GTM是從gtm.haranhaung.com加載。
資料是發送到gtm.haranhaung.com。
