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乾貨網站: