Отслеживание нажатия кнопки GTM V2 DataLayer

На моей веб-странице у меня есть 3 кнопки (хорошая, средняя, ​​плохая). Я хочу отследить, сколько раз нажимается конкретная кнопка. Я хочу использовать пользовательское измерение и пользовательскую метрику, чтобы отслеживать это в следующем формате

Button Name    No.of time button click
Good             5
Average          10
Bad              5

Я создал пользовательское измерение, переменную DataLayer (в GTM V2), пользовательскую метрику. Я не могу написать код кода DataLayer (метод DataLayer Creation & DataLayer Push), чтобы отслеживать количество нажатий на конкретную кнопку, поскольку я не являюсь разработчиком или программистом. Может кто-нибудь, пожалуйста, помогите мне с кодом DataLayer, который я могу вставить / кодировать на своей веб-странице, чтобы значение щелчка для кнопки передавалось в созданный мной пользовательский показатель. Имя DataLayer, которое я создал в GTM V2, называется BottonClicKToTrack. Также мне нужно определить событие для того же.

Источник

2 ответа

Avez, вам нужно разместить код слоя данных над тегом GTM Script. Вот так.

  <body>
  <script>
    dataLayer = [{
      'good': 0,
      'average': 0,
      'bad':0
    }];
  </script>
  <!-- Google Tag Manager -->
  <!-- End Google Tag Manager -->

  <button onclick="incrementCounter('good');" id='goodButton'>Good</button>
  <button onclick="incrementCounter('average');" id='averageButton'>Average</button>
  <button onclick="incrementCounter('bad');" id='badButton'>Bad</button>

  <script>
  var good = 0;
  var average = 0;
  var bad = 0;
      function incrementCounter(b) {
          if (b == 'good')
            good += 1;
          else if (b == 'average')
            average += 1;       
          else if (b == 'bad') {
            bad += 1;
          }
          dataLayer = [{
            'good': good,
            'average': average,
            'bad':bad
          }];
          console.log(dataLayer); /* DEBUG STATEMENT */
      };     
  </script>
  </body>

Я оставил в скрипте оператор отладки, чтобы вы могли видеть, что делает функция. Я не большой поклонник этого подхода, но он будет работать. Установка этого скрипта на вашу страницу (внутри тегов body) настроит необходимые функции для записи нажатий кнопок. Отсюда я не уверен, что вы просите. Возможно, начните с этого и дайте мне знать, что еще я мог сделать.

Источник

Вам не обязательно вставлять что-либо в слой данных, чтобы выполнить то, что вы просите. Можно, но я верю, что есть более простой способ.

1) Установите 3 триггера, по одному для каждой кнопки. Заставьте каждую кнопку срабатывать при нажатии на соответствующую кнопку

2) Установите 3 тега, по одному для каждой кнопки. Сделайте так, чтобы каждый тег отправлял событие в вашу учетную запись GA со следующей информацией. Категория: Кнопка Действие: Нажмите Ярлык: Хороший / Средний / Плохой

Таким образом, вы сможете просматривать нажатия на кнопки в Google Analytics и сортировать их по меткам, чтобы узнать, какая из них была нажата больше. Если у вас есть вопросы по поводу реализации, пожалуйста, прокомментируйте, и я опубликую полное подробное решение. Если вы запрашиваете полное подробное решение, я хотел бы видеть ваш HTML-код для кнопок. Конкретно мне нужно было бы увидеть что-то подобное

<button id='?' class='?'>BUTTON TEXT</button>

Источник
Другие вопросы по тегам