个人中心
gpt4 book ai didi

Angular + 谷歌分析 : tracking page views with the new analytics

转载 作者：行者123 更新时间：2023-12-04 03:33:52 26 4
gpt4 key购买 nike

我有多个 Angular 应用程序，它们一直在跟踪页面 View ，其逻辑类似于 this blog 中描述的逻辑。 .
我还将在此处添加相关代码片段以避免第三方引用。
在每个页面的头部添加 gtag 依赖(这也在 Google analytics docs 中描述):

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

  gtag('config', 'GA_MEASUREMENT_ID');
</script>
对路由器事件使用react，以便您告诉 GA 使用新的页面标题，尽管 Angular 应用程序是 SPAa: 
export class AppRoutingModule {
  constructor(public router: Router) {
    this.router.events.subscribe(event => {

        if (event instanceof NavigationEnd) {
            gtag('config', 'GA_MEASUREMENT_ID',
                {'anonymize_ip': true},
                {
                    'page_path':
                    event.urlAfterRedirects
                }
            );
        }

    });
  }
}
显然，我替换 GA_MEASUREMENT_ID使用我的真实跟踪 ID。因此，在我拥有“UA-xxxxxxx”(通用分析)跟踪ID的所有情况下，这一直有效。现在，我第一次获得了 Google Analytics 4 tracking id (G-xxxxx)，但事情就是不想工作。不跟踪页面浏览量。
我试过的:
  • 我正在使用实时跟踪 View 进行调试，该 View 也针对新的分析进行了更改。不过，我希望我想要的内容会在页面 View 部分中得到跟踪。尽管如此，我仍然只能看到主机名。
  • 我注意到这些分析具有不同的配置，例如有数据流配置，我不确定其目的，但我认为我需要在那里添加我的主机。我添加了它，但我的页面浏览量仍然不可见。
  • 此跟踪 ID 是通过 google 标签管理器创建的，我最初尝试使用 Google Tag manager instructions 配置依赖项，但由于这没有成功，我切换回我的帖子中描述的分析跟踪配置。
  • 现在我正在写一个 SO 问题，希望其他人已经完成这项工作并且他/她会帮助我。

    • 最佳答案

    我不确定这是否是您问题的答案，但是由于过去几天我一直在为同样的事情苦苦挣扎，所以我将分享我的经验。
    我相信您的设置仍然有效 .如果您只使用 google 标签管理器，您可能会收到 gtag() not defined Reference 错误，如果您在 <head> 中添加以下行，它会得到修复在添加 Google 标签管理器后立即删除您的 index.html(这是本 SO thread 的方法)

    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
    </script>
    如果您在 index.html 中手动添加 GA 标记，则应该没问题。
    对我来说很难意识到的，也可能是你的情况，是 GA4 默认显示页面标题而不是页面路径 (或地点)。在我的情况下，页面标题与域名相同，所以给我留下了 GA 标签在更改页面时没有正确触发的印象。但是，如 here 所述，为了调查页面路径/位置，需要查看参与菜单。有不同的选择，但可以转到 参与度/事件，然后单击页面浏览量，然后从用户参与度 > 页面标题切换到用户参与度 > 页面路径 .在视频中，描述了其他选项，并简要概述了自定义分析仪表板功能。
    关于能够实时查看页面路径，我不确定这是否仍然可行，或者至少我还没有找到一种方法来做到这一点。
    如果有人加入讨论并分享他们的知识，我将不胜感激，因为 GA4 肯定有点难以导航并且文档不是很清楚。

    关于 Angular + 谷歌分析 : tracking page views with the new analytics，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/67331340/

    26 4 0
    文章推荐： reactjs - 如何让我的布局适应 Material-UI 工具栏的高度？
    文章推荐： ethernet - libpcap 没有实时接收，似乎正在缓冲数据包
    文章推荐： python - Django 如何使用验证器测试模型功能
    文章推荐： video - 如何在播放视频时禁用键盘输入？
    行者123
    个人简介

    我是一名优秀的程序员,十分优秀！

    滴滴打车优惠券免费领取
    滴滴打车优惠券
    全站热门文章
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com