Google Analytics教程:往頁面加ga代碼設置事件跟踪(Event Tracking)

Google Analytics教程:往頁面加ga代碼設置事件跟踪(Event Tracking)

同樣是做事件跟踪,可以通過GTM、頁面直接添加,可以使用MP協議,這一節主要介紹入門在在頁面直接添加的方法,關於事件參數與原理的請自行腦補或看站點其他文章。

Category:必備參數,一般固定

Action:必備參數,可變

Label:可選,可變

value:可選,可變

noninteraction:可選ture/false

關於Non- Interatcion 的值的討論可以參考如下:

經典版的用法是:

_trackEvent(category, action, opt_label, opt_value, opt_noninteraction)

統一版的用法是:

onClick=”ga(‘send’, ‘event’, ‘ category’, ‘action’, ‘label’, value, {'NonInteraction':1});”

下面舉例如何添加,比如點擊某個鏈接:
經典版的代碼格式為:

_trackEvent(‘book retailer’, ‘click’, ‘Barnes&Noble’, 5, True)

統一版的代碼格式為:

onClick="ga('send', 'event', 'book retailer', 'click', 'Barnes&Noble', 5, True);"

上述格式添加在你需要跟綜的位置,你點擊那里希望它觸發就添加在哪裡,完整格式的如:
經典版:

<a href=”/catalogue/books.html” onClick=”_gaq.push([‘_trackEvent(‘book retailer’, ‘click’, ‘Barnes&Noble’, 5, True]);”>New Release</a>

統一版:

<a href=”/catalogue/books.html” onClick="ga('send', 'event', 'book retailer', 'click', 'Barnes&Noble', 5, True);">New Release</a>

進一步還可以將ga()封裝成一個函數,然後給onClick調用,封裝的函數如:

function click_link(){ ga('send', 'event', 'book retailer', 'click', 'Barnes&Noble', 5, True) }

統一版代碼變形為:

<a href=”/catalogue/books.html” onClick="click_link()">New Release</a>

本文主要來源於GA乾貨網站:

What do you think?

Written by marketer

實用技巧| Google Analytics (分析) 其實很簡單,9個小絕招讓您輕鬆完成報表分析

GOOGLE ANALYTICS安裝與調優(上)