【问题标题】:Can script tag appear before title and meta tags?脚本标签可以出现在标题和元标签之前吗?
【发布时间】:2019-07-23 00:58:21
【问题描述】:

我正在研究如何将 Google Analytics(分析)跟踪代码嵌入我的网页。根据https://developers.google.com/analytics/devguides/collection/analyticsjs/ 的文档,它说“代码应该添加在标签顶部附近,并且在任何其他脚本或CSS标签之前”,在这种情况下,可以将代码放在标题和元标签之前,比如这个:

    <HEAD>

    <!-- 2019-03-01: Google Analytics Tracking Code(async) for xxxx, based on Google online help -->
    <script>
        window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
      ga('create', 'UA-xxxx', 'auto', {'allowLinker': true});
      ga('require', 'linker');
      ga('linker:autoLink', ['shareit.com', 'mycommerce.com'] );    
      ga('send', 'pageview');
    </script>
    <script async src='https://www.google-analytics.com/analytics.js'></script>

    <TITLE>xxxxxx</TITLE>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
    <META name="DESCRIPTION" content="xxxxxx">

这看起来有点奇怪。所以我只是想知道是否可以将脚本标签放在标题和元标签之前?

谢谢

【问题讨论】:

  • CONTENT="text/html; charset=iso-8859-1" — 几十年来,对 UTF-8 的支持一直非常出色。 2019 年应该没有理由使用拉丁语 1。

标签: html google-analytics title meta


【解决方案1】:

您面临的唯一限制是&lt;meta charset 必须是must be serialized completely within the first 1024 bytes of the document

将脚本元素放在它之前可能会违反该约束。

【讨论】:

  • 我已将 Google Analytics 和 Google Tag Manager 脚本放在
【解决方案2】:

不会有不良影响,但也不会改善。 GA 代码应该放在 CSS 和 script 标签之前,因为下载它们可能会阻塞浏览器并延迟下载 Google Script 和(更重要的是)延迟运行 ga 命令队列。元标记对处理并没有真正的影响,因此它们是否位于代码之前并不重要,但浏览器并不十分挑剔,因为标题标题和元显示的位置。

【讨论】:

    【解决方案3】:

    据我所知,您可以在头标签之前使用脚本标签,如果您想优先执行脚本,请在头标签开始的下方使用它。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2011-07-26
      • 1970-01-01
      • 2010-10-16
      • 2015-08-11
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多