Skip to content
WONGCW 網誌
  • 首頁
  • 論壇
  • 微博
  • 壁紙下載
  • 免費圖床
  • 視頻下載
  • 聊天室
  • SEO工具
  • 支援中心
  • 表格製作
  • More
    • 在線名片
    • 網頁搜索
    • 天氣預報
    • 二維碼生成器
    • WordPress 插件及主題下載
  • 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 代碼管理工具,除了可建立原始碼外,還支援版控

分享此文:

  • 分享到 Twitter(在新視窗中開啟)
  • 按一下以分享至 Facebook(在新視窗中開啟)
  • 分享到 WhatsApp(在新視窗中開啟)
  • 按一下以分享到 Telegram(在新視窗中開啟)
  • 分享到 Pinterest(在新視窗中開啟)
  • 分享到 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工具
  • 醫療健康
  • 其他資訊

彙整

近期文章

  • 微小獨特的海洋生物揭示神經元的古老起源 2023-09-22
  • 新型奈米帶可提高電池和太陽能電池的效率 2023-09-22
  • 首次iPhone 15 Pro跌落測試鈦金屬相比不鏽鋼表現如何? 2023-09-22
  • 空拍人士:特斯拉德州超級工廠可能停產至月底 2023-09-22
  • 餘承東卸任華為車BU CEO 三大疑問待解 2023-09-22
  • Android 14 QPR1可讓使用者透過USB將Android裝置當作PC攝影機 2023-09-22
  • 中國科學家新成果:有了這種材料,再也不用擔心沒有水喝了? 2023-09-22
  • 源自47.6萬年前:考古學家發現世界上最古老的木造建築 2023-09-22
  • 英國”英美資料橋”擴展協議將納入歐盟-美國資料隱私框架 2023-09-22
  • 改進電極材料MXene有望開啟可充電電池技術的未來 2023-09-22

熱門文章與頁面︰

  • 打車叫到特斯拉不會開門很尷尬?官方介紹開關門方法
  • Autodesk AutoCAD 2021 正式版註冊版-簡體/繁體中文/英文版
  • DP vs HDMI 誰才是遊戲玩家最佳選擇?
  • 盜版Windows 7還能免費升級Windows 10嗎?
  • 世界上有多少個國家
  • PHP 7.1 的A non-numeric value encountered 錯誤和解決方法
  • 一鍵GHOST v2020.07.20 正式版-硬盤版/光盤版/優盤版/軟盤版
  • Kaspersky Key ( Free 91 days )
  • Explorer Patcher:讓Windows 11恢復Windows 10的行為特徵
  • 靠養貓養狗年入百萬:寵物博主是門怎樣的生意?

投遞稿件

歡迎各界人士投遞稿件到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

© 2023   All Rights Reserved.