2

我正在使用带有弹簧靴的 Vaadin 12。我想在我的页面上添加谷歌分析。代码如下所示：

<script async src="https://www.googletagmanager.com/gtag/js?id=my-id"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'my-id');
</script>

如何将此添加到 Vaadin 的网页？我已经尝试使用注释@Inline，但它总是在那里放一些额外的东西。那么有没有办法将这些脚本放在 html 的头部？我只使用没有 HTML 页面的 java 类。

4

1 回答 1

1

实际上，有一个工作插件可用于将 Google Analytics 添加到新的 Vaadin 10+ 项目中，它添加了跟踪器并提供了一些其他额外的 API，以便高级使用 Google Analytics。您可以从 Vaadin 目录中找到它

https://vaadin.com/directory/component/googleanalytictracker/4.0.0

（Vaadin 7 和 8 也存在类似的附加组件）。

Vaadin 应用程序是单页的，因此要充分利用 Google Analytics 对应用程序使用的行为跟踪，您需要这种附加组件。它使虚拟页面视图成为可能，即您可以在 Google Analytics 中查看视图级别的活动。

为了简单地将 JavaScript 集成到 html 的头部，您可以使用例如 @Inline 注释，如下所述：https ://vaadin.com/docs/flow/advanced/tutorial-bootstrap.html但是，这不会为您提供视图级别跟踪.

于 2019-03-13T05:37:53.560 回答