通用分析不跟踪导致弹出窗口的链接

Question

我最近接管了一个小型学校网站，该网站正在使用一些非常复杂的分析，例如 UA 和 GA 的混合。所以我剥离了所有旧的分析代码，创建了一个新帐户，并获得了所有运行 UA。我只跟踪 link 次点击，因此代码并不太复杂。我遇到的问题是导致弹出窗口的 links 不发送事件。当我实时观看事件时，导致新页面的 links 完美地发送事件，但 links 只是导致弹出窗口。在以下代码段中，第一个 link 指向另一个页面并进行跟踪，第二个生成弹出窗口并且不进行跟踪。

<tr>
<td class="tableCenterBoxes">
 <a href="http://bit.ly/nutritionCalculator"
    target="_blank"
    onclick="ga('send', 'event', 'quickLinks', 'nutritionCalculator');">
  Nutrition Calculator
 </a>
</td>
</tr>
<tr>
<td class="tableCenterBoxes">
 <a href="popups/ClubsAndOrganizationsFall2015.pdf"
    rel="clearbox[gallery=Resources,,width=650,,height=500,,title=Clubs and Organizations]"
    onclick="ga('send', 'event', 'quickLinks', 'clubsAndOrganizations');">
  Clubs and Organizations
 </a>
</td>
</tr>

我不知道为什么会这样，所以非常感谢您的帮助。谢谢你。

Answer 1

绑定事件

我看到你使用了一些 clearbox 插件，这个插件是通过 rel 参数设置的。页面加载后，clearbox 中的脚本在每个 rel=clearbox 参数上设置事件侦听器并设置其新行为。它可能会取消绑定以前的 onclick 元素，例如您的 GA 代码。这是一个问题，您可以尝试用几种不同的方法来解决它。

又快又脏

在页面加载有一些延迟后，通过 javascript 设置此 onclick 侦听器 - 例如加载后 1-2 秒。这只是在您使用 ClearBox 的弹出窗口 link 中的现有配置中再添加一个 onclick 事件。

正确的做法

Clearbox 库有一些回调函数。

CB_AllowExtFunctLoad='on' 调用函数 CB_ExternalFunctionLoad();每次加载新内容后。在此功能中，您可以自定义 ga("send"...) 调用...

CB_AllowExtFunctPageLoad='on' 调用名为 CB_ExternalFunctionPageLoad() 的函数；在您的页面完全加载后。这是在全球范围内设置自定义事件侦听器的正确位置。

您可以在以下部分的 clearbox 文档中阅读更多内容：Clearbox 专业设置：http://kreaturamedia.com/clearbox/index_en.html

更新

您设置的事件侦听器可以如下所示（jQuery 示例）：

jQuery

<a href="popups/ClubsAndOrganizationsFall2015.pdf"
 rel="clearbox[gallery=Resources,,width=650,,height=500,,title=Clubs and Organizations]"
 data-description="clubsAndOrganizations">
    Clubs and Organizations
</a> 

<script>
var CB_AllowExtFunctPageLoad = function(){
 $(".tableCenterBoxes a").onclick(function(){
   var desc = $(this).attr("data-description");
   ga('send', 'event', 'quickLinks', desc);
 }); 
}
</script>

纯粹Javascript

<script>

function CB_ExternalFunctionLoad() { 

    var classname = document.getElementsByClassName("popup");

    var gaSetter = function() {
        var cat = this.getAttribute("data-category");
        var desc = this.getAttribute("data-description");
        ga('send', 'event', cat, desc);      
    };  

    for(var i=0;i<classname.length;i++){
       classname[i].addEventListener('click', gaSetter, false);
    }

}
</script>

通用分析不跟踪导致弹出窗口的链接

Universal Analyitics not tracking links that lead to popups

html

php

google-analytics

event-tracking

universal-analytics

绑定事件

又快又脏

正确的做法

更新

jQuery

纯粹Javascript