设置 Google 标签管理器同意 react-gtm-module

Question

在我的 React SPA 中，我使用 npm 模块 react-gtm-module 将其连接到 GTM。我可以使用以下语法发送事件：

  window.dataLayer.push({
    event: 'calc_price_btn'
  })

但我不确定是否以及如何发送 consent 更新。这个模块是否可行，还是我必须使用标准 gtag HTML 代码段？ react-gtm-module 可以执行标准 gtag() 调用可以执行的所有操作吗？

Answer 1

你真的不需要做任何特别的事情programming-wise。

更多的是 GTM 中的配置。

有很多社区模板可以管理这个，但我会选择 Simo Ahava 的 https://www.simoahava.com/custom-templates/consent-mode/

在GTM中添加新标签时搜索即可。

然后您将能够通过更新将某些事件推送到数据层，如下图所示。

Answer 2

我缺少的是定义 gtag() 函数：

window.gtag = function(){
  window.dataLayer.push(arguments)
}

令我感到困惑的是 Google documentation 不包括 dataLayer.push() 调用——仅包括 gtag() 调用。定义函数后，文档中的代码片段可以立即使用。