Google Analytics(分析)在Aurelia TypeScript项目上无法正常工作?

问题描述 投票:0回答:1

我是Google Analytics(分析)的新手,我想为我正在开发的网站设置它。

当前状况

我已经在我的项目中通过将以下代码添加到index.ejs中来设置Google Analytics(分析),现在代码如下:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-162300254-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-162300254-1');
</script>
    <title><%- htmlWebpackPlugin.options.metadata.title %></title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="favicon.ico">
    <base href="<%- htmlWebpackPlugin.options.metadata.baseUrl %>">
    <!-- imported CSS are concatenated and added automatically -->
  </head>
  <body aurelia-app="main">
    <% if (htmlWebpackPlugin.options.metadata.server) { %>
    <!-- Webpack Dev Server reload -->
    <script src="/webpack-dev-server.js"></script>
    <% } %>
  </body>
</html>

因此,我已将从Google Analytics(分析)收到的代码添加到此文件中。

这似乎触发了某些事情,因为如果我在本地测试我的网站,现在我可以看到有一个活跃用户。

问题

我什至看不到访问量最大的页面,在Google Analytics(分析)上也看不到我访问过的页面。在“活动页面”选项卡上,它仅显示一个页面,该页面显然称为“ /”。

我感觉我在设置它时错过了一些东西,因为这并不能使我对我网站上的数据有太多了解。

如果不清楚,请通知我。

问候

typescript google-analytics aurelia
1个回答
0
投票

对您来说非常重要的两件事,对于具有Aurelia以及任何形式的Google Analytics(分析)和SEO的网站来说,这都是非常重要的。

首先,这是大问题。您需要使用Rendertron来使用无头客户端来服务您的aurelia应用。这是SEO为aurelia应用捕获正确信息的最佳方法。

第二,您需要确保推送状态已启用您可以通过在configureRouter函数中添加以下代码来做到这一点>

configureRouter(config, router) {
        config.options.pushState = true;

我将Google Analytics(分析)用于我的3个aurelia应用程序,并且在这些应用程序都处于运行状态时,您将获得有关每个页面的正确信息。以前要同时执行这两项操作,正如您所提到的,我只看到了/路线。祝您好运,很抱歉,您花了两天时间回答您的问题。

© www.soinside.com 2019 - 2024. All rights reserved.