首页 > 解决方案 > 在注册时运行 Google Ad 转换标签,ReactJS

问题描述

谷歌表示这应该添加到“转换页面”上的 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);
      });
  };

标签: reactjsgoogle-tag-managergoogle-ads-api

解决方案


使用反应头盔。它基本上可以帮助您更改内部<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>
  );
};


推荐阅读