Как настроить передачу событий для сайтов на платформе GetCourse

0 Большое вступление

Скорее всего вы замечаете, что вокруг нас становится все больше и больше обучающих курсов, вебинаров, стримингов, тренингов, марафонов — в общем всего того, что называется сегодня инфобизнесом. При этом очень многие сайты данной ниши разработаны на такой популярной платформе, как GetCourse — не буду сейчас гадать по какой причине она популярна — скорее всего в ней можно быстро запуститься и у нее простая админ панель, в которой при желании сможет любой разобраться, просто будем исходить из того, что рано или поздно вам может попасться проект на данной платформе.

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

Ну и все же знают, что для того чтобы улучшить качество платного трафика нужно иметь возможность как минимум его посчитать, то есть отследить переходы по ссылкам, клики по кнопкам, отправки заполненных форм, транзакции.

Все по процедуре — ставим на сайт свой любимый GTM, в него аналитику, переходим чтобы глянуть, что мы можем отловить без помощи программиста, НО как раз здесь нас и поджидает вот такая неприятная картина


То есть фактически, чтобы бы мы не делали, куда бы не жали и какие бы формы не заполняли — в отладчике ничего не видно и не слышно, пусто — пусто….

И тут у вас 3 пути решения
1 — взять часовую платную консультацию в техподдержке сайта и пройти все шаги с ними вместе;
2 — найти программиста, который разберется в админке и пропишет по вашему ТЗ нужные события;
3 — попробовать самому во всем разобраться и настроить нужные события

Мы поговорим о 3м варианте.
Если внимательно следовать инструкции описанной ниже, у вас получится все решить самому, плюс вы сэкономите клиенту стоимость платной консультации, да и сами почувствуете себя немного суперменом :)))


ВАЖНО!
в процессе работы нам нужно будет заходить на верстку страниц, поэтому если не хотите ничего поломать — никуда кроме указанных мест лезть не нужно, ничего не менять, и не трогать, если не понимаете, что делаете.

Итак, поехали.

1. Определяем для себя какие события на каких страницах мы хотим передавать, выписываем их в отдельную таблицу, указываем в ней как называем данное событие и какую доп информацию хотим по ним получить — согласовываем все с клиентом;

2. Переходим в админку сайта — вкладка страницы в главном меню — окно поиска под столбиком с адресом и туда вносим искомую часть нужного нам урла

3. Жмем на “редактор страницы” и открывается страница с ее блоками — находим нужный нам блок и слева в верхнем углу видим шестеренку, нажав на которую открывается вот такое меню

в котором нам нужно найти те самые элементы, которые мы намерены отследить — на скрине выше это кнопки, мы начнем с них, но дальше по тексту будет и про формы.

4. Обычно клики по кнопкам это переходы или на другую страницу или на другую часть текущей страницу и развернув ее меню вы увидите, что после нажатия на кнопку действием указан переход по ссылке, а также место куда именно она ведет

и вот здесь как раз и нужно заменить действие, при этом НЕ убрав перехода. Для этого действие заменяем на Вызов Javascript, а в окошке прописываем следующий код

dataLayer.push({
  ‘event’: ‘click_button_buy’,
  ‘course_name’: ‘kids_0_10’,
  ‘language’: ‘ru’
});

window.location.href = ‘#buy’

Тут потребуется немного разъяснить, так как каждый раз (в зависимости от ваших задач) код будет другим.

Наглядно видно 2 блока — первый это и есть передача на уровень данных нашего события и дополнительной информации для него, а через пустую строку мы осуществим переход по ссылке, как было ранее прописано при клике по кнопке.

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

при этом важно, чтобы параметр event у нас всегда именно так и назывался (чтобы его можно было потом считать в GTM), а вот дополнительные параметры мы вольны назвать как нам удобно и прописать их можно множество.

5. Сохраняем внесенные изменения и публикуем их — коричневая кнопка в правом верхнем углу.

6. То что было описано в п.4 относится к кликам по кнопкам — теперь что касается отправки форм. Также находим на редактируемой странице нужный нам блок и жмем на шестеренку в левом верхнем углу

Тут не будет прописано никакого действия, нам нужно найти в списке ниже и добавить “+ произвольное действие”, выбрать снова вызов JavaScript и в открывшемся окне вписать ранее приготовленный код (он конечно же должен отличаться от предыдущего, так как это уже другое событие). Ставим галочку вызывать до редиректа и опубликовываем изменения.

 

Таким образом мы закончили все в админ панели сайта, теперь нужно перейти в GTM.

7. Опустим базовые настройки GTM, в надежде на то, что вы понимаете, что такое теги, триггеры и переменные, где их найти и как добавить. Переходим в блок переменных и добавляем новые — которые равны тем самым кастомным параметрам нашего события

8. Теперь переходим в режим предварительного просмотра и совершаем нужные нам действия — тут же видим наше специальное событие (как мы его ранее обозвали), и его кастомные параметры, также нами ранее выбранные.

9. Ну а дальше я снова надеюсь, что все понимают, что нужно делать — создаем триггер по названию специального события, на него вешаем тег, вместе с которым передаем в аналитику всю нужную нам информацию по событию.

Вот в принципе и все.
Описывал процесс долго, на самом деле, если заранее подготовится с страницами, на которых вы хотите отслеживать действия пользователей, прописать названия событий и их параметров, а также подготовить в редакторе все скрипты — то все можно решить за пару часов.

Если остались не до конца понятные моменты — с удовольствием отвечу на все вопросы, так как самостоятельно решал эту задачу, и мог что-то упустить, ну или ваш случай может немного отличаться от моего.

 

 

Лучший ученик шестого потока ШКР ТМ, выпуск 17 сентября 2019.
Оставьте комментарий
ХОТИТЕ ПОЛУЧАТЬ ПОЛЕЗНУЮ РАССЫЛКУ?

Раз в месяц я делаю рассылку, включающую актуальные новости по Google Ads, Яндекс.Директ и веб-аналитике. Если вы хотите быть в курсе последних событий и успевать за нововведениями, оставьте, пожалуйста, свой электронный адрес в форме.



Отправляя форму, вы соглашаетесь с политикой конфиденциальности