Настройка передачи Client ID в Яндекс Метрику с помощью GTM. Пошаговая инструкция

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>

Готово! Теперь ждите результатов в отчёте Параметры посетителей (примерно в течении следующего дня).

Поделиться ссылкой: