Идентификатор цели для JavaScript-события
Пример кода JavaScript-события,
Код цели JavaScript-события устанавливается на отслеживаемый элемент (пример клика по кнопке)
Пример отслеживания клика по кнопке через Google Tag Manager
ym(XXXXXX,'reachGoal', target), где:
ym(XXXXXX, 'reachGoal', target[, params[, callback[, ctx]]]);, где:
Пример формы с множеством полей
Отчеты - Содержание - Параметры визитов
Пример отчета "Параметры визитов"
ym(XXXXXX, 'reachGoal', target, params);, где:
ym(54442894,'reachGoal','clickButton')Поскольку для передачи параметра визита требуется еще один аргумент params, мы должны добавить его в конец строки, чтобы получилось следующее:
ym(54442894,'reachGoal','clickButton', {zvet_knopki: 'green'}), где:
Пример JavaScript-события с параметром визита (клик по кнопке)
Отслеживаемое событие с идентификатором цели и параметром визита
Отслеживаемое событие с идентификатором цели и параметром визита (расширение Yandex.Metrica Inspector)
Переданный параметр визита в отчете "Параметры визитов"
ym(54442894,'reachGoal','clickButton', {zvet_knopki: 'green', mesto_knopki: 'sleva'}), где:
Пример JavaScript-события с двумя параметрами визита (клик по кнопке)
Событие с двумя параметрами визита
Второй параметр визита в отчете
Код события с 10 параметрами визита на отслеживаемом элементе
var params10 = {
mesto_knopki: 'sleva',
text_knopki: 'КОНСУЛЬТАЦИЯ',
class_knopki: 'button hp-button-1 slide-button w-button green fancybox',
link_knopki: 'popup-audit',
font_knopki: 'Open Sans',
size_knopki: '280x200',
value_knopki: 500,
site_domain: 'graphanalytics.ru',
date: '21.10.2022'
};
ym(54442894,'reachGoal','clickButton', params10), где:
Код события с именем JavaScript-объекта
Проверка параметров события через _ym_debug
Новые параметры визита в отчете Яндекс.Метрики
document.location.href
Кликабельный номер телефон, размещен в шапке сайта
JavaScript-событие клика по телефону
ym(54681160,'reachGoal','clickPhone')
ym(54681160,'reachGoal','clickPhone', {URL: document.location.href})
Код JavaScript-события с динамическим параметром визита (клик по телефону)
Динамический параметр визита URL (главная страница)
Динамический параметр визита URL (страница товара)
Динамический параметр визита URL в отчете "Параметры визитов"
Пример формы с полями (graphanalytics.ru)
JavaScript-событие отправки формы
ym(54442894,'reachGoal','formSend')Теперь необходимо понять, каким образом передавать два параметра визита (точное время обращения и значение поля из формы) с этим событием. К счастью, для точного времени обращения в моем блоге уже есть статья с необходимым кодом JavaScript, которым можно воспользоваться:
function TimeStamp() {
var now = new Date();
var tzo = -now.getTimezoneOffset();
var dif = tzo >= 0 ? '+' : '-';
var pad = function(num) {
var norm = Math.abs(Math.floor(num));
return (norm < 10 ? '0' : '') + norm;
};
return 'Дата: ' + now.getDate()
+ '.' + pad(now.getMonth()+1)
+ '.' + pad(now.getFullYear()) + ' '
+ '|' + " " + 'Время: ' + pad(now.getHours())
+ ':' + pad(now.getMinutes())
+ ':' + pad(now.getSeconds()) + ' '
+'|' + ' ' + 'UTC ' +
dif + pad(tzo / 60) +
':' + pad(tzo % 60);
}
var HitTimestamp = TimeStamp();
document.querySelector('div#popup-audit input#reg_site').value;, где:
document.querySelector('div#popup-audit input#reg_site').value;
Пример реализации динамических параметров визита с помощью JavaScript
<script>
var form = document.getElementById('form1');
form.addEventListener('submit', (e) => {
var site = form.querySelector('form#form1 input#reg_site').value;
function TimeStamp() {
var now = new Date();
var tzo = -now.getTimezoneOffset();
var dif = tzo >= 0 ? '+' : '-';
var pad = function(num) {
var norm = Math.abs(Math.floor(num));
return (norm < 10 ? '0' : '') + norm;
};
return 'Дата: ' + now.getDate()
+ '.' + pad(now.getMonth()+1)
+ '.' + pad(now.getFullYear())
+ ' ' + '|' + " " + 'Время: '
+ pad(now.getHours()) + ':'
+ pad(now.getMinutes())
+ ':' + pad(now.getSeconds())
+ ' ' +'|' + ' ' + 'UTC '
+ dif + pad(tzo / 60) + ':'
+ pad(tzo % 60);
}
var HitTimeStamp = TimeStamp();
var myParams = {time_form:HitTimeStamp, site_field:site};
ym(54442894,'reachGoal','formSend', myParams);
});
</script>
Два динамических параметра визита (точное время обращения и значение поля формы)
Динамические параметры визита в отчете "Параметры визитов"