Google Analytics ga 函数 hitCallback 未触发

Question

我正在尝试在 Google 分析中为客户触发一个事件。当用户单击指向另一个网站的链接时，需要触发该事件。放置在 onclick 中的函数调用无法在桌面上运行，因为页面在 Javascript 运行之前已被卸载。为了修复它，我基于this article实现了以下代码：

<script>
  function submitOrderButtion( eventName ){
    var url = 'https://example.com';
    var goToOrderForm = function(){
      console.log( "goToOrderForm" );
      window.location = url;
    };
    //setTimeout( goToOrderForm, 1000 );
    console.log( ga.q );
    console.log( ga.loaded );
    ga('set', 'transport', 'beacon');
    ga('send', 'event', 'order online', 'click', eventName, {
      hitCallback: goToOrderForm
    });
  }
</script>

调用函数的链接是这样的：

<a href="javascript:" onclick="submitOrderButtion( 'homepage' );" class="btn btn-primary">Order Online!</a>

点击按钮时 ga 函数从不做任何事情。

ga.q 未定义，ga.loaded 为真。最后一次尝试时，我将传输设置为“信标”，但没有任何区别。除非我取消注释 setTimeout（我最终会在它工作时），否则永远不会调用回调，永远不会记录 ga 事件，并且不会在检查器中显示任何网络请求。

这里是网站Joey's Pizza 的链接。有问题的链接是页面中间的大按钮，上面写着“在线订购！”。

谁能告诉我为什么 ga 函数没有做任何事情？提前感谢您的帮助！

状态更新： 我仍在寻找这个问题的答案。我得到的答案已被多次尝试（使用各种 arg 配置，并检查源以确保未缓存以前的尝试）。我花了将近一天的时间来完成一项简单的任务，而且我没有收到任何错误或任何东西。任何进一步的帮助将不胜感激！谢谢你:)

Answer 1

我遇到了同样的问题，最终发现我在发送事件之前错过了对 ga('create') 的调用

ga("create", "UA-XXXXX-Y", "auto");
ga("send", "event", {
  eventCategory: "mycategory",
  eventLabel: "mylabel",
  transportType: "beacon",
  eventCallback: () => {
    ...
  },
});

非常令人沮丧，如果没有创建跟踪器，对 GA 发送的调用什么也不做，没有错误、警告或任何有用的东西！

或者，如果像我一样，由于设置了 gtag，您在全局范围内有 ga，您可以调用 gtag 全局：

gtag("event", "click", {
  event_category: "mycategory",
  event_label: "mylabel",
  transport_type: "beacon",
  event_callback: () => {
    ...
  },
});

Answer 2

检查是否有任何浏览器插件被阻止。以隐身模式打开浏览器。

Answer 3

将您的回调作为第 5 个参数传递

https://developers.google.com/analytics/devguides/collection/analyticsjs/sending-hits#hitcallback

所以应该是这样的。

ga('send', 'event', 'order online', 'click', {
  hitCallback: goToOrderForm
});