Передача дополнительных данных в Яндекс Метрику при отслеживании событий

Событие в Яндекс Метрике — это любое действие пользователя на сайте, которое вы хотите зафиксировать. Это может быть клик по кнопке, отправка формы, просмотр видео или любая другая активность.

В данной статье мы рассмотрим процесс настройки параметров событий и целей в Яндекс Метрике на примере отслеживания формы на сайте. Мы также обсудим, как передавать дополнительные данные, такие как имя пользователя, email (с учетом требований конфиденциальности).

Обеспечение безопасности и конфиденциальности данных становится приоритетной задачей для компаний и разработчиков. Одним из наиболее эффективных методов защиты информации является хеширование данных. В контексте работы с Яндекс Метрикой хеширование играет важную роль, помогая обезопасить конфиденциальные данные пользователей и при этом сохранить возможность их использования в аналитических и рекламных целях.

Основы хеширования данных

Хеширование представляет собой процесс преобразования исходных данных (например, электронной почты, телефона или другого уникального идентификатора пользователя) в зашифрованную строку фиксированной длины. Этот процесс осуществляется с использованием специальных алгоритмов, таких как SHA-256, которые создают уникальный «отпечаток» исходных данных. Важной особенностью хеширования является то, что этот процесс необратим: зная хеш, невозможно восстановить исходные данные.

Использование хеширования гарантирует, что даже в случае утечки данных, злоумышленники не смогут получить доступ к персональной информации пользователей. Например, вместо хранения в базе данных электронной почты в открытом виде, можно сохранить только её хеш, который сам по себе не несёт никакой полезной информации без исходного значения.

Несмотря на то, что хеширование делает данные анонимными, это не снижает их ценность для анализа и оптимизации рекламных кампаний. В действительности, хешированные данные могут быть успешно использованы для решения целого ряда задач.

• Идентификация пользователей без нарушения конфиденциальности

Хешированные идентификаторы позволяют отслеживать поведение пользователей на сайте и их взаимодействие с контентом. Например, можно анализировать, как пользователи, которые ранее взаимодействовали с рекламой, ведут себя на сайте, и адаптировать стратегии рекламы под их поведение, не раскрывая при этом их личную информацию.

• Анализ эффективности рекламных кампаний

Хеширование данных позволяет сопоставлять аудитории, которые видели рекламу, с теми, кто совершил целевое действие на сайте, без раскрытия их личных данных. Это особенно полезно при работе с внешними партнёрами и платформами, где необходимо обеспечить высокий уровень безопасности данных.

• Кросс-канальный анализ и атрибуция

Хешированные данные могут использоваться для сопоставления действий пользователей в различных каналах: от email-рассылок и социальных сетей до поведения на сайте. Это позволяет получить целостное представление о пути пользователя и оценить вклад каждого канала в достижение бизнес-целей.

• Персонализация контента и рекламы

Несмотря на анонимность хешированных данных, они могут быть использованы для создания сегментов аудитории и персонализации контента и рекламы. Например, зная, что определенный сегмент пользователей интересуется конкретным продуктом, можно предложить им таргетированную рекламу, улучшая показатели конверсии и возврата на инвестиции.

• Интеграция с внешними системами и платформами

Хешированные данные могут быть переданы в сторонние системы для улучшения точности таргетинга и персонализации. Это особенно полезно при работе с крупными рекламными платформами, которые поддерживают интеграцию с хешированными идентификаторами для создания более релевантных аудиторий.

Как настроить отслеживание событий?

Для того чтобы настроить отслеживание событий, потребуется добавить соответствующий код на сайт. Этот код будет фиксировать действия пользователя и отправлять данные в Яндекс Метрику.

Настройка кода через GTM

Предположим, у нас есть сайт с формой, которую пользователь заполняет и отправляет. Мы хотим отслеживать событие отправки этой формы.

Первым шагом будет подготовка кода отслеживания события. Определим условие отслеживания кнопки. В нашем случае попробуем использовать class. Чтобы выбрать элементы с определенным классом, необходимо написать символ точки (.). И так как у элемента несколько классов через пробел, то для его выбора вместо пробелов используем точки (.).

Используя расширение CSS and XPath checker проверяем правильность выбора элемента. Кнопка «отправить» выделена красным цветом.

Создаем триггер Клик-Все элементы и указываем Click Element соответствует селектору CSS .metform-btn.metform-submit-btn, .metform-btn.metform-submit-btn *.

Теперь потребуется создать несколько пользовательских переменных, которые помогут извлекать из формы обратной связи имя и хешированный email.

Тип переменной выбираем Собственный код JavaScript.

Чтобы извлечь имя нужно прописать код:

function() {
var name = document.querySelector('input[name="mf-listing-fname"]').value;
return name;
}

, где mf-listing-fname – это name нужного нам поля

Получается так:

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

document.addEventListener('DOMContentLoaded', function() {

  function hashEmail(email) {
    return email.split('').reduce(function(hash, char) {
      hash = ((hash << 5) - hash) + char.charCodeAt(0);
      return hash & hash;
    }, 0);
  }

  var emailElement = document.querySelector('input[name="mf-email"]');
  if (emailElement) {
    var email = emailElement.value;
    console.log(hashEmail(email));
  } else {
    console.error('Элемент с именем "mf-email" не найден.');
  }

})

, где mf-email – имя нужного нам поля.

Для передачи события в Яндекс Метрику необходимо создать JavaScript-событие. Идентификатор цели указываем на свое усмотрение, например, contactForm.

Теперь создаем тег. Тип тега Пользовательский HTML и прописываем:

<script>
ym(97441879,'reachGoal','contactForm', {'Имя пользователя': '{{Имя из формы обратной связи}}', 'Хеш email': '{{Хеш емайл}}', 'Email': '{{Email из формы обратной связи}}'})
</script>

, где:

• 97441879 – номер счетчика Яндекс Метрики.
• contactForm – название цели, которое мы прописывали в Яндекс Метрике ранее.

Приступаем к проверке. Нажимаем «Предварительный просмотр» в GTM и совершаем на сайте отправку формы.

Наш тег срабатывает.

Переходим в Яндекс Метрику

В июле 2024 года Яндекс добавил новые отчеты Параметры целей и Параметры событий, последний можно найти так: Отчеты → Содержание → Параметры событий.

Вместе с отправкой формы дополнительно были отправлены имя пользователя и email в хешированном виде, что поможет получить ценные данные, которые помогут улучшить конверсию, оптимизировать взаимодействие с пользователями и повысить эффективность бизнеса.