27

我想跟踪我网站的用户。由于我没有老式的 HTML 文件,我应该使给定的代码适应玉语法,还是我可以保持脚本不变并以某种方式包含它?

如果我需要将其转换为玉语法,这可以由某些工具自动生成吗?

<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', 'domain.com');
  ga('send', 'pageview');
</script>
4

6 回答 6

54

而不是让它寻找另一个代码文件并加载它。内联(像 Trevor 建议的那样更好)。

为了做到这一点,您必须使用script.标签....不仅仅是script

见下文:

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-11111111-1', 'yourdomain.com');
            ga('send', 'pageview');

确保间距等实际上是从你的东西缩进一个标签

于 2014-01-20T05:12:07.530 回答
13

解决方案很简单。

第 1 步:我创建了一个名为“analytics.js”的文件,并将代码放在其中的脚本标签之间。无需转换为玉语法。

第2步:我从玉文件中引用了脚本

script(src='/js/analytics.js')
于 2013-08-14T07:07:22.047 回答
6

如前所述 - 建议将 GA 代码段内联到您的文件中,因为 GA 代码段实际上会调用另一个文件 (www.google-analytics.com/analytics.js),因此获取另一个 js 有点浪费文件,然后将获取谷歌文件。

但是 - 如果你确实想保持你的 layout.jade 干净(你应该这样做),你可以将 Brogers 编写的代码片段(以“script.”开头的那个)放在一个单独的文件中,称之为 googleAnalytics.jade,在你的 layout.jade 中只包括:

include partials/googleAnalytics

(当然,partials 是我文件夹视图的方式,这取决于你)

这意味着 GA 代码段将包含在服务器上的页面中,为您节省额外的 GET,但仍保持您的 layout.jade 整洁。

于 2015-04-27T05:38:11.707 回答
6

2019 GTag 更新

传统的 GA 脚本被这个新的 GTAG 脚本取代

script(async='', src='https://www.googletagmanager.com/gtag/js?id=UA-11111111-1')
script.
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'UA-11111111-1');
于 2019-08-16T07:55:00.843 回答
2

现在是帕格。尽管如此。您可以只包含所有 google 分析代码的 .html 文件。

include includes/google_analytics.html
于 2019-05-21T07:54:40.147 回答
1

如果您仍想以内联方式添加它,这里是要点,我使用 4 个空格进行缩进。你可以这样称呼它+ga('yourid12345')

这里还有pug google analytics mixin ,它将输出与您在HTML5 样板中可以找到的脚本相同的脚本。

于 2019-08-15T09:17:24.717 回答