7. Сбор сведений с помощью уровня данных, переменных и событий
План урока:
7.1 Передача статических данных для специальных параметров
7.2 Передача динамических значений в специальные показатели
7.3 Отслеживание событий с переменными
7.1 Передача статических данных для специальных параметров
Диспетчер тегов позволяет определять переменные для сбора данных, важных для анализа вашего сайта. Поскольку в компании The Great Outdoors туры организованы по категориям и регионам, можно настроить передачу соответствующих статических значений по каждой продаже на сайте Travel Adventures в Google Analytics. Затем мы создадим специальные параметры "Категория тура" и "Регион тура" согласно плану внедрения тегов, чтобы можно было сегментировать данные о поведении пользователей.
Чтобы собирать данные по категориям и регионам туров без Диспетчера тегов, специалистам The Great Outdoors пришлось бы вручную переписать код тега Google Analytics и снова разместить его на каждой странице сайта. В Диспетчере же достаточно просто скорректировать конфигурацию тега и опубликовать изменения.
Как собирать статические значения с помощью переменных уровня данных
На основе статических значений, которые пользовательские переменные собирают с сайта, можно создать специальные параметры для углубленного анализа в Google Analytics.
Создание пользовательской переменной уровня данных
Для сбора данных по статическому значению "Категория тура" создадим переменную уровня данных, определяющую, когда собирать информацию. На панели слева нажмите "Переменные".
Внизу страницы нажмите кнопку "Создать".
Выберите "Переменная уровня данных".
Назовите переменную tripCategory (Категория тура) и введите это же название в поле "Имя переменной уровня данных". Укажите самую позднюю версию уровня данных. Поставьте флажок "Установить значение по умолчанию". На случай если скрипт даст сбой и не найдет нужных значений, укажите в появившемся поле not set (не установлено). Нажмите кнопку "Создать переменную".
Переменную tripLocation (Регион тура) можно создать аналогичным образом.
Добавление уровня данных
Теперь нужно добавить уровень данных на страницу туров сайта Travel Adventures. Оставьте уровень данных пустым: задавать статические значения в нем не требуется.
Поскольку для сайта The Great Outdoors нужны данные по категории и региону для каждого тура, можно настроить метод dataLayer.push для кнопки Details (Подробнее). Это позволит собирать статические значения по переменным tripCategory и tripLocation, установив их как пары "ключ-значение" на уровне данных.
Теперь при нажатии кнопки Book This Trip (Купить тур) уровень данных будет регистрировать статические значения категории и региона тура. Остается передать эту информацию в Google Analytics.
Настройка специальных параметров в Google Analytics
Чтобы добавить специальные параметры "Категория тура" и "Регион тура", нужно настроить их в Google Analytics. В Google Analytics откройте вкладку "Администратор" в верхней части страницы.
В разделе "Ресурс" выберите "Пользовательские определения".
А затем – "Специальные параметры".
Нажмите кнопку "+ СПЕЦИАЛЬНЫЙ ПАРАМЕТР".
Присвойте параметру название Trip Category (Категория тура). Оставьте установленным флажок "Активная" и область действия "Обращение". Теперь нажмите кнопку "Создать".
Повторим те же шаги, чтобы создать параметр tripLocation (Регион тура).
После создания параметра открываются поля с кодом. В них указывается номер (или индекс) параметра. Его нужно ввести в Диспетчере тегов, чтобы связать этот параметр с тегом "Просмотр страницы".
Обновление тега Google Analytics в Диспетчере тегов
Мы настроили метод для уровня данных и создали специальные параметры. Теперь в Диспетчере тегов нужно обновить тег Google Analytics, чтобы переменные уровня данных обрабатывались как только что созданные специальные параметры. Откройте раздел "Теги" и снова выберите тег Google Analytics "Просмотр страницы".
Нажмите на название раздела "Настройка тега". В разделе "Дополнительные параметры" откройте "Специальные параметры".
Затем нажмите кнопку "+ Специальный параметр".
В поле "Индекс" укажите индекс (или номер) параметра из Google Analytics, а в поле "Значение параметра" свяжите этот индекс с переменной уровня данных, созданной в Диспетчере тегов.
Нажмите кнопку "Сохранить тег".
Предварительный просмотр тега
Теперь откройте сайт Travel Adventures в режиме предварительного просмотра. Нажмите на вкладку "Переменные" в окне предварительного просмотра. Обратите внимание на созданную переменную со строкой данных.
Теперь мы можем добавлять в отчеты Google Analytics специальные параметры и просматривать данные по категориям и регионам туров, предлагаемых на сайте The Great Outdoors.
7.2 Передача динамических значений в специальные показатели
Определив переменные уровня данных, мы наладили передачу информации по показателю "Пользователи и сеансы" и всем параметрам, которые включили в план сбора статистики. Но компании The Great Outdoors также требуется отслеживать общий и средний доход от сайта Travel Adventures с помощью динамических значений по категории "Доход".
Для этого можно передавать стоимость каждого проданного тура на уровень данных с помощью пользовательской переменной, а затем применять в Google Analytics специальный параметр для получения общего количества туров
Как собирать динамические значения с помощью переменных уровня данных
С помощью Диспетчера тегов можно передавать с сайта динамические значения, например цены, в специальные показатели для анализа поведения покупателей в Google Analytics.
Создание пользовательской переменной уровня данных
Нам требуется создать пользовательскую переменную уровня данных "Стоимость тура". В меню слева откройте раздел "Переменные". Затем прокрутите страницу вниз. Нажмите кнопку "Создать" и выберите тип "Переменная уровня данных". Введите ее название: tripValue. Оставьте предложенную по умолчанию версию уровня данных. Затем нажмите кнопку "Создать переменную".
Добавление уровня данных
Теперь необходимо добавить код уровня данных на страницу подтверждения покупки, чтобы цена тура передавалась со страницы на уровень данных.
После этого можно написать код JavaScript, который будет извлекать цену тура со страницы с помощью переменной tripValue и передавать это значение в объект уровня данных.
При совершении покупки на сайте ее стоимость будет передаваться на уровень данных через созданную нами переменную tripValue. Это можно отследить в режиме предварительного просмотра, проверив статус уровня данных загруженной страницы.
Настройка специального показателя в Google Analytics
Поскольку в компании The Great Outdoors используется Universal Analytics, можно настроить специальный показатель для получения цены тура. Специальные показатели настраиваются так же, как специальные параметры.
Нажмите "Администратор". В разделе "Ресурс" выберите "Пользовательские определения", а затем – "Пользовательские показатели".
Теперь нажмите кнопку "+ СПЕЦИАЛЬНЫЙ ПОКАЗАТЕЛЬ".
Назовем этот показатель "Стоимость тура". В разделе "Область действия" оставим значение Hit (Обращение). Поскольку мы отслеживаем цену, выберем тип форматирования "Валюта (десятичный формат)". Чтобы учитывать все транзакции, не указывайте минимальные или максимальные значения. Установите флажок "Активная". Чтобы сохранить показатель, нажмите кнопку "Создать".
Специальным показателям, как и параметрам, присваивается номер, который используется для связи с Диспетчером тегов.
Обновление тега Google Analytics в Диспетчере тегов
Как и в случае с параметрами "Категория тура" и "Регион тура", теперь нам нужно изменить настройки тега Google Analytics в Диспетчере тегов.
Откройте раздел "Теги" и выберите тег Google Analytics "Просмотр страницы". Нажмите на название раздела "Настройка тега". В разделе "Дополнительные параметры" выберите "Специальные показатели".
Нажмите "+ Специальный показатель".
В поле "Индекс" укажите индекс показателя "Стоимость тура" из Google Analytics. В поле "Значение показателя" добавьте название переменной уровня данных, которую мы создали.
Нажмите "Далее", а затем – кнопку "Сохранить тег".
Создание собственного отчета в Google Analytics
Мы добавили специальный показатель и связали его с Диспетчером тегов. Теперь в Google Analytics можно создать отчет с данными о транзакциях.
Откройте Google Analytics и выберите "Мои отчеты" в верхней части страницы.
Нажмите кнопку "Добавить отчет".
Назовем отчет "Доход от продажи туров на сайте Travel Adventures". Затем добавим только что созданный специальный показатель "Стоимость тура", а также показатели "Пользователи" и "Сеансы".
Доход от продажи туров можно определять с помощью параметра. Мы выберем параметр "Тип пользователя", чтобы знать, какие посетители приносят доход.
Нажмите "Сохранить".
Таким образом мы можем узнать общий доход от сайта The Great Outdoors Travel Adventures. Чтобы определить средний доход, разделите общий доход на количество пользователей или сеансов.
7.3 Отслеживание событий с переменными
Мы наладили передачу всех необходимых параметров и показателей согласно плану сбора статистики The Great Outdoors, за исключением коэффициента конверсии. Он равен количеству проданных туров, разделенному на количество посетителей сайта. Чтобы получить коэффициент конверсии, мы настроим в Диспетчере тегов триггер события, который будет подсчитывать нажатия кнопки "Забронировать" на сайте Travel Adventures и сообщать эти данные в Google Analytics.
Итак, мы подготовили все необходимые теги, переменные и события для сбора данных по параметрам и показателям для The Great Outdoors. Настройка тегов на вашем сайте будет зависеть от особенностей его структуры и ваших бизнес-целей
Как отслеживать события с помощью переменных URL
Используя триггеры событий в Диспетчере тегов, можно получать данные о действиях на сайте. Например, можно узнать, сколько раз пользователи смотрели видео или нажимали кнопку.
Настройка пользовательской переменной для URL
Чтобы отслеживать каждое нажатие кнопки "Забронировать" на сайте Travel Adventures, прежде всего нужно создать пользовательскую переменную для URL. В Диспетчере тегов откройте раздел "Переменные". Внизу страницы нажмите кнопку "Создать".
Назовите эту переменную "Переход по URL".
Поскольку нам нужно отслеживать URL страницы с кнопкой "Забронировать", выберите тип URL.
Нас интересует только та часть URL, которая содержит название страны. Поэтому в меню "Тип компонента" выберите "Фрагмент".
Это позволит отслеживать только часть URL после символа решетки. Например, URL страницы с описанием тура в Швейцарию вернет значение switzerland. Нажмите "Создать переменную".
Настройка триггера события
Теперь необходимо создать триггер события, который будет срабатывать, когда пользователь нажмет кнопку "Забронировать". Если просмотреть код кнопки на сайте Travel Adventures, можно заметить, что в этом элементе есть класс "Забронировать" (booknow).
В Диспетчере тегов уже есть встроенная переменная для классов. Чтобы активировать ее, нажмите "Переменные" и установите флажок Click Classes.
Теперь нужно создать триггер события. Откройте раздел "Триггеры" и нажмите кнопку "Создать".
Назовем этот триггер "Бронирование". Поскольку нам нужно отслеживать клики, выберите событие "Клик". Затем нажмите кнопку "Далее".
Поскольку кнопка "Забронировать" – это HTML-ссылка, в настройках триггера выберите "Только ссылки". Не снимайте флажок "Ждать теги" и оставьте максимальное время ожидания равным 2000 мс, чтобы тег успел сработать после того, как пользователь нажмет кнопку "Забронировать". Теперь нажмите кнопку "Далее".
Обратите внимание, что этот процесс не должен прерываться другими скриптами.
Теперь в разделе "Условия включения" нужно указать, что триггер будет доступен при наличии класса booknow. Выберите переменную Click Classes в первом раскрывающемся меню. Затем выберите оператор "содержит" и введите значение booknow. Нажмите кнопку "Далее".
Поскольку нам нужно, чтобы триггер срабатывал, когда пользователь нажимает кнопку "Забронировать", в разделе "Условия активации" выберите "Некоторые клики".
Затем нам нужно настроить параметры срабатывания триггера. Следуйте той же процедуре, что и для включения триггера. Выберите переменную Click Classes в первом раскрывающемся меню. Затем выберите оператор "содержит" и введите значение booknow. Нажмите кнопку "Сохранить триггер".
Как скопировать тег Google Analytics
Мы настроили встроенную переменную и создали триггер. Теперь нам нужен тег события, который активируется при нажатии кнопки "Забронировать". Чтобы не добавлять новый тег, можно скопировать тег Google Analytics "Просмотр страницы". Так мы скопируем все уже заданные настройки, включая междоменное отслеживание.
Откройте раздел "Теги" и выберите тег Google Analytics "Просмотр страницы". Нажмите кнопку "Копировать" в правом нижнем углу.
Как изменять настройки тега Google Analytics
В новом заголовке указано, что создана копия этого тега. Измените название в соответствии с назначением нового тега.
Выберите раздел "Настройка тега". В меню "Тип отслеживания" вместо "Просмотр страниц" выберите "Событие".
При этом появятся дополнительные поля "Категория", "Действие", "Ярлык" и "Значение".В поле "Категория" можно ввести любое название, например "Бронирование", чтобы было проще разобраться в данных Google Analytics. Чтобы знать, какая кнопка была нажата, в поле "Действие" укажите "Забронировать". Теперь нажмите на значок селектора справа от поля "Ярлык". Выберите созданную ранее переменную "Переход по URL". Поле "Значение" заполнять необязательно – оставьте его пустым. Поскольку это событие не влияет на наш показатель отказов, оставьте в поле "Без взаимодействия" значение False. Нажмите "Далее".
Поскольку нам нужно отслеживать нажатия кнопки "Забронировать", в разделе "Условия активации" выберите вариант "Клик". Нам нужно, чтобы триггер срабатывал при нажатии этой кнопки. Поэтому нажмите на крестик возле пометки "Все страницы".
Нажмите кнопку "Ещё…"
Откроется окно с доступными триггерами. Выберите созданный ранее триггер "Бронирование", нажмите кнопку "Сохранить", а затем – кнопку "Создать тег".
Мы настроили отслеживание событий для кнопки "Забронировать" на сайте Travel Adventures. Теперь можно увидеть количество бронирований в Google Analytics, а разделив его на общее количество пользователей, мы сможем определить коэффициент конверсии.