Question

我正在使用Vaadin 12和弹簧靴。我想在页面上添加Google Analytics（分析）。代码如下：

<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类。

Answer 1

实际上有一个工作附加程序，用于在新的Vaadin 10+项目中添加Google Analytics（分析），它添加了跟踪器并提供了一些其他API，以供Google Analytics（分析）的高级使用。您可以在Vaadin目录中找到它

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

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

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

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

如何将谷歌分析添加到vaadin应用程序？

1 个答案: