Помимо подмены номеров, иногда возникает необходимость подменять заголовки или другие части содержимого страницы, в зависимости от источника трафика.
Для подмены содержимого страницы используется функция обратного вызова. Она вызывается вместе с подменой номеров и в нее передается словарь с выбранным номером.
В нужном заголовке добавляем атрибут id:
<h1 id="header">Как купить шуруповерт?</h1>
Добавляем функцию подмены заголовка.
<script>
function subst_header(phone_info){
console.log(phone_info);
if(phone_info['src']=='ydirect_openstat'){
var el = document.getElementById('header');
el.innerText = 'Покупка шуруповерта с аккумулятором';
}
}
</script>
В настройках скрипта добавляем поле callback:
<script>
sipuniCalltracking({
callback: subst_header,
sources: {
'ydirect':{'utm_source': 'direct.yandex.ru'},
'articles':{'ref':/(habrahabr|oborot\.ru)/ig}
},
phones: [
{'src':'articles', 'phone':['+75555555555']},
{'src':'ydirect', 'phone':['+73333333333']}
]
}, window);
</script>
Для посетителей из Яндекс Директ будет отображаться другой заголовок 'Покупка шуруповерта с аккумулятором'.
Если посетитель сначала зайдет с Яндекс Директ, затем зайдет напрямую, он все равно будет видеть заголовок и номера телефона, как если бы он пришел с Яндекс Директ. Это происходит благодаря сохранению источника трафика при первом посещении сайта.