首页 > 问答 > GA怎么进行事件跟踪

GA怎么进行事件跟踪

[导读]:本来小白,最近使用GA,查阅相关书籍也没有看明白,事件追踪的代码哪里来的,需要自己写么,不懂代码的压力山大。。。。 有木有大神说的通俗易懂些,感激不尽 一、直接...

本来小白,最近使用GA,查阅相关书籍也没有看明白,事件追踪的代码哪里来的,需要自己写么,不懂代码的压力山大。。。。
有木有大神说的通俗易懂些,感激不尽

一、直接添加

  1. 打开需要添加事件跟踪代码的页面,鼠标移动到需要添加监测的位置,右键选择审查元素;(如此便能打开浏览器的开发者工具的窗口)
  2. 在打开的窗口中有一块蓝色区域,鼠标移动到蓝色区域正好可以发现其覆盖了刚刚右键点击的那个位置,鼠标移动到蓝色区域右键选择Copy CSS Path;
  3. 将上边复制得到的选择器替换以下代码中的“此处粘贴选择器”部分;
  4. 修改以下代码中的“事件类别”、“事件动作”、“事件标签”为自己容易区分的值,如修改“事件类别”为“按钮”,“事件动作”为“点击”,“事件标签”为“提交”;
  5. 把得到的代码复制粘贴到页面</body>之前;

以下以百度首页为例,在“百度一下”那个按钮上测试。先经过第一步,可以看到如下截图:

baidu_button_step1

 

初始代码为:

try {jQuery(document).ready(function () {jQuery('此处粘贴选择器').click(function () {ga('send', 'event', '事件类别', '事件动作', '事件标签');})})} catch (err) { && (err);}

使用第二步可复制得到选择器为#su,经过第3步替换下得到:

try {jQuery(document).ready(function () {jQuery('#su').click(function () {ga('send', 'event', '事件类别', '事件动作', '事件标签');})})} catch (err) { && (err);}

最后经过第4步,得到如下代码:

try {jQuery(document).ready(function () {jQuery('#su').click(function () {ga('send', 'event', '按钮', '点击', '百度一下');})})} catch (err) { && (err);}

把得到的这段代码加到页面上去。是否加成功了,我们可以用之前提到过的方法来验证下。

以上方法适用于不是通过GTM来添加GA代码的网站,即直接将GA代码添加到页面的站点。

其优势是操作简单、安全、快速,就算操作过程中出现差错导致代码bug,也不会影响页面上的其他功能,因为使用了try catch。

其局限性就是要求网站上已经使用了jQuery,要想验证网站上是否使用了jQuery,可以使用Chrome上扩展WAPPalyzer 查看。若网站上未使用jQuery,只需要在上述代码前多加一行即可引入jQuery:

###

这个可以在后台设置啊 这个不需要你自己写代码的

本文来自投稿,不代表微盟圈立场,如若转载,请注明出处:https://www.vm7.com/a/ask/47455.html