谷歌事件跟踪 使用 jquery 多个事件

Google Event Tracking Using jquery multiple events

本文关键字：事件 jquery 使用 跟踪 谷歌      更新时间：2023-09-26

完全是新手，很惊讶能走到这一步，使用谷歌和YouTube。

<script type="text/javascript">
    window.onload = function() {
        jQuery('.apply_now_green, .apply_now_red, .feat_lender img, .feat_lender h3').click(function() {
            var label = jQuery(this).parents('.col-md-3').find('h3').text();
            ga('send', 'event', 'apply now button', 'click', label);
        });
    };
</script>
<script type="text/javascript">
    window.onload = function() {
        jQuery('.more_details').click(function() {
            var label = jQuery(this).parents('.col-md-3').find('h3').text();
            ga('send', 'event', 'more details', 'click', label);
        });
    };
</script>

我如何将两者合并，在当前格式中，它不适用于用于跟踪两个不同事件的分析。

您可以使用 HTML5 数据属性将分析类别/其他数据保存在元素本身上。

在jquery中，你可以做这样的事情：

$('.clickable').on('click', function() {
  var gaCategory = $(this).data('category');
  var gaLabel = $(this).data('label');
  
  alert('Category: ' + gaCategory + ', Label: ' + gaLabel);
});
.clickable {
  width: 50px;
  height: 50px;
  background: green;
  margin: 5px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="clickable" data-category="category1" data-label="label1"></div>
<div class="clickable" data-category="category2" data-label="label2"></div>
<div class="clickable" data-category="category3" data-label="label3"></div>
<div class="clickable" data-category="category4" data-label="label4"></div>

相关文章：