Client ID (cid) — это уникальный идентификатор посетителя сайта, который хранится в cookies браузера пользователя. Он предназначен для более подробной детализации статистики пользователей. Это и поведение пользователей на сайте, и путь к достижению цели.
Это — параметр, с помощью которого можно проанализировать взаимодействие посетителей с сайтом, устранить сложности и улучшить юзабилити сайта, и при необходимости более точно и грамотно настроить сегменты для рекламных кампаний.
В данной статье рассмотрим передачу Client ID систем Google Аналитика и Яндекс Метрика в отчёт Параметры посетителей Яндекс Метрики.
Сразу стоит отметить, что эти данные появляются и обновляются не сразу — возможно даже с задержкой до суток.
В первую очередь необходимо убедиться в наличии кода GTM на сайте. Если его ещё нет, читаем здесь как его внедрить.
Настройка тега с кодом счётчика Яндекс Метрики
В имеющийся код необходимо после webvizor:true поставить запятую, и ниже дописать 2 строчки:
ecommerce:"dataLayer", params: window.yaParams
Код должен выглядеть так:
<!-- Yandex.Metrika counter --> <script src="//mc.yandex.ru/metrika/tag.js" type="text/javascript" async></script> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(XXXXXXXX, "init", { id:XXXXXXXX, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true, ecommerce:"dataLayer", params: window.yaParams }); </script> <!-- /Yandex.Metrika counter -->
где XXXXXXXX — это id счётчика Метрики
Настройка переменной Google Analytics Client ID
Добавляем переменную типа Собственный код JavaScript
называем GA Client ID
и прописываем:
function(){ var tracker = ga.getAll()[0]; return tracker.get('clientId') }
Настройка переменной Yandex Metrika Client ID
Добавляем пользовательскую переменную типа Собственный код JavaScript
называем YM Client ID
и прописываем:
function GetYMCID() { var match = document.cookie.match('(?:^|;)\\s*_ym_uid=([^;]*)'); return (match) ? decodeURIComponent(match[1]) : false; }
Настройка тега для передачи Client ID
Добавляем триггер типа Окно загружено с условием активации Все события «Окно загружено» и называем его Window Loaded — Client ID — YM userParams
Добавляем тег типа Пользовательский HTML
называем Client ID — YM userParams
прописываем код с иерархической структурой:
<script> yaCounterXXXXXXXX.userParams({ "Visitors": [{'Google Analytics Client ID': '{{GA Client ID}}'}, {'Yandex Metrika Client ID': '{{YM Client ID}}'}] }); </script>
и привязываем к нему триггер Window Loaded — Client ID — YM userParams
тогда отчёт в Яндекс Метрике будет выглядеть так:
либо простой код:
<script> yaCounterXXXXXXXX.userParams({ 'Google Client ID': '{{GA Client ID}}' }); </script>
тогда отчёт в Яндекс Метрике будет выглядеть так:
либо:
<script> yaCounterXXXXXXXX.userParams({ 'ClientID': '{{YM Client ID}}' }); </script>
тогда отчёт в Яндекс Метрике будет выглядеть так:
можно также прописать эти параметры вместе:
<script> yaCounterXXXXXXXX.userParams({ 'Google Analytics Client ID': '{{GA Client ID}}', 'Yandex Metrika Client ID': '{{YM Client ID}}' }); </script>
Готово! Теперь ждите результатов в отчёте Параметры посетителей (примерно в течении следующего дня).
Поделиться ссылкой: