You searched for: Gtm

[GTM 教學] 什麼是Custom templates 自訂範本

什麼是GTM的Custom templates? Custom templates 用一句話來說就是將重複性的代碼轉為模板。 以GTM官方的解釋來說,就是提供客製化代碼的模板,讓使用者可以在模板化的情況下輸入變數,輕鬆的創建和共享自訂的 JavaScript 和 HTML 設置。 如何使用Custom Templates? 首先進入 GTM Custom templates 自訂模板後,可以看到四個細項可以選擇 資訊:資訊欄位是用來告訴使用者 templates 的使用功能和敘述,不管輸入什麼都不會影響到此模板接下來程式的執行…

4 years ago

[GTM 教學] 什麼是 GTM 環境變數 (Environment name)

如果同時擁有兩個以上的網站時(正式站、測試站),不需要再用多個 GTM 容器來區隔,也不用再建立過多重複的代碼,快試試使用 GTM 的環境(Environments)吧。本篇簡單從如何建立環境、發佈、區隔環境GA到預覽,都有詳細的介紹,希望對你有幫助~ ▍本篇大綱: 如何建立 GTM 環境 發佈不同版本的 GTM 環境 利用環境變數來區隔 GA 一. GTM 環境 ▍什麼時候會使用到 GTM 環境…

4 years ago

GTM導覽!帶你用GTM追蹤Button

既上一篇跟大家講解了GTM的層級、架構和一些追蹤原理後,相信大家對GTM有些基本的認識啦~~今天想跟大家分享這篇”GTM追蹤button(文章標題)”的方式 相信大家在經營自家網站、電商或是幫顧客代操時,總會有這幾個疑問吧. 如何追蹤你網站上的訪客瀏覽數? 無法很精確的追蹤使用者從哪個按鈕點擊進來的? 想知道實際使用者點擊進入購物車的實際次數?. 以上這些,在GTM中我們一律統稱為”事件”,透過GTM我可以將這些事件傳到GA當中加以分析。 一、操作介面_GTM Button追蹤教學 Step 1. 左方工作區 — -點擊”代碼” — — “新增”觸發事件 — -選擇”連結” — -新增點擊變數 Step2 設定”觸發條件的啟動時機” — -選擇”所有連結點擊” Step 3.再來就開始進入到設定”變數(variable)”囉 設定”變數(variable)” — -新增設定 — -勾選”Click”類別的各項目 二、接著就開始進入預覽功能頁面,找尋要追蹤的Button Step1. 按下”預覽”,進入預覽模式…

4 years ago

GTM導覽!行銷人的百寶袋,輕鬆管理網站追蹤程式碼

有句話是這麼說的:如果編輯器是工程師的工具箱,那麼GTM是行銷人的百寶袋   那到底什麼是GTM?   GTM(Google Tag Manager)是一種網站追蹤代碼管理工具,網站管理的神器!!!整合了各項代碼資源,可直接於後台決定是否新增、修改、移除追蹤代碼ex:GA、FB pixel 、Google ads,不必再去麻煩工程師,自己就能追蹤代碼連結,得到連結數據,那到底怎麼做得呢?現在就讓我們往下看吧! (more…)

4 years ago

用GTM做簡單的Facebook轉換追蹤!實作埋入 – Pixel

  GTM (Google Tag Manager)是許多人熟悉但又陌生的詞彙,常常會在你耳邊不斷聽見,但你可能幾乎沒有什麼機會去使用到它,那GTM使用起來到底困不困難呢?今天CFM就帶大家來簡單用『安裝Facebook』轉換追蹤帶大家簡單認識一下GTM的結構吧! GTM 小簡介: GTM 可以做到很多基礎的事件追蹤,都不太需要用到coding . GTM 是一個對於行銷人來說也能輕鬆操作的工具~ GTM 不只可以用來做追蹤,還可以用來處理許多有關轉換追蹤的問題! (more…)

5 years ago

精準追蹤有效曝光數!利用GTM設定「元素可見度」事件追蹤

大家有遇過這種狀況嗎….? 不知道大家有沒有遇過這種狀況?今天遇到一個需求是:行動版網頁採用瀑布流的頁面,第一屏上有一個廣告版位,往下滾動載入後會再出現另一個廣告版位 。問題來了:如果想知道這兩個版位是否確實曝光(出現在使用者眼前 )該怎麼做計算呢?其實過往不知道怎麼解決這個問題時,只要瀏覽這個頁面,我就會計算曝光,但也發現越下方的版位的點擊率是會被低估的。 利用GTM設定元素可見度解決有效曝光難題 後來發現 GTM 上提供「元素可見度」這個觸發條件,可以解決上面的問題。其實過往我自己在追蹤活動頁上按鈕的點擊率,也常會發生最下方的按鈕點擊率被低估的狀況,利用此觸發條件追蹤也能再更精準的計算成效。接下來簡單簡介該如何進行設定: 第一步驟:設定代碼類型及事件追蹤參數 首先因為我們要將此觸發事件記錄在GA上,故代碼類型選擇GA 接著選擇事件,並填上事件類別、動作、標籤,並記得設定要紀錄的GA追蹤編號。之類記錄到的事件將會寫在 GA 的「行為>事件」報表中。 第二步驟:設定觸發事件 在觸發條件類型選擇「元素可見度」 接下來要設定兩個步驟: 設定選取的元素,可以用 ID 或 CSS…

5 years ago

電商一定要懂的GTM

相信電商的經營者對Google Analytics已不陌生,而想要使用如GA、Piwik、Quantcast 這類型的網站分析工具來分析網站成效,就需要放追蹤代碼(Tracking Code)在網站上,想要投放各式的數位廣告如FB、Google Ads、Bing、Line…等,也需放置程式碼或Pixel(像素)在網站上。 這麼多的程式碼,當你搞懂時都可當工程師了~ 哪還有空經營電商! 所以本篇文章將只教你電商行銷人員該懂的GTM相關知識,讓你和工程師可以無痛溝通才是重點~ ㄧ、什麼是GTM? GTM(Google Tag Manager)是Google研發的代碼管理工具,只要安裝一次代碼,就可以用網頁式的使用者介面一次管理所有電商所需的追蹤碼(Tracking Code)! 二、行銷人員該懂的GTM相關知識 協助檢測的 Chrome 外掛工具 GTM 相關名詞解釋 GTM…

5 years ago

GTM pageview 加上 content group

最近有一個需求是在特定頁面要加上 content group 的資料,很多的功能用 GA 都還蠻簡單,但是用了 GTM 就會變得比較複雜一點,今天來分享一下怎麼用 GTM 完成這個需求 設定 GA 最一開始當然就是要先把 GA 設定起來,這樣後續才有辦法做測試並且確認資料是否正確,首先 content group 是設定在view底下而不是property,所以要先到 admin 中找到Content…

5 years ago

【筆記】GTM 進階使用:Google Ads, Facebook Pixel, GA E commerce

關於如何經由 GTM 設定 ga events, google ads, facebook pixel 的筆記 Events Trigger (use dataLayer push) 閱讀:Google Tag Manager Custom Event…

5 years ago

不同開發環境的 GTM(Google Tag Manager) 設定 + SPA page view 設定

此篇文包含: GTM 是什麼? 如何針對 production, staging, development 三種環境設定 GTM SPA 網站要如何讓 page view 進到 GA 聽說 GTM 是現在管理 Tracking Code…

6 years ago

GTM和UTM是什麼東西?

【為什麼寫這篇文】 首先文章的開頭,一定得說明一下這篇文章的由來。 幾個月之前,我完全沒有數位行銷、數位廣告這些概念,是在一個月之前我進入一間數位廣告行銷公司,慢慢地從零開始,邊學習系統的操作,邊理解廣大的數位廣告以及相關的概念。因為毫無相關經驗,因此剛開始進到這個領域,每天聽到的都會是一大堆沒聽過的專有名詞、或是英文縮寫,ex:DSP、ADX、SSP、GTM、UTM、Google Adsense、Google Ad Manager、……等等數不清的名詞。 GTM和UTM就是在我到職一個禮拜內,很常聽到,然後把它們搞混的兩個名詞(聽起來實在很像)。 某天心血來潮上網google了一下,但找到的文章,大多是單獨介紹GTM或UTM的文章,再不然就是說明GTM和GA的差異。因此就萌生了要寫這篇文章的念頭了! 【GTM是什麼?UTM又是什麼?】 要理解兩項東西的差別,一定得先知道他們是什麼東西,因此分別介紹它們兩個是必須的。 GTM的全名叫做Google Tag Manager,直接翻譯成中文,就是Google底下的一個標籤管理工具。或許從它的由來說起會比較容易理解,在還沒有這項工具出現之前,當我們想在GA(Google Analytics)上追蹤使用者在網站上的行為/互動時(點擊某個按鈕、到訪網頁…等),我們就必須到網站的後台,在一大串程式碼中,貼上追蹤碼的標籤,不同的互動需要埋放不同的追蹤碼。 當需要貼上的追蹤碼標籤越來越多,要一個一個手動執行是非常耗時耗神的事情,因此GTM就出現了! 它能夠讓操作者不需用到網站後台,在一大串密密麻麻的程式碼之間,埋放追蹤碼,只需要在GTM上面指定變數和觸發時機,便可以一次性地在需要的網頁上埋放追蹤碼。 GTM優勢: 1. 一次性埋放且便於管理 2.…

6 years ago

【跨網域追蹤】- Google Analytics x GTM完整設定教學+驗證

不知道有沒有讀者跟我一樣,在網路上找了很久都找不到比較完整的教學文章, 為了幫我現在任職的公司設定跨網域追蹤,我把網路上所有的文章都爬過一遍,最後終於從好幾篇文章中整合出完整步驟,現在就讓我們開始跨網域追蹤設定的旅程吧! 什麼時候需要使用跨網域追蹤? 1. 同時經營多個需要互導流的網站 如果你有多個網域(Multi-domain)且需要互相連結的網站,那你就需要透過跨網域追蹤來觀察多個網站之間的流量,但如果你的網站為子網域(Sub-domain)就不是我們此次討論的主題。 2. 線上網站與結帳網站為不同的網站 如果你的網站購物流程是瀏覽商品後需要開啟新的購物車網站,然後在購物車網站完成結帳,你就需要設定跨網域追蹤。 設定前先了解整個跨網域的架構 : 假設我們的線上網站為aaa.com,結帳網站為bbb.com,為了保留網站個別的流量資料,我們需要為兩個網站設定兩個資源,而跨網域的資料獨立到另一個資源,這個用意是避免GA資料錯亂,如果我們沒有將跨網域的流量獨立,而是把它設定在其中一個網站的資源裡,這個資源會套用跨網域追蹤的排除參照連結,且每個網域都在參照連結的排除清單上,導致其他網域的流量都變成(direct)/(none),使資源裡的資料嚴重錯亂,這應該不是我們的初衷,所以請大家一定要注意這點。 新增GA帳戶資源相信聰明的大家都會,這邊就不多敘述了,接下來進入重頭戲 GTM代碼管理工具設定 Step1:建立GTM帳戶與容器 每個GA資源都必須對應一個GTM的容器,所以將會有三個容器 Step2:為aaa.com與bbb.com設定GA代碼 在aaa.com的容器裡新增代碼: 代碼類型:通用Analytics(分析) 追蹤類型:網頁瀏覽…

6 years ago