iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 10
1
Modern Web

Google Tag Manager Micro Challenge系列 第 10

GTM 10 - 如何使用匯出(Export)/匯入(Import)的功能完成代碼設定

GTM 社團


GTM JSON

GTM 是以 JSON 格式的方式儲存檔案,也就是說我們可以透過 GTM 的匯出(Export)/匯入(Import)功能完成部份的代碼設定,在網路上可以找到許多別人設定好的 GTM Recipes,通常我們只要下載其 JSON 檔,並匯入自己的 GTM 容器中,再改一下相關的設定值就可以直接使用,減少自行設定代碼的時間,真的非常方便!

像是在之前 GTM 還沒有提供網頁滾動深度(Scroll Depth)的原生代碼時,網路上提供很多寫好的 Scroll Depth Recipes 讓想要偵測網頁滾動深度的人不用自己寫客製的 Javascript 程式和一些代碼的設定,只要匯入該 Recipes 再改一下對應的設定(Ex:設定自家網站的 GA ID),就可以免去設定大量代碼的時間,就有追蹤 Scroll Depth 的功能。網路上也提供很多其他的 Recipes 供大家使用,如下圖:

https://ithelp.ithome.com.tw/upload/images/20171217/20107582eV6sC7xL1a.png
[來源:Google Tag Manager Recipes]

其實不止是匯入其他 Recipes 才需要匯入匯出的功能,有時候我們想把目前的 GTM 容器備份起來,也可以使用匯出功能,如果我們有兩個容器代表不同環境,也可以使用匯出匯入功能來將兩個容器做同步的動作!

匯出(Export)

在 GTM 中,前往想匯出的容器,前往上方的「管理員」(Admin)頁籤,接著點擊下方的「匯出容器」(Export Container)。在選擇工具中選取需要的容器版本或當下的工作區(Workspace),如下圖所示,確認要匯出檔案後,即可按下「匯入」(Export),就可以把該容器的 JSON 檔下載完成

https://ithelp.ithome.com.tw/upload/images/20171227/20107582HWfjV8bslx.png

匯入(Import)

同樣在 GTM 中,前往想匯入的容器,前往上方的「管理員」頁籤,接著點擊下方的「匯入容器」(Import Container),使用選擇工具選取並選擇需要的容器 JSON 檔,依目的我們可以選擇需要覆寫(Overwrite)或合併(Merge)

https://ithelp.ithome.com.tw/upload/images/20171217/20107582KHiLTz4hTY.png

  • 覆寫:代表目前所有的代碼、觸發條件和變數都會被移除,並替換成匯入 JSON 檔容器中的設定
  • 合併:代表要把保留原來的容器的設定(如果是要新增功能的話通常是選擇合併),接著我們需要選取要覆寫(Overwrite)或重新命名(Rename)有衝突的代碼、觸發條件和變數,在這個步驟建議大家要按一下「查看變更詳情」(View Detialed Changes),如下圖所示,下面就會列出所有將受影響的代碼、觸發條件和變數,方便我們確認各項目是否正確

https://ithelp.ithome.com.tw/upload/images/20171217/20107582EyqfoqH2qf.png

確定要套用的變更沒有問題後,請按一下「確認」(Confirm),即可以完成匯入的程序囉!

歡迎來職涯社群的 GTM 社團一起討論哦!
原文章


上一篇
GTM 09 - 利用工作區(Workspace)來管理多人協作的變更管理
下一篇
GTM 11 - 透過 Tag Manager 設定 GA 的虛擬頁面瀏覽(Virtual Pageview)
系列文
Google Tag Manager Micro Challenge30

1 則留言

1
dancegame
iT邦新手 5 級 ‧ 2017-12-28 22:26:15

真想跟Google許願,可以單一設定匯入/出嗎? 哈哈

dancegame iT邦新手 5 級 ‧ 2017-12-28 22:37:43 檢舉

補充一下, GTM也記得不要忘了備份,畢竟有發生過容器遺失的情況,雖然事後Google有回補了

aco iT邦新手 5 級 ‧ 2017-12-28 23:23:44 檢舉

備份真的滿重要的! 現在會定期匯出 JSON 檔

我要留言

立即登入留言