如何在Angularjs网站上使用jQuery跟踪GA事件?

时间:2016-11-04 12:10:22

标签: jquery angularjs

如果点击了菜单元素,我正在尝试发送Google Analytics事件。我跟踪的网站是使用Angularjs构建的,我使用jQuery编写脚本来触发事件。

该菜单有一个选项可以单击和折叠菜单,它还具有通过下拉菜单提供的主要元素。

我的脚本工作正常,直到单击折叠菜单选项,之后只有主要元素发送GA事件而不是放在下拉元素上的事件。单击返回正常菜单外观时也是如此。

任何想法如何使这项工作?我可以以某种方式看到从jQuery加载的视图和从那里重新启动代码?

    window.onload = function(){
// The selector is all main elements in the menu 
    $sJQ(MainElements).on('click',function(){
        $sJQ(SubElements).on('click',function(e){
        if($(this).attr('href') === '/MainElement/') {
        ga('send', 'event', 'Category1', 'Action1', 'Label1');
        } 

    });

// The selector is all subelements in the menu 
    $sJQ(SubElements).on('click',function(e){
        if($(this).attr('href') === '/SubElement/') {
            ga('send', 'event', 'Category2', 'Action2', 'Label2');
            e.stopPropagation();
        } 
    });
// The selector is all subelements in the menu 
        $sJQ(selectorCollapsedSubElement).on('click',function(e){
        if($(this).attr('href') === '/SubElement/') {
            ga('send', 'event', 'Category2', 'Action2', 'Label2');
            e.stopPropagation();
        } 
    });
};

谢谢!

0 个答案:

没有答案