如何将Google Analytics分析添加到Jhipster生产中？

问题描述

我遵循了本教程： https://www.youtube.com/watch?v=3Bx8BU3wxaA&t=378s

当我运行 npm start 时似乎运行良好，但是当我生成生产文件或运行 ./ gradlew 时，它不再起作用。没有任何错误。

有什么想法吗？

要重现，只需生成新的jhipster应用并修改2个文件：

修改后的文件：

\src\main\webapp\index.html

    ...
    <!-- jhipster-needle-add-resources-to-root - JHipster will add new resources here -->
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-*******-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js',new Date());        
    </script>
</head>

src\main\webapp\app\layouts\main\main.component.ts

  import { *** } from '***';
  declare let gtag: any;
  ...

  ngOnInit(): void {
    this.router.events.subscribe(event => {
      if (event instanceof NavigationEnd) {
        this.updateTitle();
        gtag('config','UA-******-1',{'page_path':event.urlAfterRedirects});   <--
      }
      ...

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

google-analytics jhipster