将 Analytics 事件跟踪添加到标签或 Div 标签？

Question

我的网站上有一个按钮，我想在 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);
    });
  });
});

这是更好的解决方案吗？

Answer 1

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

将 Analytics 事件跟踪添加到标签或 Div 标签？

Adding Analytics Event Tracking to A Tag or Div Tag?

html

javascript

jquery

events

analytics