Настройка сплит-тестирования кнопок или элементов в Google Аналитике и Яндекс Метрике с помощью GTM

Данная статья является продолжением статьи о подмене текста и стиля кнопки с использованием метки utm_content. Её целью является выявление эффективного варианта из предложенных кнопок (либо каких-либо других элементов), то есть той кнопки, которая приводит больше целевых действий (конверсий) пользователей. Таким образом мы посчитаем, сколько раз и на какой вариант кнопки (или элемента) нажали посетители, то есть совершили конверсию.

Схема тестирования будет следующей:

Значения меток utm_content будут передаваться в Таблицу поиска UTM Content – Button Search Table (переменную), в которой к каждой метке прописан код кнопки. Таким образом, класс у кнопки (элемента) на каждой из страниц с параметром utm_content разный.

Параметр (метка) utm_contentКласс кнопки (элемента)
button-orderbutton-order
button-buybutton-buy
button-getbutton-get

Так получилось, что utm_content и class совпадают. 🙂 Но это не обязательно может быть (или должно быть) так.

Данные из этой Таблицы поиска будут передаваться в теги для Google Analytics и Яндекс Метрики, которые будут привязаны к триггеру типа “Клик по элементу” с условием активации – идентификаторClick ID равно button1

Параметр (метка) utm_contentid кнопки (элемента)Класс кнопки (элемента)
button-orderbutton1button-order
button-buybutton1button-buy
button-getbutton1button-get

Этот триггер мы создадим чуть позже.

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

Затем в коде счётчика Яндекс Метрики необходимо проверить наличие строки:

params: window.yaParams

Если её ещё нет, то после строки webvisor:true ставим запятую и прописываем.

Выглядеть это должно примерно так:

<!-- 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 счётчика Метрики

Теперь переходим в Триггеры и создадим триггер с названием Split Test – Click the Button Trigger и выберем тип Клик – Все элементы

В условиях активации выберем Некоторые клики и зададим следующие условия:

Click IDравноbutton1
UTM Content – Button Search Tableне равноundefined

После этого переходим в Теги и создадим тег для Google Analytics, назовём его Split Test – Click the Button – GA

зададим ему следующие параметры:

  • Тип отслеживания: Событие
  • Категория: GTM Split Test
  • Действие: Click the Button
  • Ярлык: {{UTM Content – URL Key}}
  • Не взаимодействие: False
  • Настройки Google Analytics: {{Google Analytics ID}}

и привяжем к нему триггер Split Test – Click the Button Trigger

Теперь создадим тег для Яндекс Метрики и назовём его Split Test – Click the Button – YM

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

<script>
  yaCounterXXXXXXXX.params({
    "GTM Split Test": "{{UTM Content - URL Key}}"
  });
</script>

где XXXXXXXX – это id счётчика Метрики

и привяжем к нему триггер Split Test – Click the Button Trigger

Сохраняем и опубликовываем

Счётчики начнут собирать данные и через некоторое время они станут доступны в отчётах.

Чтобы посмотреть данные в Google Аналитике, в интерфейсе переходим в Отчёты – Поведение – События – Лучшие события, выбираем Категорию событий GTM Split Test и Действие по событию Click the Button

Чтобы посмотреть данные в Яндекс Метрике, в интерфейсе переходим в Отчёты – Стандартные отчёты – Содержание – Параметры визитов, открываем пункт GTM Split Test и видим отчёт:

Таким образом, видим, что по кнопке на странице с меткой button-order совершено 3 клика, button-get – 2 клика, а button-buy – 1 клик.

Готово!

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