Подмена номера бесплатно, call trecking через GTM

Телефоны вводить строго в этом формате: +38 (000) 00-00-000

Пример нам нужно подменить эти два номера при заходе с Google рекламы или другой с разметкой utm_content

Номер, который будем менять

+38 (000) 00-00-000

var phone_1 = '+38 (000) 00-00-000';

Обозначим параметры, по которым будем определять пользователь с рекламы или нет, gclid это разметка Google рекламы, а utm_content другая платная реклама

document.location.search.includes('gclid') ||

document.location.search.includes('utm_content')

phones[0].innerHTML = phone_1.replace('+38 (000) 00-00-000','+38 (111) 11-11-111');

phones[0].href = 'tel:' + purify(phone_1);

Добавим сохранение данных в cookie браузера, чтобы если пользователь зашел с рекламы, добавил сайт в закладки и метка рекламы стерлась, то номер будет подменен со статического на тот что использовался для рекламы:

document.cookie.includes('ads_client')
document.cookie = 'ads_client';

Весь код выглядит так:

<script>
function purify (str) {
return str
.replace(/ /g,'')
.replace(')','')
.replace('(','')
.replace(/-/g,'');
}

if(
document.location.search.includes('gclid') ||
document.location.search.includes('utm_content') ||
document.cookie.includes('ads_client')
) {

// Телефоны вводить строго в этом формате: +38 (000) 00-00-000
var phone_1 = '+38 (000) 00-00-000';

var phones = document.querySelectorAll('a[href^=tel]');

phones[0].innerHTML = phone_1.replace('+38 (000) 00-00-000','+38 (111) 11-11-111');
phones[0].href = 'tel:' + purify(phone_1);

document.cookie = 'ads_client';

}
</script>

После того как разобрались, что к чему, заходим в Google Tag Manager по адресу https://tagmanager.google.com/

Создаем тег