Запустить тег конверсии Google Ad при регистрации, ReactJS

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);
      });
  };

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>
  );
};

@Arseniy-II, вот решение, которое у меня сработало. Очевидно, я нашел код Арсения полезным для меня и добавил кавычки вокруг gtag

<Helmet>
 <script>{`{"gtag('event', 'conversion', {'send_to': 'AW-xxx/xxx'});"}`}</script>
</Helmet>
Другие вопросы по тегам