В данной инструкции описывается настройка цели “отслеживание клика по кнопке на сайте” в Google Analytics, для того чтоб не делать дополнительных доработок в коде сайта, мы будем использовать инструменты Google Tag Manager версии 2.0.

Перед настройкой необходимо убедиться, что на Ваш сайт установлен код Google Analytics а так же код Google Tag Manager, если код не установлен, то необходимо его загрузить ( в <head> или <footer>)

1. Тег Universal Analytics

 

В первую очередь заходим в Google Tag Manager и создаем тег Universal Analytics, по данному шаблону:

6.jpg

Название тега: UA

Выбор продукта: Google Analytics

Выбор типа тега: Universal Analytics

Настройка тега:

- идентификатор отслеживания:  Номер вашего счетчика

- тип отслеживания: Просмотр страницы

Условия активации: All Pages

2. Триггер кнопки “Заказать”

 

После этого нам необходимо узнать какой идентификатор присвоен той кнопке, которую мы хотим отследить. Для этого нужно кликнуть на кнопку правой кнопкой мыши и выбрать строку “Просмотреть код элемента”

 

2.jpg

в нашем случае код кнопки выглядит так:

class=»btn-item-order lbtnSendOrder» onclick=»viewModalSendOrder(’1177′, ‘Ветровка комбинированная’);»>Заказать<

и по этому для отслеживания мы возьмем переменную “click classes” значения которой нам известно.

Далее заходим в Google Tag Manager в категорию “Переменные” и активируем нужный элемент “Click Classes”

1.jpg

 Переходим в раздел “Триггеры” создаем новый триггер.

3.jpg

 Название триггера: Кнопка заказать

Выбор события: Клик

Настройка триггера: Все элементы

Условия активации:

Click Classes  содержит btn-item-order lbtnSendOrder*

 

*Значение из полученного ранее кода кнопки  class=»btn-item-order lbtnSendOrder«

 

2. Тег для кнопки “Заказать”

 

Далее переходим в раздел “Теги” и создаем новый тег

4.jpg

 Название: Кнопка заказать

Выбор продукта: Google Analytics

Выбор типа тега: Universal Analytics

Настройка тега:

- идентификатор отслеживания:  Номер вашего счетчика

- тип отслеживания: Событие

(параметры для дальнейшей настройки цели: Категория: click ; Действие: zakaz )

Условия активации: Кнопка заказать (здесь выбирается триггер созданный нами ранее)

Далее нажимаем кнопку “Опубликовать” и “Предварительный просмотр”

5.jpg

 

4. Проверка работоспособности тега

 

Переходим на сайт и проверяем активацию тегов.

 До нажатия кнопки. Срабатывает только код Google Analytics

6.jpg

 После нажатия кнопки. Срабатывают оба тега

7.jpg

 

5. Настройка и проверка цели в Google Analytics

 

После проверки активации тега переходим в Google Analytics и создаем соответствующую цель

8.jpg

Установка цели: Специальная цель

Описание цели: Клик по кнопке Заказ

Тип цели: Событие

Категория: click

Действие: zakaz

Для проверки работоспособности цели, переходим в основное представление сайта в Google Analytics — Отчет в режиме реального времени — Конверсии

9.jpg

 После этого необходимо зайти на сайт и сделать клик по кнопке, цель должна отобразиться в данном отчете.

Настройка цели завершена.