谷歌分析不适用于我的 heroku 应用答案

【问题标题】：Google analytics doesn't work on my heroku app谷歌分析不适用于我的 heroku 应用
【发布时间】：2022-04-20 19:47:47
【问题描述】：

我在 heroku 平台上运行一个 python 网络应用程序，

使用 heroku 子域，例如：example.herokuapp.com

我将google analytics js 代码添加到我的页面：

  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-xxxxxxxx-x', 'herokuapp.com');
  ga('send', 'pageview');

我已插入此脚本超过 12 小时，但当我进入我的 ga 帐户管理面板时，它告诉我：

未在您的设备上检测到 Google Analytics（分析）跟踪代码网站的主页。为了让 Analytics 发挥作用，您或您的网站管理员必须将代码添加到您网站的每个页面。

但是，我仍然可以在报告面板上看到一些 PV

ga 是否有效？我怎么解决这个问题？如果我使用顶级域可以解决这个问题吗？

【问题讨论】：

您是否检查了在浏览器中点击“查看源代码”页面时是否显示了分析 javascript？
@friism：我确定，我检查了 chrome 开发网络面板，ga 请求已交付
请您介意分享一下您如何在 Heroku 上设置 Google Analytics。由于缺乏来源，我正在努力做到这一点......stackoverflow.com/questions/59800454/…这是我的问题的链接......

标签： heroku google-analytics subdomain

【解决方案1】：

关于您的ga.create() 电话的两件事：

1) 第三个参数（在您的情况下为“herokuapp.com”）应该是 Javascript 对象，而不是纯字符串。你真的是说{'cookieDomain': 'herokuapp.com'}吗？

2) 如果你这样做了......那么它应该是example.herokuapp.com -- 你不能在所有herokuapp.com 上设置一个cookie。

【讨论】：

【解决方案2】：

我发现新的通用分析在界面中启动实际上有点慢。旧的 Google 分析过去就是这样，可能需要一天的时间才能工作。

我现在已经在 6 个网站上设置了通用分析，我可以看到正在向 google 发出的调用，但需要一天的时间才能显示数据。

您是否使用过任何可用的调试工具。

对于 Firefox，httpfox 是一个很棒的工具，一旦安装，选择启动并按“收集”过滤，这将显示分析调用（如果它们正在工作）。

在 chrome 中有 2 个很好的扩展，标签助手和 ga 调试都是谷歌的。这两者都可以帮助确定实施问题。

希望对你有帮助

约翰

【讨论】：

【解决方案3】：

信用：https://towardsdatascience.com/advancing-to-professional-dashboard-with-python-using-dash-and-plotly-1e8e5aa4c668#cf77 试试这个

import dash

app = dash.Dash(__name__)

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

          gtag('config', 'UA-131327483-1');
        </script>
        {%metas%}
        <title>{%title%}</title>
        {%favicon%}
        {%css%}
    </head>
    <body>
        {%app_entry%}
        <footer>
            {%config%}
            {%scripts%}
            {%renderer%}
        </footer>
    </body>
</html>"""

【讨论】：