登入網店立即開店
  • 免費試用
  • 免費講座
  • 免費諮詢
電商教室
  • 功能特色
  • 平台收費
  • 客戶案例
  • 開店講座
  • 開店諮詢
  • 電商教室
  • 更多資源
    • 開店密技
    • 版型主題
    • 新手問答
    • 廣告計畫
登入網店立即開店
  • 免費試用開店
  • 免費開店講座
  • 免費專人諮詢

SHOPLINE
電商教室

Menu
  • 首頁
  • SHOPLINE 快訊
        • 最新網店功能
        • 專題討論
        • swiper9

          網上花市網上花店 2022
          January 1, 2023January 1, 2023
          【 網上花店香港 2023 】8 間線上花店推介 精選新春花卉巡禮!
          SHOPLINE 公布本地第四季暢銷產品清單 揭示最受港人歡迎的節日禮物選擇
          港人節日消費習慣節日旺季
          December 1, 2022December 1, 2022
          【新聞稿】SHOPLINE 公布本地第四季暢銷產品清單 揭示最受港人歡迎的節日禮物選擇
          申請科技券教學
          科技券
          November 18, 2022November 18, 2022
          【2023 申請科技券計劃教學】一文整合申請科技券資格、程序、文件
          SHOPLINE Payments 6 大功能及好處 blog cover
          AlipayHKSHOPLINE Payments
          November 11, 2022November 11, 2022
          SHOPLINE Payments 6 大功能及好處 助店家快速收款
          holiday season playbook 2022
          節日旺季節日行銷
          September 29, 2022September 29, 2022
          快人一步搶攻節日商機 《網店節日行銷攻略 2022》率先看
          SHOPLINE Octopus partnership hero image
          $10000消費券2022消費券
          May 10, 2022May 10, 2022
          【新聞稿】SHOPLINE 夥拍八達通增設收款方式 助商戶把握消費券商機
  • 熱門精選
        • selection

          Shopper App 幫你打造網店手機 App!附 6 大營銷功能及商戶成功例子
          Shopper App即時訊息廣播
          January 18, 2023January 18, 2023
          Shopper App 幫你打造網店手機 App!附 6 大營銷功能及商戶成功例子
          【新年禮盒】8 間賀年食品網店推介|足不出戶辦年貨
          年糕新年禮盒
          January 17, 2023January 17, 2023
          【新年禮盒 2023】8 間賀年食品網店推介|足不出戶辦年貨
          【策略分析】農曆新年網店銷量大跌?教你用 6 秒廣告 ,如何轉危為機、部署銷量回升?
          YouTube Bumper AdsYouTube 廣告
          January 12, 2023January 12, 2023
          【策略分析】農曆新年網店銷量大跌?教你用 6 秒廣告 ,如何轉危為機、部署銷量回升?
          App 開發 寫手機 App 價錢比較懶人包
          App 開發Shopper App
          January 12, 2023January 12, 2023
          【 開發App 】2023 寫 App 價錢、上架、手機 App 開發類型懶人包
          網上花市網上花店 2022
          January 1, 2023January 1, 2023
          【 網上花店香港 2023 】8 間線上花店推介 精選新春花卉巡禮!
          10 個重點教你選擇合適的網頁設計公司製作網站
          網站制作公司網站製作公司
          December 23, 2022December 23, 2022
          10 個重點教你選擇合適的網頁設計公司製作網站 | SHOPLINE 電商教室
          香港開網店教學 開網店流程、網店平台比較
          網店宣傳開網店
          December 5, 2022December 5, 2022
          【開網店教學 2023】開網店流程/網店平台比較/創業常見陷阱
          【2022 網上收款平台】一文了解各類Payment Gateway 申請程序、手續費
          Payment GatewaySHOPLINE Payments
          November 21, 2022November 21, 2022
          【2023 網上收款平台】一文了解各類 Payment Gateway 申請程序、手續費
  • 品牌故事
        • SHOPLINE 店家專訪
        • 成功案例分析
        • navNews

          6thfeb SHOPLINE IG LIVE case study hero image
          6thfebIG 直播
          August 4, 2022August 4, 2022
          6thfeb 如何使用 SHOPLINE IG LIVE 直播購物推進銷售?
          5 elements of successful digital transformation
          企業轉型創業例子
          November 16, 2021November 16, 2021
          數碼轉型 要「轉」甚麼? 5 大轉型策略助企業提升競爭力 附 創業例子
          【店家專訪】電影少女轉開文青網店 砍斷重練網店的 4 個原因
          Picnich文青穿搭
          October 7, 2021October 7, 2021
          【店家專訪】電影少女轉開 文青網店 砍斷重練網店的 4 個原因
          【店家專訪】從惜貨到識貨,與 AikoMall 踏上網購之路
          KOL開網店創業
          September 2, 2021September 2, 2021
          【網店店家專訪】從惜貨到識貨,與 AikoMall 踏上開網店之路
          智慧廣告系統一周年 Smart Ads System 1st Anniversary
          MartechSmart Ads System
          August 16, 2021August 16, 2021
          「智慧廣告系統 Smart Ads System」推出一週年,2 大廣告方案帶領店家創造廣告佳績!
          內容行銷成功案例
          March 31, 2021
          【 內容行銷 】出 Post 帖文點寫好? 成功案例──下午茶媽媽 3 個帖文撰寫貼士
  • 開店必讀
        • NEW

          Shopper App 幫你打造網店手機 App!附 6 大營銷功能及商戶成功例子
          Shopper App即時訊息廣播
          January 18, 2023January 18, 2023
          Shopper App 幫你打造網店手機 App!附 6 大營銷功能及商戶成功例子
          App 開發 寫手機 App 價錢比較懶人包
          App 開發Shopper App
          January 12, 2023January 12, 2023
          【 開發App 】2023 寫 App 價錢、上架、手機 App 開發類型懶人包
          10 個重點教你選擇合適的網頁設計公司製作網站
          網站制作公司網站製作公司
          December 23, 2022December 23, 2022
          10 個重點教你選擇合適的網頁設計公司製作網站 | SHOPLINE 電商教室
          香港開網店教學 開網店流程、網店平台比較
          網店宣傳開網店
          December 5, 2022December 5, 2022
          【開網店教學 2023】開網店流程/網店平台比較/創業常見陷阱
          【2022 網上收款平台】一文了解各類Payment Gateway 申請程序、手續費
          Payment GatewaySHOPLINE Payments
          November 21, 2022November 21, 2022
          【2023 網上收款平台】一文了解各類 Payment Gateway 申請程序、手續費
          SHOPLINE Payments 6 大功能及好處 blog cover
          AlipayHKSHOPLINE Payments
          November 11, 2022November 11, 2022
          SHOPLINE Payments 6 大功能及好處 助店家快速收款
          SHOPLINE WhatsApp Business API 功能一覽
          WhatsApp Business APIWhatsApp Business API 功能
          October 31, 2022October 31, 2022
          SHOPLINE WhatsApp Business API 功能一覽|提升訂單轉換率
          香港 WhatsApp Business API 教學|申請、收費全攻略
          WhatsAppWhatsApp Business
          October 26, 2022October 26, 2022
          WhatsApp Business API 2023 教學申請、收費全攻略
        • 開店須知
        • 店務營運
        • 顧客關係
        • 實體門市
  • 市場營銷
        • SEO 教學
        • 行銷技巧
        • 網店行銷技巧
        • 社交媒體趨勢
        • market

          【策略分析】農曆新年網店銷量大跌?教你用 6 秒廣告 ,如何轉危為機、部署銷量回升?
          YouTube Bumper AdsYouTube 廣告
          January 12, 2023January 12, 2023
          【策略分析】農曆新年網店銷量大跌?教你用 6 秒廣告 ,如何轉危為機、部署銷量回升?
          IG 增加粉絲 7 招教你如何快速增加 followers
          igIG follower 增加
          November 18, 2022November 18, 2022
          【 2023 IG 增加粉絲 】7 招教你如何快速增加 followers
          【Instagram 教學】IG 吸客爆單經營攻略、功能合集
          igIG 廣告
          November 1, 2022November 1, 2022
          【2023 Instagram 教學】IG 吸客爆單經營攻略、功能合集
          SHOPLINE WhatsApp Business API 功能一覽
          WhatsApp Business APIWhatsApp Business API 功能
          October 31, 2022October 31, 2022
          SHOPLINE WhatsApp Business API 功能一覽|提升訂單轉換率
          香港 WhatsApp Business API 教學|申請、收費全攻略
          WhatsAppWhatsApp Business
          October 26, 2022October 26, 2022
          WhatsApp Business API 2023 教學申請、收費全攻略
          holiday season playbook 2022
          節日旺季節日行銷
          September 29, 2022September 29, 2022
          快人一步搶攻節日商機 《網店節日行銷攻略 2022》率先看
  • 廣告教學專欄
    • Facebook 廣告
    • Google 廣告
    • 廣告案例分析
    Home 開店必讀 店務營運 【開網店教學】Google Tag Manager 是甚麼?強大 GTM 讓你輕鬆管理第三方行銷工具!
google tag manager tutorial

【開網店教學】Google Tag Manager 是甚麼?強大 GTM 讓你輕鬆管理第三方行銷工具!

Google Analytics
Google代碼管理工具
May 3, 2021
google tag manager tutorial

Google Tag Manager 是甚麼?為甚麼開網店要使用 Google Tag Manager?普遍店家對於 Google Analytics 或 Google Ads 等平台可能較為熟悉,今次 SHOPLINE 電商教室 的「網店說明書」系列,則會介紹另一個免費但相當重要的工具 ——  Google Tag Manager (GTM),並手把手教妳開設帳戶以及設置自訂程式碼,即使不懂 coding 的網店新手也能輕鬆學會管理第三方行銷工具!

數據追蹤和分析是經營網店其中一個必學技能,因為數據能讓你客觀地掌握網店表現並找出正確行銷方向。 SHOPLINE 系統支援各大網絡行銷追蹤碼,只要將追蹤編號輸入後台,就能簡單植入追蹤碼,而 Google Tag Manager 是其中一種支援平台。

Google Tag Manager (GTM) 是什麼?

Google Tag Manager  中文是 Google 代碼管理工具。GTM 是一套免費的代碼管理系統,讓行銷人員可以在不用更改網站的程式碼的情況下,透過 GTM 整合各種追蹤碼以及第三方應用工具嵌入到網站中,並在同一個平台上作檢視。

Google Tag Manager (GTM) 與 Google Analytics (GA) 有什麼分別?

有別於 GA,GTM 並不是一個用作分析數據的工具,反而是儲存和集中管理不同代碼的平台。不過,GTM 的確可以協助你將 GA 、Google Ads、Facebook Pixel 或者其他平台的程式碼簡單嵌入網站,甚至可以自訂代碼以獲取客製化數據。 換句話說, GTM 就像一個中間人,統一連接網站數據以及各個第三方行銷工具,三者之間是互相兼容而非互相排斥或依賴的關係。

GTM 的主要用途

1. 網站事件追蹤

Google Tag Manager 雖然不是一個分析平台,但卻可以簡化 Google Analytics 代碼植入並讓你能輕易獲得更多元和真實的數字。平日我們在 GA 最常接觸的數據,例如平均網頁停留時間(Average Time On Page)、跳出率(Bounce Rate)、以及離站率(Exit Rate)等,可以呈現網站現況卻未必能準確反映訪客行蹤和行動原因。其實 GA 還能讓你獲得頁面滾動深度(Page Scrol Depth)、按鈕點擊、影片追蹤等數據,而這些事件追蹤代碼能夠透過 GTM 進行設置。

2. 透過 Google Tag Manager 連接外掛程式

不少店家都會使用外掛程式來增加網站功能,GTM 同樣可以讓你在不用接觸網站程式碼的情況下輕鬆串接其他程式。例如你可以透過 GTM 連接 Sumo、Zotabox 等程式來在網站上增添收集電郵表格、優惠彈出視窗、優惠訊息置頂/置底、或客服外掛等功能。

online store pop up coupon

3. 提升網站速度

網站使用體驗和連載速度都是會影響 SEO (Search Engine Optimisation)成效的重要因素,而因為 GTM 的代碼是異步使用,加上集中管理眾多追蹤碼,所以你可以隨時暫停較少用的代碼,這意味著個別代碼加載緩慢也不會拖慢其他代碼的進度甚至影響網站連載。

4. 代碼功能測試

GTM 提供預覽和偵錯功能以確保網站和代碼能夠正常運作,包括哪些代碼已經觸法以及其出發順序等,你更可以將預覽視窗分享給其他人,一起檢查代碼設置,減低出錯之餘同樣可以提升網站速度!

還是覺得有點複雜嗎?歡迎預約免費開店諮詢了解更多,或立即開通 14 天試用,體驗 SHOPLINE 一站式無痛網站管理!

Google Tag Manager 五個重點元素

google tag manager container

容器 ( Container )

「容器」就好比 GA 的「資源」,就是要一個網站的意思。

代碼 (Tag) 

「代碼」就是我們使用的「程式碼」。你可以在一個「容器」中安裝多個代碼,直接透過 GTM 增減、變更、管理。

觸發條件 (Trigger)

由於每個代碼(程式碼)的使用情況不同,你可以透過「觸發條件」設定在程式碼在哪些事件發生時才執行。事件類型包含網頁瀏覽、點擊、提交表單等等,也可以使用網址或變數等條件來設定自訂事件。

變數 (Variables)

變數分為內建變數(Built-in Variables)和使用者自訂變數(User-defines Variables)。內建變數有多種常用的觸發方式,例如網頁路徑或點擊等;使用者自訂變數則會根據特定需求而定義變數,相對會較為複雜。

資料層 (Data Layer)

資料層級也是一種程式碼,可以用作傳遞 GTM 的所有信息,例如變數資料訊息等可以透過資料層傳達到 GTM,更可根據變數觸發事件。

了解更多:Google Tag Manager說明 – 代碼、觸發條件、變數和資料層

Google Tag Manager 建立和安裝

先看看怎樣建立 GTM 帳號以及怎樣連接到你的 SHOPLINE 網店:

步驟一

瀏覽 Google 代碼管理工具頁面並且登入你的 Google 帳號,然後選擇「建立帳戶」。

GTM create account

步驟二

輸入網店名稱

GTM account name and region

步驟三

輸入容器名稱來設定容器

google tag manager container name

步驟四

同意 Google 服務條款

google tag manager user policy

步驟五

由於 SHOPLINE 已經將程式碼安裝在商店中,所以可以點選右上角的「X」。

google tag manager tag

然後到「工作區」畫面,將「GTM-XXXXX」的編號複製下來。

google tag manager work space

步驟六

返回你的SHOPLINE後台管理頁面,然後在「追蹤設定」裡增加「Google 代碼管理工具」。

SHOPLINE backend and google tag manager

步驟七

把複製的 ID 貼在以下的輸入欄裡。

enter google tag manager ID

 

大功告成!你已經有 GTM 的帳號而且已經成功連接到你的 SHOPLINE 網店了!

利用 GTM 安裝自訂程式碼

在加入代碼前,你必先確保自己了解代碼如何運作以及需要使用到哪些觸發條件。如果你的代碼是用於追蹤結帳,卻將觸發事件設定為網頁瀏覽,代碼就無法正常使用了!

新增觸發條件

在「觸發條件」點選「新增」後,你可以看到以下多種事件類型可以選擇:

google tag manager trigger

以「在 SHOPLINE 網店完成結帳」為例,請選擇「自訂事件」為事件類型。舉例來說,如果你的網店完成結帳後的頁面網址為「xxx.com/confirm 」,請依照下圖設定「觸發條件」。

google tag manager trigger setting

於「事件發生且這些條件全都符合時,啟用這個觸發條件」的地方,選擇 「Page URL」「包含」「/confirm」 ,即可完成結帳頁的觸發條件設定。

此外另一個電商常見的事件就是「造訪結帳頁」,同樣依照下列設定方式:

google tag manager checkout page setting

當你的「觸發條件」都設定好後,下一步就是「新增代碼」了。

新增 Google Tag Manager 支援代碼

同樣在代碼部分選擇「新增」,可以看到以下 GTM 所支援的眾多產品。

如果你要新增的代碼屬於以下產品,太好了!你可以直接選擇,並按照該產品提供的指示進行設定。

choose product new tag

如果沒有的話也沒關係,選擇「自訂HTML代碼」繼續:

google tag manager new tag setting

此部分需要有 HTML 代碼的設定,請你依照你使用的工具或服務所提供的程式碼輸入即可(坊間多數第三方工具都有提供),若是缺少此部分,可能需要請熟悉 HTML 的人員協助完成完代碼設定。再加入代碼後,緊接著選擇驅動代碼的「觸發條件」。

google tag manager choose trigger

儲存以上設定後,加入代碼的任務就大功告成了!

之後,你就可以隨時修改及新增代碼,而不需要碰觸到網站的原始碼。無論是對於不熟悉編程的用戶,或是自己架設網站的開發者,都是相當方便的功能。

總結

使用 Google Tag Manager 對比起自行更改網站代碼是更簡單,但對於毫無技術背景或興趣的店家來說又算不上易如反掌。事實上,能夠掌握 GTM 的確可以讓你善用更多第三方行銷工具並更全面地了解網站表現,如果看畢文章仍有疑惑,也可以先嘗試設立帳戶並設置一些基本代碼,更有信心後才挑戰進階設定!開網店教學系列會繼續為你帶來更多網店知識,記得密切留意!

「唯有客戶的成功,才是我們的成功。」SHOPLINE 一直秉持這個理念,幫助逾 500,000 個品牌建立網上商店,配合專業行銷團隊協助,開拓網上銷售渠道、發挖新客源!歡迎預約 SHOPLINE 開店顧問免費諮詢!同時你亦可親自試用 SHOPLINE 各大功能,按此體驗 14 日免費試用。

Seminar

SHOPLINE on BloggerSHOPLINE on FacebookSHOPLINE on Instagram
SHOPLINE
SHOPLINE
SHOPLINE 全球智慧開店平台,為品牌提供一站式網店建立、管理線上與線下商店的智慧開店服務。

自 2013 年創辦以來,全球已經有超過 500,000 個品牌使用 SHOPLINE 的服務成功開店, 透過創新的服務與國際化的團隊,持續為品牌賣家打造最好的產品和服務,以網店平台為核心,提供跨境、O2O 線上線下整合、POS 系統等全方位解決方案,更成為在亞洲市場的行業先驅。

文章分類

店務營運
最新網店功能
熱門精選
網店行銷技巧
開店必讀

標籤

Google Analytics
Google代碼管理工具
GTM
網店說明書
開網店教學

2 thoughts on “【開網店教學】Google Tag Manager 是甚麼?強大 GTM 讓你輕鬆管理第三方行銷工具!”

  1. RODNEY Tam says:
    March 21, 2018 at 8:00 pm

    Hi, how about Facebook pixel, can i also manage it via GMT account?
    Thank you. GOD bless you.
    rodney

    Reply
    1. leo says:
      March 26, 2018 at 12:06 pm

      Hello Rodney! Thank you for supporting SHOPLINE! Yes you can manage Facebook Pixel through Google Tag Manager, please refer to the following link for detailed instructions:

      https://www.facebook.com/business/help/1021909254506499

      Thank you again!

      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

網店實戰工作坊

免費資源|網店行銷攻略

TAG CLOUD

廣告消費心理網上書展代購網店Google Core Algorithm Update 2020Google演算法品牌網店官網DTC 模式D-Biz 遙距營商計劃d-biz市場消息新零售Youtube 影片廣告PayMeForBusiness重量轉換率網紅行銷KOL熱門精選即時通訊客戶服務檢測品質驗證快速支付系統網絡潮流電商轉型網店數據GA電商稅務

關於 SHOPLINE

一站式網店平台,提供全面功能包括付款、物流等串接,另有多款版型選擇,沒有電腦背景的人都可以輕鬆建立自己的品牌網店,開拓自己的網絡創業夢。

免費試用開店 14 天

文章目錄

  • Google Tag Manager (GTM) 是什麼?
  • Google Tag Manager (GTM) 與 Google Analytics (GA) 有什麼分別?
  • GTM 的主要用途
    • 1. 網站事件追蹤
    • 2. 透過 Google Tag Manager 連接外掛程式
    • 3. 提升網站速度
    • 4. 代碼功能測試
  • Google Tag Manager 五個重點元素
    • 容器 ( Container )
    • 代碼 (Tag) 
    • 觸發條件 (Trigger)
    • 變數 (Variables)
    • 資料層 (Data Layer)
  • Google Tag Manager 建立和安裝
      • 步驟一
      • 步驟二
      • 步驟三
      • 步驟四
      • 步驟五
      • 步驟六
      • 步驟七
  • 利用 GTM 安裝自訂程式碼
    • 新增觸發條件
    • 新增 Google Tag Manager 支援代碼
  • 總結
  • 熱門文章
  • 編輯推薦
  • iOS 14 私隱政策 2021 更新:網店收入將受波及?即睇電商廣告應對策略!
  • SHOPLINE 串接 Facebook Shops 與 Instagram 購物功能 帶領 25 萬店家輕鬆進軍社交媒體電商
  • SHOPLINE 店家專訪 - 高質獨特腕錶 與 The Watchdrobe 細說每分每秒
  • 【SHOPLINE 店家專訪】從息微產品變成爆紅-趣香蝦子花生經典故事的啟示
  • 【SHOPLINE 店家專訪】有一種愛叫 Serco Store:充滿甜淡情懷的情侶創業故事
  • iOS 14 私隱政策 2021 更新:網店收入將受波及?即睇電商廣告應對策略!
  • Kingsman 全新版型!高彈性的網站設計,更換字體、自訂主顏色,打造你的人氣購物網站
  • 【SHOPLINE 2018 年回顧】 全球智慧開店平台助 15 萬品牌打造新藍圖,開啟全通路銷售
  • 時間就是金錢!SHOPLINE 順豐 自動化寄件 功能,節省時間,造就更多生意!
  • 【網店文字技巧】如果圖片是調味料,文字就是主菜!你有讓客人買不停手的文字技巧嗎?

追蹤 SHOPLINE

SHOPLINE
                   

全亞洲超過 500,000 個品牌
都在使用 SHOPLINE

讓更多人看見你的品牌,
愛上你的商店,購買你的產品

                   
免費試用開店 14 天

SHOPLINE

  • 關於我們
  • 認識團隊
  • 人才招募
  • 媒體報導

我要開店

  • 功能特色
  • 平台收費
  • 客戶案例
  • 開店講座
  • 開店諮詢
  • 企業旗艦方案

更多資源

  • 電商教室
  • 開店秘技
  • 版型主題
  • 新手問答
  • 廣告計劃
服務時間 星期一至五 上午 10 點至晚上 7 點
© Copyright 2013-22 SHOPLINE Limited.
  • 網站導覽
  • 文章轉載說明
  • 投稿流程說明
  • SHOPLINE
    • 關於我們
    • 認識團隊
    • 人才招募
    • 媒體報導
  • 我要開店
    • 功能特色
    • 平台收費
    • 客戶案例
    • 開店講座
    • 開店諮詢
    • 企業旗艦方案
  • 更多資源
    • 電商教室
    • 開店秘技
    • 版型主題
    • 新手問答
    • 廣告計劃
  • 網站導覽
  • 轉載說明
  • 投稿流程
服務時間 星期一至五 上午 10 點至晚上 7 點
© Copyright 2013-21 SHOPLINE Limited.

© Copyright 2013-23 SHOPLINE.
本網站內容未經許可不得任意轉載,欲引用或轉載網站內容,歡迎洽詢 academy+hk@shoplineapp.com