事件追踪+新窗口

时间:2016-06-29 13:51:51

标签: google-analytics

我花了半天时间在这上面,我仍然无法弄清楚如何跟踪出站链接我打开一个新窗口!

  • 我可以跟踪活动
  • 我可以在新窗口中打开链接

问题:我打开了2个新窗口

我的代码:

 <script>
  var trackOutboundLink = function(url) {
  ga('send', 'event', 'outbound', 'click', url, {
  'transport': 'beacon',
  'hitCallback': function(){window.open(url, '_blank');}
  });
  }
 </script>

 <a href="http://www.example.com" target="_blank" onclick="trackOutboundLink('http://www.example.com');">Check out example.com</a>

3 个答案:

答案 0 :(得分:0)

您是否尝试通过GTM执行此操作? 有一种叫做Listener的脚本,它们对跟踪像他这样的东西非常有用,我建议你看看。 有了这个,它可以很容易地跟踪出站点击(通过标签) 我留给你一个Simo的帖子解释这个。

http://www.simoahava.com/gtm-tips/track-outbound-links-in-gtm-v2/#gref

答案 1 :(得分:0)

相当古老的问题,但仍然可以通过我的解决方案帮助某人。

function trackOutboundLink(url) {
    var params = {};
    params.hitCallback = function () {
        window.open(url);
    }
    ga("send", "event", "outbound", "click", url, params);
    return false;
}

它适用于移动设备,桌面上没有2个新窗口。

用法:

<a href="http://www.example.url" target="_blank" onclick="trackOutboundLink('http://www.example.url');">

答案 2 :(得分:0)

如果在新窗口中打开链接,则无需提供transporthitCallback

适用于普通链接和新窗口链接的通用解决方案:

<a href="http://www.example.url" target="_blank" onclick="trackOutboundLink(this)">

function trackOutboundLink (el) {
    let params
    if (!el.target) {
        event.preventDefault()
        params = {
            transport: 'beacon',
            hitCallback: function () {
                document.location = el.href
            },
        }
    }
    ga('send', 'event', 'outbound', 'click', el.href, params)
}