May 8, 2022

События вк пикселя на кнопках Taplink

Для настройки отслеживания нажатий кнопок на вашем тапке сделайте следующее:

  1. Создайте пиксель в рекламном кабинете Вк
  2. Вставьте пиксель во "вставку HTML-кода" в настройках таплинка
  3. По инструкции https://vk.com/faq16578 выберите себе событие по душе
  4. На странице с нужной кнопкой просмотрите идентификатор кнопки через просмотр кода элемента
  5. Вставьте на страницу код, заменив цифры своего блока и заменив событие
  document.addEventListener('DOMContentLoaded', () => {
  	// id вашего блока
  	var id1 = 'b-63695814'
var link1 = document.querySelector('.'+id1+' a').href
document.querySelector('.'+id1+' a').removeAttribute('href')
document.querySelector('.'+id1+' a').onclick = function () {
document.querySelector('.'+id1+' a').setAttribute('href', link1);
document.querySelector('.'+id1+' a').setAttribute('target', '_blank');
VK.Goal('add_to_cart', {value: 150})
}
// конец скрипта для первой кнопки

});

Для добавления событий на еще кнопки скопируйте часть кода от комментария до комментария (т.е без первой и последней строчки), поменяйте цифры блока, цифру у link, событие.

Проверьте перед сдачей заказчику работу отслеживания, воспользовавшись вкладкой "сеть" в инструменте разработчика, как сказано в инструкции https://vk.com/faq16578 с помощью фильтра по rtrg

Как все делается поэтапно можно поглядеть в видосике

Видео: