Skip to content
WONGCW 網誌
  • 首頁
  • 論壇
  • 微博
  • 壁紙下載
  • 免費圖床
  • 視頻下載
  • 聊天室
  • SEO工具
  • 支援中心
  • 表格製作
  • More
    • 在線名片
    • 網頁搜索
    • 天氣預報
    • 二維碼生成器
  • Search Icon

WONGCW 網誌

記錄生活經驗與點滴

[教學]Google TAG Manger 代碼管理工具,除了可自訂原始碼,還支援版控

[教學]Google TAG Manger 代碼管理工具,除了可自訂原始碼,還支援版控

2018-10-30 Comments 0 Comment
梅問題-[教學]Google TAG Manger 代碼管理工具,除了可建立原始碼外,還支援版控

前幾天有位學員,問到梅干GTM的事,說真的梅干知道GTM很久了,只是一直沒時間去研究它,而這回正好學員遇到問題,因此就抽空來了解一下GTM的運作方式,先前梅干一直以為GTM的功能就是只是用來,擴充GA的追踨碼,讓可收集的資訊更多,但梅干卻萬萬也沒想到,GTM除了可管理追蹤碼外,甚至還可以插入HTML的原始碼。

或許大家可能跟梅干心中的想法一樣,竟然是安裝HTML碼,那不是直接新增到網頁中就好,為何還要透過GTM的JS動態來產生,原來是這樣子的,由於那學員是使用網路的購物平台,但購物平台無法任意的讓使用者編輯網頁架構,因此這時就可透過GTM來實現,動態的將網頁加入HTML語法,除此之外GTM還支援版控的機制,因此當誤改了還能回溯,是一個相當方便的工具,因此還沒用過的朋友,現在也一塊來了解一下囉!


Google TAG Manger

網站連結:https://tagmanager.google.com/

Step1
只要有Gmail都可使用,當進到GTM後,點一下右上的「建立帳戶」。
梅問題-[教學]Google TAG Manger 代碼管理工具,除了可建立原始碼外,還支援版控


Step2
建立帳戶名稱。
梅問題-[教學]Google TAG Manger 代碼管理工具,除了可建立原始碼外,還支援版控


Step3
設定代碼要執行的網址,以及平台。
梅問題-[教學]Google TAG Manger 代碼管理工具,除了可建立原始碼外,還支援版控


Step4
接著再看完合約條款後,將下方勾選起來。
梅問題-[教學]Google TAG Manger 代碼管理工具,除了可建立原始碼外,還支援版控


Step5
接著再把這二段碼,分別放到網頁中。
梅問題-[教學]Google TAG Manger 代碼管理工具,除了可建立原始碼外,還支援版控


Step6
一個是加到<head>標籤下,另一個則是加到<body>標籤下。
梅問題-[教學]Google TAG Manger 代碼管理工具,除了可建立原始碼外,還支援版控


Step7
再點「新增代碼」。
梅問題-[教學]Google TAG Manger 代碼管理工具,除了可建立原始碼外,還支援版控


Step8
再點「新增」。
梅問題-[教學]Google TAG Manger 代碼管理工具,除了可建立原始碼外,還支援版控


Step9
再點一下中間的圖示鈕。
梅問題-[教學]Google TAG Manger 代碼管理工具,除了可建立原始碼外,還支援版控


Step10
在代碼的除了有各式的精選追蹤碼外,也可使用自訂的HTML選項。
梅問題-[教學]Google TAG Manger 代碼管理工具,除了可建立原始碼外,還支援版控


Step11
當選擇自訂HTML碼,就像在WordPress中的自訂HTML完全一樣,就可將要顯示的HTML碼,直接貼到這個輸入框中,而經梅干實測的結果,這個自訂HTML也可使用jQuery。
梅問題-[教學]Google TAG Manger 代碼管理工具,除了可建立原始碼外,還支援版控


Step12
這邊梅干就很簡單的加入一個HTML碼,接著再點下方的寫發事件。
梅問題-[教學]Google TAG Manger 代碼管理工具,除了可建立原始碼外,還支援版控


Step13
這邊梅干是選擇,當網頁一載入就套用,檢查都沒問題後,再按「儲存」。
梅問題-[教學]Google TAG Manger 代碼管理工具,除了可建立原始碼外,還支援版控


Step14
接著按「提交」。
梅問題-[教學]Google TAG Manger 代碼管理工具,除了可建立原始碼外,還支援版控


Step15
再按發佈後,就可設定發佈的版本名稱或說明。
梅問題-[教學]Google TAG Manger 代碼管理工具,除了可建立原始碼外,還支援版控


Step16
在發佈完成後,就會看到以下資訊。
梅問題-[教學]Google TAG Manger 代碼管理工具,除了可建立原始碼外,還支援版控


Step17
接著再重新整理頁面,這時就會看到,頁面中就會動態的顯示,剛所在GTM中所建議的原始碼啦!真的是一個好物呀!而GTM最大的好處,則是可以將多追踨碼,全部整併在一起,如此一來無論在管理還是網頁載入,都會更方便、更快速。
梅問題-[教學]Google TAG Manger 代碼管理工具,除了可建立原始碼外,還支援版控

分享此文:

  • 按一下即可分享至 X(在新視窗中開啟) X
  • 按一下以分享至 Facebook(在新視窗中開啟) Facebook
  • 分享到 WhatsApp(在新視窗中開啟) WhatsApp
  • 按一下以分享到 Telegram(在新視窗中開啟) Telegram
  • 分享到 Pinterest(在新視窗中開啟) Pinterest
  • 分享到 Reddit(在新視窗中開啟) Reddit
  • 按一下即可以電子郵件傳送連結給朋友(在新視窗中開啟) 電子郵件
  • 點這裡列印(在新視窗中開啟) 列印

相關


教學資源

Post navigation

PREVIOUS
[SEO]Cloudflare SSL Test Tool線上SSL憑證檢測器,一鍵快速檢查網站的SSL是否安裝正確
NEXT
[SEO] META SEO inspector 為網站檢查META是否完整以及網頁是否符合HTML5

發表迴響取消回覆

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料。

More results...

Generic filters
Exact matches only
Search in title
Search in content
Search in excerpt
Filter by 分類
網站公告
Featured
赫思醫美
限時免費
Windows 軟件下載
系統軟件
辦公軟件
圖像處理
影音媒體
網絡軟件
應用軟件
Mac 軟件下載
安卓軟件下載
網絡資訊
Mac資訊
Linux資訊
VPS資訊
NASA資訊
WordPress資訊
WeChat資訊
PHP資訊
教學資源
開源程序
網頁工具
SEO工具
醫療健康
其他資訊
Content from
Content to
2018 年 10 月
一 二 三 四 五 六 日
1234567
891011121314
15161718192021
22232425262728
293031  
« 9 月   11 月 »

分類

  • 網站公告
  • 赫思醫美
  • 限時免費
  • Windows 軟件下載
  • 系統軟件
  • 辦公軟件
  • 圖像處理
  • 影音媒體
  • 網絡軟件
  • 應用軟件
  • Mac 軟件下載
  • 安卓軟件下載
  • 網絡資訊
  • Mac資訊
  • Linux資訊
  • VPS資訊
  • NASA資訊
  • WordPress資訊
  • WeChat資訊
  • PHP資訊
  • 教學資源
  • 開源程序
  • 網頁工具
  • SEO工具
  • 醫療健康
  • 其他資訊

彙整

近期文章

  • 嫦娥七號明年前後將發射也將帶一件重要儀器上月球 2025-07-10
  • 三星首款三折疊已就緒但仍在觀望市場是否真有需求 2025-07-10
  • 地表最貴AI誕生年費2.1萬,自稱學術能力超人類博士 2025-07-10
  • 中車長客設計師:CR450BF爭取明年見 2025-07-10
  • 儲存空間越來越不夠用1%的PC玩家設備可用不足10G 2025-07-10
  • 跳票6年後特斯拉Semi電動半掛終於完成貨運測試 2025-07-10
  • 主產帕薩特和速派存世17年的上汽大眾南京工廠正式關閉 2025-07-10
  • 歐洲高效能運算處理器「Rhea1」流片上市時間延至2026年 2025-07-10
  • 烏克蘭將在2026年推出星鏈行動服務 2025-07-10
  • 美國機器人自主完成膽囊切除手術表現堪比資深醫生 2025-07-10

熱門文章與頁面︰

  • 無3C行動電源禁止登機一文看懂到底什麼是3C認證、如何分辨真偽
  • Photon Matrix:針對蚊子的“防空系統”
  • 曝鈴木汽車因中國稀土管制全面停產主力車型雨燕
  • 百度地圖新增攤位上傳綠色通道用戶使用地圖可直接導航至地攤前
  • TIM for Windows v2.3.0.20979 正式版发布
  • ABC/CBS/Fox/NBC紛紛向免費電視流媒體應用Locast發起訴訟
  • 完整驅動程序解決方案Treexy Driver Fusion v8.1.0 + v1.7.0 Premium
  • 您可以在Windows 11 24H2 中找回WordPad
  • CorelDRAW Graphics Suite 2020 v22.1.0.517
  • 微信調整新裝置登入驗證功能可以人臉辨識取代先前兩位好友驗證碼

投遞稿件

歡迎各界人士投遞稿件到admin@wongcw.com

請提供以下資料:

1.你的名字

2.你的電郵

3.分類目錄

4.文章標題

5.文章摘要

6.文章內容

7.文章來源

 

聯繫我們

查詢,投稿,商務合作:
​admin@wongcw.com
​技術支援:
​support@wongcw.com
​客户服務:
​cs@wongcw.com

QQ群:833641851

赫思醫美

快帆

MALUS

極度掃描

DMCA.com Protection Status

WONGCW 網誌

  • 免責聲明
  • 捐助我們
  • ThemeNcode PDF Viewer
  • ThemeNcode PDF Viewer SC
  • Events

服務器提供

本站使用之服務器由ikoula提供。

聯繫我們

查詢,投稿,商務合作:
​admin@wongcw.com
​技術支援:
​support@wongcw.com
​客户服務:
​cs@wongcw.com

QQ群:833641851

© 2025   All Rights Reserved.