iT邦幫忙

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

Google Tag Manager Micro Challenge系列 第 8

GTM 08 - 將確認完成的代碼發佈(Publish)上線和版本(Version)管理

GTM 社團


發佈 (Publish)

當我們設定好的代碼都透過預覽模式確認 OK 或第三方服務(Ex:GA)也可以蒐集到對應資訊的話,我們就可以把相關的代碼發佈(Publish)上線,也就是說所做的變更,要等到發佈後才會在網站上生效

我們要如何發佈上線呢? 可以按一下右上角的「提交」(Submit)按鈕,如下圖所示,建議大家每次發佈時可以到總覽(Overview)去看一下,這次的變更有哪些,這樣可以更確定是否有發佈到正確變更,從正在修改(Now Editing)和工作區變更(Workspace Changes)的資訊都可以看得出來

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

發佈的步驟如下:

  • 按一下畫面右上角的「提交」(Submit)按鈕
  • 按一下「發佈及建立版本」(Publish and Create Version),這是預設的選項
  • 輸入「版本名稱」(Version Name)和「版本描述」(Version Descritpion),建議大家要填可以識別的名稱,這樣對於管理或之後的查找都非常有幫助!
  • 如果有設定使用多個環境(Ex:Lab、Live),就需要選擇環境來發佈變更(預設是 Live)

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

  • 確認沒問題後,按一下右上角的發佈(Publish)按鈕
  • 就會看到下圖正在發佈的提示

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

等到發佈完成後就會看到下圖,畫面切換到「版本」(Version)的頁籤,顯示發佈完成的說明,讓我們知道這次發佈,總共更新的代碼(Tag)、觸發條件(Trigger)和變數(Variables)有哪些

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

版本頁籤的資訊可以將目前上線的資訊和之前所發佈的版本,可以記錄工作進度,還可以在必要時返回先前的版本,每個版本可以做以下的動作(Actions):

  • 預覽(Prview)
  • 分享預覽(Share Preview)
  • 發佈(Publish)
  • 重新命名(Rename)
  • 修改注意事項(Edit Notes)
  • 設為最新版本(Set as Latest Version)
  • 匯出(Export)

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

要注意建立(Create)版本及發佈(Publisth)版本是不同的。建立版本可以說像是儲存檔案一樣,每次的變更不可能是一次到位,所以我們要避免一次有太多的變更,讓管理代碼變得太過雜雜的話,我們就可以在一段時間或必要時建立版本,這樣也可以在出錯時迅速修復錯誤,並在確認此次的變更完時再進行發佈上線的動作

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


上一篇
GTM 07 - 用預覽(Preview)模式來除錯(Debug)
下一篇
GTM 09 - 利用工作區(Workspace)來管理多人協作的變更管理
系列文
Google Tag Manager Micro Challenge30

1 則留言

1
dancegame
iT邦新手 5 級 ‧ 2017-12-26 09:46:01

可以升退版本,不怕上錯蓋錯,勇敢發佈吧XDD
(注解很重要,注解很重要,注解很重要)

aco iT邦新手 5 級 ‧ 2017-12-26 09:55:58 檢舉

我自己的習慣是就算異動很簡單,Version Name 已經可以解釋異動的部份,我也會把 Version Name 複製一篇貼到 Description 中,這樣在看歷程時在 Description 也可以看到異動說明,如果一開始沒加也沒關係,在右上角的三個點點按下去,就可以修改 Version Name 或 Description 哦!

https://ithelp.ithome.com.tw/upload/images/20171226/201075829XyGcLMSKs.png

我要留言

立即登入留言