此方法適用完全沒有部署GTM，打算從0開始規劃GTM代碼部署。此GTM電子商務範本代碼提供GA4、FB廣告追蹤適用。另外也有設定基礎SERVER SIDE追蹤的設定。兩個範本皆為Json格式，完全免費下載。內文下方有提供GTM「容器匯入教學」，歡迎詳閱即可以快速套用GTM範本進行操作。
**兩個範本的自訂JS、CSS Selector皆需要自行設定對應網站的原始碼。所以匯入完成後，務必要對應網站元素繼續設定自定義變數，包刮「Price, ProductName, ProductID」。如有其他自行需求變數，務必也自己設定，並套用到對應代碼內。
下載點
匯入GTM範本教學
打開GTM – CLIENT容器，並點選管理。
接著再點選「匯入容器」。
選擇匯入的檔案：匯入下載好的範本檔案 (Json格式)。
選擇工作區：你要選擇匯入在哪個工作區，預設為Default，你也可以自己新增一個工作區，匯入GA4就對應GA4的工作區；匯入臉書就對應臉書工作區。
匯入選項：如果你是原本GTM就有代碼的，並不是完全空白；請選「合併」。如果是一個完全新的GTM容器，選擇「覆寫」、「合併」皆可。
匯入後，他會產生這樣的示意圖，會告訴你代碼新增、觸發條件新增、變數新增，以及範本新增的數量。
沒問題按確認即可。
上一個步驟案確定後。GTM會將JSON檔內全部的代碼、條件、變數都匯入到你的工作區裡面。
代碼變數解說
這邊務必注意，如果你的網站都沒有埋設資料層(DATA LAYER)，那你需要請網站工程師，在你的網站寫入對應的電子商務DLV資料。如果不懂怎麼寫入，可以查看本篇文章「GTM電子商務埋設大全1 – CSS Selector抓取Value，GA4電子商務完整代碼埋設」。裡面有包含文章完整教學，以及YT完整詳細影片教學。
如果你GTM有設定自訂JS變數，而DLV沒有任何資料，則需要將代碼的變數填入對應的電子商務參數資料。這樣GA4才會有完整的電子商務報表哦!
如果你是利用自訂JS抓取網站資料，你則需要更改CSS選擇器的內容。如果不知道怎麼修改，歡迎可以查看本篇文章。「GTM電子商務埋設大全1 – CSS Selector抓取Value，GA4電子商務完整代碼埋設」。
裡面有包含代碼設定、變數抓取的完整教學。
此範本代碼裡面的內容，變數、代碼資料，都需要再依照個別的網站進行設定。所以不要套用後就以為完成囉!