时间戳

首页 > 解决方案 > 在 React js 中插入 google adwords 标签

reactjs - 在 React js 中插入 google adwords 标签

问题描述

我想在我的反应网站中插入谷歌标签。但我的问题是事件跟踪（针对潜在客户）。

我已经把全局标签放在 index.html 中没问题。但是我想在用户提交表单时从组件触发事件 gtag_report_conversion 。

它给了我 gtag 没有定义。

我找到并使用了一个用于 facebook 像素的包，但我似乎无法为 Google AdWords 找到类似的东西。

这是全局标签

<script>
function gtag_report_conversion(url) {
  var callback = function () {
    if (typeof(url) != 'undefined') {
      window.location = url;
    }
  };
  gtag('event', 'conversion', {
      'send_to': 'AW-881122469/KLwdCPnZ_H4QpbmTpAM',
      'event_callback': callback
  });
  return false;
}
</script>

那么我应该在提交时调用这个 gtag_report_conversion。但我如何定义 gtag。

我敢肯定答案很简单，但我缺少一些明显的东西。

标签： reactjseventsgoogle-ads-api

解决方案

我认为您缺少全局标签。刚刚在 AdWords 帐户中达到顶峰，看起来更像

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

  gtag('config', 'AW-123456789');
</script>

放置全局标签后，您不应遇到 gtag 未定义消息。

推荐阅读