运行 Google 注册时的广告转化标签，ReactJS

Question

Google 说这应该添加到“转换页面”上的 html。

<!-- Event snippet for Website lead conversion page --> <script> gtag('event', 'conversion', {'send_to': 'AW-sdad/-dsafdsa'}); </script>

我有一个 ReactJS 应用程序，所以我没有一个 html“转换页面”。

我可以从 javascript 以某种方式运行它吗？

createAccount = () => {
    Axios.post(`/api/signup`, { user })
      .then(async (resp) => {
        await Axios.post("/api/login", { email: this.state.email, password: this.state.password });
        this.props.history.push("/app");
        // Run google ad convert here?
      })
      .catch((err) => {
        console.log(err);
      });
  };

Answer 1

使用React Helmet。它基本上可以帮助您更改 <head> 或 <body> 中的内容因此，您只需在负责转换页面的组件中添加这段代码。

const SignUpPage = () => {
  return (
    <div>
      <Helmet>
        <!-- Event snippet for Website lead conversion page -->
        <script> gtag('event', 'conversion', {'send_to': 'AW-sdad/-dsafdsa'}); </script>
      </Helmet>

      SignIn page here
    </div>
  );
};

Answer 2

@Arseniy-II，这是对我有用的解决方案。显然，我发现 Arseniy 的代码对我有帮助，我在 gtag

周围添加了一些引号

<Helmet>
 <script>{`{"gtag('event', 'conversion', {'send_to': 'AW-xxx/xxx'});"}`}</script>
</Helmet>

运行 Google 注册时的广告转化标签，ReactJS

Run Google Ad conversion tag on signup, ReactJS

reactjs

google-tag-manager

google-ads-api