Прикрепление параметра к конкретным внешним ссылкам

Question

Я пытаюсь отследить свои офлайн-конверсии для парикмахерской. Когда клиент заходит на наш сайт, ссылка выглядит как salon.com/?gclid=Cj0KCQjwuNbsBRC-ARIsAAzITueS. Моя проблема возникает, когда я пытаюсь прикрепить этот GCLID к форме данных, потому что форма не заполнена на нашем сайте. Мы воспользовались сервисом онлайн-бронирования. Служба сказала, что они были бы рады интегрировать обработку для параметра, если бы мы могли настроить способ отправки его на нашу сторону.

По сути, я хочу захватить параметр gclid=Cj0KCQjwuNbsBRC-ARIsAAzITueS, и когда пользователь щелкнет по любой из ссылок "Забронировать сейчас", он добавит этот параметр в конец внешней ссылки, если gclid существует.

Я использовал приведенный ниже код для захвата gclid, но теперь мне просто нужно прикрепить его ко всем внешним ссылкам

var rawURL = window.location.href; 
var url = new URL(rawURL);
var param = url.searchParams.get('gclid');

По сути, я хочу захватить параметр gclid=Cj0KCQjwuNbsBRC-ARIsAAzITueS и когда пользователь щелкает по любой из ссылок «Забронировать сейчас», он добавляет этот параметр к обратной стороне внешней ссылки, если gclid существует. Поэтому, когда они попадают на новый сайт, он выглядит следующим образом bookingsite.com/?gclid=Cj0KCQjwuNbsBRC-ARIsAAzITueS, и сайт бронирования может получить его и поместить в файл cookie, когда клиент отправляет свое бронирование.

Answer 1

Если это в WordPress, и все ссылки имеют общий класс, вы можете сделать это примерно так:

var rawURL = window.location.href; 
var url = new URL(rawURL);
var param = url.searchParams.get('gclid');

jquery('.classNameHere').each(function(ind) {
    var currentHref = jQuery(this).attr('herf');
    jQuery(this).attr('href', currentHref + param);
});

Эта ссылка демонстрирует лучший способ получения параметров get, таких как URL.searchParams. .get не будет работать с IE: https://html -online.com / article / get-url-parameters-javascript /

Answer 2

Нечто подобное может работать.

const externalLink = document.getElementById("external")
externalLint.href += param