使用 jQuery 监听并通过 Google Analytics 事件跟踪进行任何点击

jQuery 监听点击以通过 Google Analytics 事件跟踪

我很惊讶更多的集成和系统不会自动包含 谷歌分析事件跟踪 在他们的平台上。 我在客户网站上工作的大部分时间都在开发事件跟踪,以便为客户提供他们需要的关于哪些用户行为在网站上有效或无效的信息。

最近,我写了关于如何跟踪 邮件点击次数, 电话点击次数Elementor 表单提交. 我将继续分享我正在编写的解决方案,希望它能帮助您更好地分析您的站点或 Web 应用程序的性能。

此示例通过添加包括 Google Analytics 事件类别、Google Analytics 事件操作和 Google Analytics 事件标签的数据元素,提供了一种将 Google Analytics 事件跟踪合并到任何锚标记的非常简单的方法。 这是一个包含数据元素的链接示例,称为 事件:

<a href="#" data-gaevent="Category,Action,Label">Click Here</a>

您的网站的先决条件是在其中包含 jQuery……这个脚本是由它提供支持的。 一旦你的页面被加载,这个脚本会为你的页面添加一个监听器,让任何人点击一个元素 事件 数据……然后它会捕获并解析您在字段中指定的类别、操作和标签。

<script>
  $(document).ready(function() {      
    $(document).on('click', '[data-gaevent]', function(e) {
      var $link = $(this);
      var csvEventData = $link.data('gaevent');
      var eventParams = csvEventData.split(',');
      if (!eventParams) { return; }
        eventCategory = eventParams[0]
        eventAction = eventParams[1]
        eventLabel = eventParams[2]
        gtag('event',eventAction,{'event_category': eventCategory,'event_label': eventLabel})
        //alert("The Google Analytics Event passed is Action: " + eventAction + ", Category: " + eventCategory + ", Label: " + eventLabel);
    });
  });
</script>

注意:我已经包含了一个警报(已注释掉),以便您可以测试实际通过的内容。

如果您在 WordPress 上运行 jQuery,您需要稍微修改一下代码,因为 WordPress 不支持 $ 快捷方式:

<script>
  jQuery(document).ready(function() {      
    jQuery(document).on('click', '[data-gaevent]', function(e) {
      var $link = jQuery(this);
      var csvEventData = $link.data('gaevent');
      var eventParams = csvEventData.split(',');
      if (!eventParams) { return; }
        eventCategory = eventParams[0]
        eventAction = eventParams[1]
        eventLabel = eventParams[2]
        gtag('event',eventAction,{'event_category': eventCategory,'event_label': eventLabel})
        //alert("The Google Analytics Event passed is Action: " + eventAction + ", Category: " + eventCategory + ", Label: " + eventLabel);
    });
  });
</script>

它不是最强大的脚本,您可能需要做一些额外的清理工作,但它应该可以帮助您入门!