GA事件設定: 埋設JS追蹤特定事件/按鈕| Google Analytics

今天要介紹的就是GA事件設定- 針對特定按鈕或特定連結追蹤他的觸發點擊次數。

使用舊版的Google Analytics(2020/10月以前的版本) 如果要追蹤特定的 ... Togglenavigation 關於。

書。

MOVIE。

Coding。

SEO。

今天要介紹的就是GA事件設定–針對特定按鈕或特定連結追蹤他的觸發點擊次數。

使用舊版的GoogleAnalytics(2020/10月以前的版本)如果要追蹤特定的按鈕點擊，像是活動頁的某個連結、訂閱按鈕的點擊次數…等，可以在後台埋入相關的js事件程式碼，透過觸發該追蹤按鈕，將資料傳送到GoogleAnalytics，並在GA的行為報表裡顯示事件次數。

首先介紹一下GA行為報表裡面的事件，分為「標籤分類」、「事件動作」、「活動標籤」以及「事件價值(選填)」 GA事件4個設定值:「標籤分類」、「事件動作」、「活動標籤」、「事件價值(選填)」 分類、事件動作、標籤沒有特定設定值，依照需求設定的方式各有不同，只要是讓自己好分辨判斷即可。

舉例來說… 標籤分類：標籤的可以用大方向來區分，像是eCommerce、社群點擊、聯絡我們事件動作：最常使用的就是瀏覽(View)以及點擊(Click)活動標籤：我會把他設成最小單位的名稱，也就是這個識別這個追蹤按鈕的名稱，比如說：「加入購物車」、「註冊會員」、「開始結帳」…等。

小試身手一、追蹤訂閱電子報按鈕 以官網的訂閱按鈕或是其他的特殊連結來說，首先你要知道的有 Step1.找出欲追蹤按鈕ID 這個部分主要是在追蹤當你點擊某個圖示的時候，可以判斷是誰被點了，並傳送相對應的事件到GA裡面。

為什麼是找ID? 一個頁面裡只會出現一個ID，可以精確地知道是哪一個按鈕被點了；換句話說，如果你將追蹤點設成class，可能就會有重複觸發的問題。

在編寫HTML時就可以將該元素加入方便識別的ID，例如「訂閱按鈕」可以設成id=”subscribe”；要追蹤FB的icon點擊次數，就可將id設為id=”facebook”。

圖是訂閱按鈕的ID，這裡的ID設成id=”submit” Step2.將該ID新增追蹤事件(addEventListener)，並傳送GA事件【使用analyitcs.js的寫法】 傳送給GoogleAnalytics的規則是 ga(‘send’,‘event【事件】’,‘標籤分類【可以使用社群媒體一個分類、訂閱電子報一個分類】’,‘做什麼動作’,‘在GA顯示時要顯示什麼名稱or活動標籤’) 下方程式碼是設置的範例。

document.querySelector('#submit').addEventListener('click',function(e){ ga('send','event','聯絡我們','點擊','訂閱email'); }); 上述的程式碼就相當於，當你點到訂閱這個按鈕時，就會觸發id=’submit’這個元素，並將你設置的資料傳到對應的事件裡面。

若要看報表，可前往GoogleAnalytics後台>行為>事件裡查詢。

如果要馬上確認有沒有成功，也可以在網頁點擊按鈕後，到GA的【即時>事件】面板裡面看到點擊後傳送的資料。

不只是追蹤訂閱電子報的按鈕，也可以把哪一個社群最常被點擊都寫在追蹤裡… window.addEventListener("DOMContentLoaded",function(){ //socialmedia document.querySelector('#facebook').addEventListener('click',function(e){ ga('send','event','社群點擊','點擊','Facebook'); }); document.querySelector('#youtube').addEventListener('click',function(e){ ga('send','event','社群點擊','點擊','Youtube'); }); document.querySelector('#linkedin').addEventListener('click',function(e){ ga('send','event','社群點擊','點擊','LinkedIn'); }); //contactus,inquiry document.querySelector('#submit').addEventListener('click',function(e){ ga('send','event','聯絡我們','點擊','訂閱emai'); }); document.querySelector('#inquiry').addEventListener('click',function(e){ ga('send','event','聯絡我們','點擊','產品詢問'); }); },false); 備註:可運用GA搭配次要維度:到達網頁觀察哪一個頁面的按鈕最常被觸發，或是哪一個頁面瀏覽高卻轉換率低…等分析。

Postnavigation 盤點莎莉賽隆5大經典角色|不死軍團看不過癮還有這些電影推薦麥坎西·黛維斯主演過的4部電影/影集 發佈留言取消回覆發佈留言必須填寫的電子郵件地址不會公開。

必填欄位標示為*留言*顯示名稱* 電子郵件地址* 個人網站網址 在瀏覽器中儲存顯示名稱、電子郵件地址及個人網站網址，以供下次發佈留言時使用。

Δ 熱門文章 最新發佈 留言 推薦4部瑞秋·麥亞當斯(RachelMcAdams)電影【2022更新】 4月10,2021 我的年後轉職選擇3個方向:升職位、升公司、升技能 10月23,2021 盤點莎莉賽隆5大經典角色|不死軍團看不過癮還有這些電影 12月5,2020 想要免費架設網站?網站架設前先問自己1個問題 6月19,2022 WordPress不用外掛，輕鬆自製閱讀進度條 10月26,2020 想要免費架設網站?網站架設前先問自己1個問題 6月19,2022 手機用Google辨識音樂，找歌名好簡單 5月28,2022 3大wordpressseo外掛推薦|用WordPress需要做SEO優化嗎? 5月10,2022 Ahrefs,Semrush,Ubersuggest免費功能評比|哪個比較好用? 5月1,2022 【懶人包】推薦7款SEO軟體|免費、付費工具一次看 4月19,2022 法鬥好朋友on meepshop評價|適合廣告不適合SEO|2022費用、方案、功能一次看 (...) wendaoon meepshop評價|適合廣告不適合SEO|2022費用、方案、功能一次看 (...) 法鬥好朋友on 盤點莎莉賽隆5大經典角色|不死軍團看不過癮還有這些電影 JosephWon 盤點莎莉賽隆5大經典角色|不死軍團看不過癮還有這些電影 (...) 法鬥好朋友on WordPress不用外掛，輕鬆自製閱讀進度條 (...) Sponsored 分類 SEO優化(10) 推薦電影/劇(21) 主題推薦(4) 人物專題(4) 影評/觀後感(10) 美劇推薦(3) 每月一書(8) 雜記/社畜求生記(11) 麻瓜架站筆記(15)