javascript 使用HTML属性进行jQuery Google Analytics事件跟踪

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 使用HTML属性进行jQuery Google Analytics事件跟踪相关的知识,希望对你有一定的参考价值。

/*JSHint Options*/
/*global _gaq */
/*
  Google Analytics Event Tracking - JSHint Checked
  Written By Cheyne Wallace - 19th Nov 2012
  Click Usage: <a href="http://somewhere"
                  class="ga-track"
                  event_category="Event Category"
                  event_action="Specific Action"
                  event_label="Optional Message"
                  event_value="Optional Value">
                  Download</a>
*/

jQuery(document).ready(function(){
  if (typeof(_gaq) !== "undefined") {
    jQuery(".ga-track").click(function(e){
      var url;
      var isA = $(this).is("a");
      
      // Check For Anchor Tag
      if(isA) {
        e.preventDefault();
        url =  this.href;
      }
      
      // Setup The Options
      var options = {
          category: $(this).attr("event_category") || '',
          action:   $(this).attr("event_action") || '',
          label:    $(this).attr("event_label") || '',
          value:    $(this).attr("event_value") || 0
      };
      
      // Push To Google
      _gaq.push(['_trackEvent', options.category, options.action, options.label, options.value]);
     
      // Give _gaq Time To Push
      if (isA){setTimeout(function(){location.href = url;}, 110);}     
    });
  }
  else {
      // Analytics not activated - Most likely devevelopment env - Do nothing
      //console.log("Missing Analytics Analytics Tracking Code")
  }
});


以上是关于javascript 使用HTML属性进行jQuery Google Analytics事件跟踪的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript对象的常用属性及使用

JavaScript ---[HTML DOM, 对标签的属性,标签体的内容,CSS属性,标签事件进行操作]

html http://www.jqueryscript.net/other/Fix-Element-Within-Container-jQuery-pinElement.html

JavaScript--浅谈!=!====和===的区别

javascript闭包的理解

网页局部打印