Question

我正在研究如何将Google Analytics（分析）跟踪代码嵌入到我的网页中。根据{{3}}上的文档，它说：“应将代码添加到标签顶部附近，并在任何其他脚本或CSS标签之前”，在这种情况下，可以将代码放在title和meta标签之前，就像这样：

    <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">

这看起来有些奇怪。所以我只是想知道是否可以将script标签放在title＆meta标签之前？

谢谢

Answer 1

不会有不良影响，但也不会有所改善。 GA代码应该放在CSS和脚本标签之前，因为下载它们可能会阻止浏览器并延迟下载Google脚本，并且（更重要的是）延迟运行ga命令队列。元标记实际上不会对处理产生影响，因此它们是否位于代码之前并不重要，但是浏览器并不真正挑剔，因为标题和元数据中的位置会显示出来。

Answer 2

您面对的唯一限制是<meta charset必须为must be serialized completely within the first 1024 bytes of the document。

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

Answer 3

据我所知，您可以在head标签之前使用script标签，如果您想优先执行脚本，则可以在head标签开始处使用它。

脚本标签可以出现在标题和元标签之前吗？

3 个答案: