JQuery location.href - 事件跟踪

Question

我有一个包含许多优惠的优惠页面。客户希望将跟踪脚本添加到一个特定的报价并跟踪几个按钮的点击，即“更多信息”、“分享”和“购买”。

我想使用以下内容：

if (window.location.href == "www.ddd.xx/theoffer") {
    if $( "#target" ).click(function() { // run tracking script }
    else if $( "#second_target" ).click(function() { // run another tracking script}
    else if $( "#third_target" ).click(function() { // run another tracking script } };

看起来还好吗？

非常感谢您的帮助！ BR, 新手

Answer 1

我想知道你是在跟踪你的目标页面还是当前页面。window.location.href表示你当前页面的url，或者你可以设置它跳转到另一个页面。

但是无论你在跟踪哪个页面，你都应该先将click函数与按钮绑定。

对于当前页面，可以这样绑定：

$( "#target" ).click(function() { // run tracking script });
$( "#second_target" ).click(function() { // run another tracking script});
$( "#third_target" ).click(function() { // run another tracking script});

此函数为回调函数，不会直接运行跟踪，只有点击右键才会触发。

如果你有很多按钮来做一些类似的工作，似乎你可以将class="track_button"添加到所有<button>s，并像这样绑定：

$(".track_button").click(function(){
  if (window.location.href == "www.dd/xx/the_offer") {
    var curId = $(this).attr("id");
    if(curId == "target"){
      //do tracking 1
    }
    else if(....){
      //do tracking n....
    }
  }
});