Проводим Google Experiment в GTM
Один из самых простых (и бесплатных) способов провести тестирование — использовать встроенный механизм в Google Analytics Experiments. Эксперименты находятся в разделе «Поведение» и позволяют проводить A/B тесты.

Одно из условий проведение эксперимента — размещение кода Google Experiments в разделе <head> сайта. Но не всегда получается быстро и просто разместить этот код, а тестирование проводить нужно. И тут на на помощь приходит GTM.

Скажу сразу, что это решение не самое лучшее, так как GTM загружается в <body> и подмена вариантов происходит в процессе загрузки исходного варианта страницы, а значит для пользователя будет видна задержка в 1-3 секунды. Но иногда этим можно пожертвовать, ради скорости выполнения задачи.

Но плюс этого решения в том, что если вы тестируете разные элементы на одной странице, то вам не нужно рисовать и размещать на сайте вторую страницу, достаточно нарисовать нужные картинки.
Создание эксперимента
Заходим в раздел Поведение — Эксперименты:
Заходим в раздел Поведение — Эксперименты:
Создаем новый эксперимент, в первом шаге, указываем начальную страницу, которую будем тестировать, цель эксперимента (это может быть как цель Google Analytics, так и значения в эл. торговле или показатели использования сайта), процент трафика, участвующего в эксперименте (в случае 100% будет использоваться весь трафик, в случае 50%, только 25% пользователей увидят другие варианты страницы, отличные от начальной):
После чего, задаем варианты:
Причем, если вы обратите внимание, то мы указываем только в первом варианте настоящий URL исходной страницы, в втором и последующих вариантов мы можем написать что угодно, данные мы будем передавать по другому.

Дальше самое интересное:
Сохраняем в буфер идентификатор эксперимента, но сам код нам не нужен, после чего, нажимаем далее и кнопку запустить эксперимент.

Вы увидите вот такие сообщения:

Их можно игнорировать, так как мы немного обманем Google Analytics.
Настройка тэга в Google Tag Manager
Открываем GTM и создаем новый тэг типа пользовательский HTML:
И пишем туда следующий код:
<!-- Load the Content Experiment JavaScript API client for the experiment -->
<script src="//www.google-analytics.com/cx/api.js?experiment=ИДЕНТИФИКАТОР_ЭКСПЕРИМЕНТА"></script>
<!-- Load the JQuery library -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

<script>
  // Ask Google Analytics which variation to show the user.
  var chosenVariation = cxApi.chooseVariation();

  // Define JavaScript for each page variation of this experiment.
var pageVariations = [
  function() {
  },  // Original: Do nothing. This will render the default HTML.
  function() {    
   document.location.href = 'http://web-analytics.me/variant2.html';
  },  
  function() {    
   document.location.href = 'http://web-analytics.me/variant3.html';
  }
];

// Wait for the DOM to load, then execute the view for the chosen variation.
$(document).ready(
//JQuery(document).ready(
  // Execute the chosen view
  pageVariations[chosenVariation]
);
</script>
Вместо ИДЕНТИФИКАТОР_ЭКСПЕРИМЕНТА, пишем наш идентификатор, который у нас в буфере обмена.

Сама подмена чего либо, в моём примере страниц, происходит в этих функциях:
 function() {    
   document.location.href = 'http://web-analytics.me/variant2.html';
  },  
  function() {    
   document.location.href = 'http://web-analytics.me/variant3.html';
  }
Как видите, я переадресую пользователей на другие страницы сайта, хотя также мы можем менять какие-то элементы на одной странице (меняем картинку или текст на кнопке):
  function() {    // Variation 1: Banner Image
    document.getElementById('banner').src = 'bay-bridge.jpg';
  },
  function() {    // Variation 2: Sub-heading Text
    document.getElementById('heading').innerHTML = 'Look, a Bridge!';
  },
  function() {    // Variation 3: Button Text
    document.getElementById('button').innerHTML = 'Learn more';
  },
  function() {    // Variation 4: Button Color
    document.getElementById('button').className = 'button button-blue';
  }
Ну а дальше, всё зависит от вашей фантазии!

Правило активации этого тэга будет Пользовательское событие (нужно нажать на кнопку «Еще»):
Где в переменной Page URL мы указываем исходную страницу.
После этого данные будут собираться.
Made on
Tilda