实施Google Analytics事件跟踪后,按钮不再有效

时间:2018-01-21 03:31:30

标签: javascript html google-analytics

今天我将谷歌分析事件跟踪代码安装到我的网站,以便能够跟踪有多少人点击"购买机票"按钮URL,从而查看我们的广告是否有效,因为这些页面只能通过特定的地方访问,此示例适用于Facebook。

我必须安装GA代码的更新版本,Google跟踪代码管理器,然后在我的代码中插入onclick功能。

在此页面上成功实施后:https://biscuitsandblues.com/popachubbyfb

我曾试图反映我在其他几个页面上所做的事情以继续,但是我遇到了一个错误,在将我的代码的onclick部分添加到我的下几页之后,该按钮变得无用而且不再使用我到URL。 - > https://biscuitsandblues.com/curtissalgadofb - 或 - https://biscuitsandblues.com/earlthomasfb

两个页面之间代码的唯一区别是日期已更改以反映当前的目标网页。

工作按钮Onclick代码:

<div class="ticketbutton">
<a href="https://www.opentable.com/r/biscuits-and-blues-reservations-
san-francisco?covers=2&datetime=2018-03-
02T18%3A30&restref=2474&searchdatetime=2018-03-02T18%3A30&partysize=2" 
class="myButton" 
onclick="trackOutboundLink('https://www.opentable.com/r/biscuits-and-
blues-reservations-san-francisco?covers=2&datetime=2018-03-
02T18%3A30&restref=2474&searchdatetime=2018-03-
02T18%3A30&partysize=2'); return false;"> Purchase Tickets</a>
</div>

请帮我弄清楚这种疯狂!谢谢

修改:按照这些说明https://support.google.com/analytics/answer/1136920?hl=en

2 个答案:

答案 0 :(得分:0)

我必须在您的网页上查看您的trackOutboundLink来源,但我唯一的猜测是,为了确保跨浏览器安全,您应该将browser.location更改为window.location

var trackOutboundLink = function(url) {
   ga('send', 'event', 'outbound', 'click', url, {
     'transport': 'beacon',
     'hitCallback': function(){window.location = url;}
   });
}

答案 1 :(得分:0)

您正在混合两种不同的方法:

  1. 使用gtag.js实施:用于跟踪Google Analytics的简化版。见:https://developers.google.com/analytics/devguides/collection/gtagjs/
  2. 使用google analytics指令进行analytics.js实施(不使用gtag.js)。 请参阅:https://developers.google.com/analytics/devguides/collection/analyticsjs/events
  3. 在标准的Google Analytics分析实施(analytics.js)中,使用以下格式将事件发送到Google Analytics(分析): ga('send', 'event', [eventCategory], [eventAction], [eventLabel], [eventValue], [fieldsObject]),这是您在代码中使用的内容。

    使用gtag.js实施发送Google Analytics事件的正确方法是:

    gtag('event', 'event_name', {
      // Event parameters
      'parameter_1': 'value_1',
      'parameter_2': 'value_2',
      // ...
    });
    

    实施中的当前混淆会导致以下行为:当用户点击链接时,默认链接行为将通过return false;取消,并替换为函数trackOutboundlink。因为使用了gtag.js而不是analytics.js,ga('send', ... 'hitCallback': function(){document.location = url;}});部分没有做任何事情。这导致未调用hitCallback,以及停止工作的链接。

    要在您的网站上进行正确的跟踪,请更改:

    var trackOutboundLink = function(url) {
       ga('send', 'event', 'outbound', 'click', url, {
         'transport': 'beacon',
         'hitCallback': function(){document.location = url;}
       });
    }
    

    到此:

    var trackOutboundLink = function(url) {
      gtag('event', 'click', {
        'event_category': 'outbound',
        'event_label': url,
        'event_callback': function(){document.location = url;}
      });
    }