google-analytics 相关问题

我正在尝试将 Google Analytics GA4 添加到 React 应用程序，索引.html 窗口.dataLayer = 窗口.dataLayer || []；函数 gtag(){dataLayer.push(参数);} ...</desc> <question vote="11"> 我正在尝试将 Google Analytics GA4 添加到 React 应用程序， index.html <pre><code> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-xxxxxxxL', {send_page_view: false}); </script> </code></pre> 除了这不会禁用默认的 page_view 事件。 我想禁用默认请求，因此我手动发送 page_view 事件。它们是一些页面，直到传奇返回才设置标题，例如： Project: 。默认事件设置为未定义，这是有意义的，因为数据尚未加载。 那么我怎样才能实现这个目标？ </question> <answer tick="false" vote="15"> 尝试从 GA4 管理中的增强测量设置（网络流设置）中切换自动跟踪页面浏览量历史事件的选项。 许多 SPA 站点出于状态管理目的（或其他原因）而设置了初始 PushState/replaceState，这将导致启用增强测量选项时跟踪 page_view。 </answer> <answer tick="false" vote="1"> 您是否在每个网页上禁用 gtag？ 正如<a href="https://developers.google.com/analytics/devguides/collection/gtagjs/pages" rel="nofollow noreferrer">文档</a>所说： <blockquote> send_page_view 设置不会跨页面保留。必须在您想要禁用自动综合浏览量的网站的每个页面上重复此设置。 </blockquote> 我遇到了同样的问题，我最初的想法是，由于默认的 <pre><code>index.html</code></pre> 作为 React 应用程序的框架加载，我只需在此处添加代码片段即可禁用所有页面上的 <pre><code>page_view</code></pre> 事件。但我的情况并非如此。 我最终以编程方式从 App.tsx 的 <pre><code>dataLayer</code></pre> 上的 <pre><code>componentDidMount</code></pre> 中删除了 gtag 事件，并使用相当于这样的伪代码段的 ts（我现在没有确切的代码）： <pre><code>window.dataLayer = window.dataLayer.filter(element => element['event'] && !(element['event'] === 'gtm.load' || element['event'] === 'gtm.dom')); </code></pre> 这就像看起来一样疯狂：我们直接从数据缓冲区中删除了负责页面点击的标签。这似乎有效，但它不仅是一个重大黑客攻击，而且在我看来看起来很丑陋，因此我非常感谢任何更好的非库方法！ </answer> <answer tick="false" vote="1"> 这是一个非常复杂的问题 - 我确信如果您在这里，您会感到沮丧。 除了确保您已在<a href="https://support.google.com/analytics/answer/9216061?hl=en" rel="nofollow noreferrer">增强测量事件</a>下禁用“浏览器历史记录事件”之外，我还发现了以下内容： <ul> <li>预览功能与实时部署版本的工作方式不同。我的网站通常在 GTM“预览”功能下打开两次，另一个实例正常。部署完全相同的版本后，我在预览下收到一个 page_view 事件，当我正常打开网站时收到两个 page_view 事件。 </li> <li>我似乎无法弄清楚为什么会发生这种情况的细微差别，但为了调试事件的来源，我发现以下设置很有用： </li> </ul> <a href="https://i.stack.imgur.com/d7e5h.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL2Q3ZTVoLnBuZw==" alt=""/></a> 两个黄色字段作为事件参数发送，这意味着当我在 Chrome 控制台中查看调试时，我可以准确地看到它们来自哪里： <a href="https://i.stack.imgur.com/MTMGP.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL01UTUdQLnBuZw==" alt=""/></a> 在这种情况下，您可以看到它们在“路线更改”和“DOM 加载”时触发 - 这正是我配置它们的方式： <a href="https://i.stack.imgur.com/w9sqS.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL3c5c3FTLnBuZw==" alt=""/></a> 当我在预览模式下加载时，它只获取 <pre><code>gtm.dom</code></pre> 事件，而没有 <pre><code>Route change</code></pre>。我不明白为什么。就像“GTM 预览”功能正在吞噬我的历史更改事件。 <ul> <li>最后一个提示：</li> </ul> 为以下代码添加<pre><code>Custom HTML</code></pre>标签，并在<pre><code>Route Change</code></pre>发生时触发。这样您就可以在控制台中准确地看到它何时发生（或不发生）。 <pre><code><script> console.log('Route Change - GTM Debug - {{Page Hostname}} {{Page URL}}'); </script> </code></pre> </answer> </body></html>

reactjs google-analytics gtag.js google-analytics-4

回答 0 投票 0

BigQuery 中的 GA4 数据：如何复制参与率？

在 BigQuery 中，我想复制 Google Analytics 4 统计数据“参与率”，其定义为（更多信息）：参与度会话数/总会话数需要全部计算

google-bigquery google-analytics google-analytics-4

回答 2 投票 0

在 nuxt.js 中设置 Google Analytics 4

我在使用 Nuxt 设置新的 Google Analytics 4 (GA4) 帐户时遇到问题。根据教程，一切似乎都配置正常，但是我的流量没有显示在 GA（开发和生产）中在...

google-analytics nuxt.js google-analytics-4

回答 6 投票 0

Google Analytics cookie 域

我注意到我的应用程序包含多个 _ga cookie。有两个 _ga cookie 具有这些配置域：值 = GA1.1.563684360.1681907587 |域名=analytics.google.com ...