Как программно добавить параметры UTM к исходящим ссылкам на целевой странице на основе реагирования? ⇐ Javascript

[Anonymous]

Я работаю над целевой страницей на основе React для веб-сайта маркетингового агентства B2B (Kobelphi), и я хочу динамически добавить параметры UTM к исходящим ссылкам для лучшего отслеживания производительности в Google Analytics. < /p>
Моя цель-обеспечить, чтобы все CTAS на домашней странице (такие как мы. и UTM_CAMPAIGHT, когда пользователь посещает сайт по конкретной ссылке на кампанию. Я также рассматривал возможность использования window.location.search, но я хочу более чистый, многократный подход.import { useLocation } from 'react-router-dom';

function CTAButton() {
const location = useLocation();
const queryParams = new URLSearchParams(location.search);

const handleClick = () => {
const url = `https://www.kobelphi.com/contact?${quer ... toString()}`;
window.location.href = url;
};

return Contact Us;
}
< /code>
Это работает изначально, но параметры исчезают, когда пользователи перемещаются между страницами. Я также хочу, чтобы это поведение применялось к нескольким ссылкам на сайте без переписывания той же логики. Я хотел бы сохранить модульную реализацию, тем более что Kobelphi может применить это и к будущим микроситам.
Заранее!

Подробнее здесь: https://stackoverflow.com/questions/796 ... eact-based