跟踪事件的Google Analytics(分析)angularjs指令

哈维尔·赫特菲尔德(Javier Hertfelder)

嗨,我正在尝试实现一个指令来跟踪GA的事件(例如click事件),但是由于某种原因,该指令被应用程序上的任何click事件触发,这是我的代码,我正在使用Phonegap GA插件:

myApp.directive('bcaTrackEvent', function () {
    return {
        restrict: "A",
        link: function ($rootScope, element, attrs, ctrl) {

            $rootScope.gaPlugIn.trackEvent(function(){}, function(){}, element.type, "Click", element.name, 1);
        }
    };
});

这是我正在使用的地方:

<div id="layout">
    <p class="blank"></p>
    <p class="logo"></p>
    <p class="blank"></p>
    <div id="signOptions">
        <a ng-href="#/SignIn"><input bca-track-event name="signIn" class="bigbutton" type="button" value="{{'_SignIn_' | localizeIt}}" /></a>
        <a ng-href="#/SignUp"><input class="bigbutton" type="button"  value="{{'_SignUp_' | localizeIt}}"/></a>
        <p class="blank"></p>
        <a class="tourlink" href="#/TakeTour" data-localize-it="_TakeTour_"></a>
    </div>
</div>
迈克尔·洛

指令的链接功能将始终在首次添加该指令时运行,因此这就是您的代码每次都运行的原因。您需要在指令的链接函数内添加click事件处理程序,这将是仅在click上运行的位。

myApp.directive('bcaTrackEvent', function () {
    return {
        restrict: "A",
        link: function ($rootScope, element, attrs, ctrl) {

            element.on("click", function() {
                 $rootScope.gaPlugIn.trackEvent(function(){}, function(){}, element.type, "Click", element.name, 1);
            });

        }
    };
});

顺便说一句,传递给链接函数的参数始终是作用域,元素,属性和控制器。您已经将$ rootScope编写为参数,但是实际上是在将伪指令重命名为$ rootScope。在这种情况下,范围继承意味着它无论如何都可以正常工作,但是我认为您最好将变量重命名为,scope以防止潜在的混乱。

如果您需要真正的$ rootScope,请将其注入到指令本身而不是链接函数中,例如

myApp.directive('bcaTrackEvent', function ($rootScope) {

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Google Analytics(分析)中没有事件跟踪

点击表单提交后在Google Analytics(分析)中跟踪事件

iOS上的Google Analytics(分析):未跟踪事件

维度关系不正确的Google Analytics(分析)跟踪事件

UIButton事件跟踪Google Analytics(分析)(快速)

Google Analytics(分析)事件跟踪未显示

Google跟踪代码管理器中的Google Analytics(分析)事件跟踪

Google Analytics(分析)事件跟踪-不起作用

如何设置appVersion进行Google Analytics(分析)事件跟踪

Onclick事件跟踪Google Analytics(分析)Wordpress Visual Composer插件

Google Analytics(分析):事件跟踪与虚拟综合浏览量

链接上的Google Analytics(分析)事件跟踪

未显示Google Analytics(分析)事件跟踪(gtag)

Google Analytics(分析)事件跟踪不起作用

Google Analytics(分析)自定义事件跟踪/目标不适用于新的Google Analytics(分析)跟踪代码

Google Analytics(分析)事件跟踪无法跟踪两次或多次

Google Analytics(分析)通用事件跟踪

未跟踪Google Analytics(分析)下载事件目标

Google Analytics(分析)页面视图javascript与事件跟踪javascript

针对单个用户的Google Analytics(分析)事件跟踪

Google Analytics(分析)跟踪未配置的事件

Google Analytics(分析)跟踪事件不起作用

通用Google Analytics(分析)事件跟踪不起作用

Google Analytics(分析)事件跟踪问题

Google Analytics(分析)跟踪出站事件

Master Slider Google Analytics事件跟踪

Google Analytics(分析),出站事件跟踪

Google Analytics(分析)事件跟踪不起作用

在 applicationWillTerminate 中跟踪 Google Analytics 事件