将Google Analytics事件跟踪添加到标记或Div标记?

时间:2017-02-07 18:47:54

标签: javascript jquery html events analytics

我的网站上有一个按钮,我想在Google Analytics中跟踪。

<div id="contact_btn"  class="col-xs-12 col-sm-5">
<a href="{{ ('mailto:' + job.poster.email) if request.authenticated_userid else request.route_path('login_signup') }}" class="btn btn-primary btn-block" role="button" id="gaContactBtn">Contact Poster</a>
</div>

从另一个Stack问题我遇到了这段代码;

onclick="ga('send', 'event', 'button', 'click', 'contact_btn');"

因此,我使用以下设置在Google Analytics中创建了自定义目标。

类别:按钮

操作:点击

标签:gaContactBtn

值:

我的问题是..我可以将上面的代码放在A标签或DIV标签上吗?它还能用吗?在做了一些搜索后,我找到了一个jQuery事件跟踪生成器,它为我提供了这段代码。

$(document).ready(function() {

$("a#gaContactBtn").each(function() {
    var href = $(this).attr("href");
    var target = $(this).attr("target");
    var text = $(this).text();
    $(this).click(function(event) { // when someone clicks these links
        event.preventDefault(); // don't open the link yet
        _gaq.push(["_trackEvent", "Link", "Click", text, , false]); // create a custom event
        setTimeout(function() { // now wait 300 milliseconds...
            window.open(href,(!target?"_self":target)); // ...and open the link as usual
        },300);
    });
  });
});

这是一个更好的解决方案吗?

1 个答案:

答案 0 :(得分:0)

您调用的名为ga()的函数可以在加载Google Analytics后从dom或javascript的任何位置应用。所以是的,你可以随时随地使用它......