November 17, 2023

Передаем Client ID в Яндекс Метрику без GTM (+мануал для Тильды)

Некоторое время назад, среди наших с вами коллег по Яндекс.Директу завирусилась идея использовать "активность 4+" из вебвизора Яндекс.Метрики, как цель для разгона рекламных кампаний. Но подробного мануала никто так и не выложил, а те что были, требовали подключения Google Tag Manager, что для новичков является отдельным страданием.

Поэтому я взял на себя смелость сделать народный мануал.

Код скрипта:

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

<script>
// Замените XXXXXXX, на ваш ID Яндекс метрики
var ymID = XXXXXXX;
    

// Загружаем Client ID в Яндекс Метрику как доп. параметр
function pushYClientID(cid) {
    // Удалите "//" в строке ниже, чтобы проверить работу скрипта через консоль браузера
    //console.log("done " + cid);
    ym(ymID, 'userParams', { YCLID: cid });
}

// Получаем Client ID из Яндекс Метрики
document.addEventListener('DOMContentLoaded', () => {
    var interval = setInterval(function () {
        if (typeof window.ym != 'undefined') {
            ym(ymID, 'getClientID', clientID => pushYClientID(clientID));
            clearInterval(interval);
        }
    }, 500);
});
</script>

Установка на Тильду

Eсть два способа установить код скрипта, рассмотрим оба.

1. Установка на все страницы (рекомендуется)

1.1. Переходим в "Мои сайты" -> "Настройки сайта"

1.2. Переходим на вкладку "Еще" -> "Html-код для вставки внутрь head" -> "Редактировать код", вставляем код и сохраняем изменения, после чего необходимо опубликовать все страницы сайта.

2. Установка на конкретную страницу

В этом случае будут передаваться Client ID посетителей конкретного лендинга, рекомендуется так делать только в том случае, если вы четко понимаете для чего вам нужна именно такая логика.

В редакторе сайта добавляем блок Html-код (T123 в Тильде), чтобы скрипт грузился быстрее, перетаскиваем его на самое верхнее место. Копируем код в контент блока, сохраняем и публикуем изменения.

p.s. Этот блок не будет виден людям, поэтому никаких дополнительных настроек не потребуется.

Проверка работы скрипта

Раскомментируйте строчку console.log (удалите символы // в ее начале) и сохраните изменения.

После публикации страницы, переходите на сайт, кликайте правой кнопкой мышки по любом месту на лендинге, выбирайте "инспектор элемента".

В открывшемся окне инспектора, переходите во вкладку "Консоль", и если вы сделали все правильно, вы увидите там надпись "done" и присвоенный вам Client ID.

Как использовать?

Например для того, чтобы сохранять посетителей с активностью в вебвизоре 4+ как офлайн конверсии и использовать эту микроцель для разгона кампании в РСЯ или МК. Про передачу офлайн конверсий мы тоже, как-нибудь обязательно поговорим.

Чтобы выгрузить пользователей по активности 4+, для начала вам нужно настроить столбцы в вебвизоре, добавив "Параметры посетителей".

Готово!

Спасибо что дочитали до конца и не забудьте подписаться на мой блог, там еще много полезного: https://t.me/itsblackfriday

До встречи!