Question

据报道代码助手发出了警告，但它仍然困扰着我。

这是我的analytics.js实施：

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXXXXX-X', 'auto');

var visited_pages = [];

visited_pages.push(document.location.pathname);

//ga('send', 'pageview');
</script>

<script>
function gaTrack(path) {
    setTimeout(function() {
        visited_pages.push(path);

        ga('set', { page: path });
        ga('send', 'pageview', path);
    }, 1);
}
</script>

它位于<head></head>标记中，因为标记助手需要。

我在gaTrack的任何地方使用history.pushState，例如：

history.pushState(null, null, headnav.data('uri'));
gaTrack(headnav.data('uri'));

一切都很好，没有undefined或无效，但仍然会在标记助手中提出警告。

所以我的问题是（将来可能对某人有帮助）：

我的方法不对吗？
analytics.js函数中的gaTrack实现和逻辑是错误的吗？
我可以在 Google Analytics 网络界面中更改某些内容，以解决我的问题吗？

Answer 1

如果您使用谷歌标记管理器，它还将包括谷歌分析。

因此，包含谷歌分析的兼容方式是

  <script>
    window['GoogleAnalyticsObject'] = 'ga';
    window['ga'] = window['ga'] || function() {
      (window['ga'].q = window['ga'].q || []).push(arguments)
    };
    ga('require','ecommerce');
    //etc
  </script>
</head>
<body>
  <!-- Google Tag Manager -->
  <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-XXXXXX"
  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-XXXXXX');</script>
  <!-- End Google Tag Manager -->

Answer 2

Chrome无法正确处理HTML语法。

<noscript>A<noscript>B</noscript>C</noscript>

将“更正”为

<noscript>A<noscript>B</noscript>C

因此，如果您有一个单页面应用程序并使用phantomjs将页面呈现为noscript标记，那么任何嵌入的noscript标记都会干扰父noscript标记，然后继续导致谷歌分析被包含两次，一次正确嵌入在noscript标签中的另一次。

“跟踪相同的网络媒体资源ID两次。” - 谷歌分析

2 个答案: