google-analytics - 如何将谷歌分析添加到 jhipster 生产中？

Question

我遵循了本教程： 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});   <--
      }
      ...

标签： google-analyticsjhipster