【问题标题】:Google Analytics - Can I put script in footer?Google Analytics - 我可以将脚本放在页脚中吗?
【发布时间】:2012-01-28 17:31:57
【问题描述】:

我想将谷歌分析添加到我们的网站,并阅读了一些关于将脚本标记放在何处的冲突信息。

谷歌说把它放在结束 </ head> 标签之前:http://code.google.com/apis/analytics/docs/tracking/asyncTracking.html

按照我们网站的设计方式,这意味着对每个页面进行编辑。如果我需要这样做,这没什么大不了的,但是,我们的网站也使用页眉和页脚包含文件。

这些页眉和页脚文件中包含 html 代码,并且在页面加载后就位于 <body></body> 标记内。

将脚本添加到页眉或页脚文件会容易得多。我只需将它粘贴一次,它就会在每一页上提供代码。

我的问题是:我可以这样做吗?我可以将脚本 sn-p 移动到页脚包含文件中,即使它不在谷歌建议的 </head> 标记之前?

如果我这样做,我会问问题吗?

谢谢!!

【问题讨论】:

    标签: php javascript google-analytics


    【解决方案1】:

    你可以。

    唯一的区别是,如果你放入“页脚”(即在 </body> 标签之前),浏览器将首先加载 DOM(即直到 script 标签的所有内容)然后开始加载剧本。如果你把它放在头文件中,它会在加载 DOM 的其余部分之前或在加载它时(取决于浏览器)尝试加载脚本。

    只有当你有一个包含很多元素的大页面时,你可能会感觉到不同,但唯一的区别是脚本会稍后加载,所以如果有人中止页面的加载,脚本可能不会被处决。

    因此,Google 建议将其放在 <head> 中,如果可以的话,您应该这样做,但如果这样可以让生活更轻松,您也可以将其放在其他地方。

    【讨论】:

      【解决方案2】:

      我建议将分析代码保存在一个文件中,并将其包含在您的页脚或页眉中 - 示例:.我最近在 Firefox 和 IE 上遇到了一些关于页面加载和分析的问题。它将页面加载到存在分析代码的位置,然后页面无限期挂起。我可以刷新页面并且加载正常,但由于某种原因它正在发生并且关于解决方案的信息很少。因此,就我而言,我已将代码包含在页脚或底部页面的代码中。这样一来,对于您的网站访问者,他们可能甚至都不会注意到,因为您的页面的其余部分会加载,并且一旦他们点击链接,它就不会再次挂起。

      【讨论】:

        【解决方案3】:

        我会说你可以 - 但比这更容易。只需将其放在页脚中并检查实时跟踪是否找到访问者,如果您有答案。

        【讨论】:

          【解决方案4】:

          这是可能的,事实上许多插件都是这样做的(尤其是我见过的大多数 WordPress 插件)。事实上,如果在页面加载期间不需要这些,建议将所有 JS 放在 html 的末尾(就在< /body> 之前)。

          【讨论】:

            【解决方案5】:

            我见过人们把它放在页面上的几乎任何地方。您可以将脚本标签放在页面的任何位置;许多人喜欢将它们放在<head> 标签中,而其他人则将它们放在底部以避免使用document.ready。关键是把脚本放在那里仍然有效。因此,我认为将其放在页面底部没有问题。

            【讨论】:

              【解决方案6】:

              是的,我相信它会起作用 - 但不建议这样做。

              如果您有页眉和页脚文件,为什么不将您的 Analytics 代码附加到其中?当然,除非每个页面都有唯一的页脚/页眉页。那我建议你看看MVC

              【讨论】:

                【解决方案7】:

                已经在此处对脚本放置进行了观察,可以逐个站点进行。我们使用谷歌标签管理器运行谷歌分析,并在页脚中使用页眉代码放置,这没有问题。 Google 目前正在推出 Core Web Vitals,它将网站性能作为必须具备的条件,因此优化代码交付非常重要。只是想在这里添加它,因为它是相关的。

                【讨论】:

                  猜你喜欢
                  • 2019-06-30
                  • 1970-01-01
                  • 1970-01-01
                  • 1970-01-01
                  • 1970-01-01
                  • 1970-01-01
                  • 1970-01-01
                  • 1970-01-01
                  • 1970-01-01
                  相关资源
                  最近更新 更多