Вы хотите отслеживать активность пользователей, пока они находятся на вашем сайте?? Вы можете отслеживать просмотры страниц, источник рефералов, время, проведенное на странице, и многое другое, просто установив Google Analytics, но для более глубокого понимания вам нужно использовать отслеживание событий. В этой статье мы покажем вам, как добавить отслеживание событий Google Analytics в WordPress.
Что такое отслеживание событий в Google Analytics
Отслеживание событий позволяет измерять взаимодействие пользователей на вашем сайте. Эти взаимодействия могут быть такими, как нажатие на кнопку, воспроизведение видео, загрузка файлов, отправка форм и т.д.
Предположим, вы добавили видео на страницу вашего продукта и теперь хотите узнать, насколько это эффективно для конверсии. Отслеживание событий позволяет отслеживать, сколько пользователей просмотрело видео, так что вы можете судить сами.
Другой пример — отправка форм на основе ajax. Если вы используете Gravity Forms или любой другой плагин контактных форм, то отправка формы не приводит к новому просмотру страницы.
Используя отслеживание событий, вы можете увидеть, как пользователи взаимодействовали с формой.
То же самое относится и к загрузке файлов, включенных в страницу. С помощью отслеживания событий можно отследить, сколько пользователей скачали файл, и даже какая кнопка на странице была нажата чаще всего.
Отслеживание событий отличается от отслеживания ссылок в Google analytics. Вы можете отслеживать ссылки в WordPress с помощью Google Analytics, просто добавив UTM-источник к ссылке.
Эти измеряемые действия позволяют вам увидеть, как пользователи ведут себя на вашем сайте. Затем вы можете изменить свою стратегию и добавить контент, который будет генерировать больше вовлеченности и взаимодействия с пользователями. В конечном итоге это означает увеличение продаж и конверсий на вашем сайте.
Начало работы
Прежде чем приступить к работе, вам необходимо настроить и установить Google Analytics на свой сайт WordPress. Если вы не знакомы с использованием Google Analytics, вы можете попробовать наше руководство для начинающих по использованию Google Analytics.
Если вы уже используете Google Analytics, то вы можете сразу перейти к отслеживанию событий.
Обновление до кода Universal Analytics
В настоящее время существует два типа Google Analytics, применяемых на веб-сайтах. Google постепенно вытесняет старый код, предлагая веб-мастерам использовать более новый «Универсальный код аналитики».
Если ваш код Google Analytics выглядит следующим образом:
Значит, вы уже используете новый код Universal Analytics. Здесь не требуется никаких действий, и вы можете переходить к следующему шагу.
Если ваш код выглядит иначе, то вы, вероятно, используете более старый код Google Analytics. Вам потребуется обновление, Google предлагает подробное руководство по обновлению. В принципе, если вы не используете расширенные функции отслеживания в Google Analytics, то вы можете просто заменить старый код на новый в настройках свойств вашего аккаунта.
Создание события в Google Analytics
Сначала вам нужно создать событие в своем аккаунте Google Analytics. Просто войдите в свою панель Analytics и нажмите на ссылку Admin в верхней части страницы. Если в вашем аккаунте аналитика несколько сайтов, убедитесь, что вы просматриваете панель для сайта, на котором вы хотите добавить событие.
На странице администратора есть три колонки. Нажмите на ссылку «Цели» в колонке «Вид».
Далее нажмите на кнопку «Новая цель», чтобы создать цель. В опциях настройки целей вам нужно выбрать пользовательский вариант, а затем нажать на кнопку «Далее», чтобы продолжить.
Это приведет вас к шагу «Описание цели». Вам нужно указать название вашей пользовательской цели, это то, что поможет вам идентифицировать цель в Google Analytics.
Под типом цели вам нужно выбрать Событие. После этого нажмите на кнопку следующего шага, чтобы продолжить.
Последний шаг — указать детали цели. Здесь нужно ввести условия события.
Analytics будет считать конверсию, когда все эти условия совпадут.
В данном примере мы указали категорию и действие для события. Мы ввели метку для события и указали значение. В зависимости от того, какое событие вы хотите создать, вы можете назвать свою категорию, действия и метки.
Если вы считаете, что ваше событие должно передавать значение, которое можно рассчитать, то вы можете ввести это значение здесь. Однако для наиболее распространенного отслеживания событий можно использовать значение 0.
Наконец, нажмите на кнопку «Создать цель», чтобы сохранить и активировать цель. Вы успешно включили отслеживание события в Google Analytics. Следующий шаг — отслеживание этого события на вашем сайте и отправка данных в Google Analytics.
Добавление отслеживания событий Google Analytics onClick
Самый простой и, возможно, самый быстрый способ добавить отслеживание событий Google Analytics — это использование метода onclick. Этот метод просто отправляет условия события в Google Analytics, когда пользователь нажимает на элемент.
В этом примере мы отслеживаем пользователей, которые нажимают на ссылку для скачивания электронной книги.
Мы добавим параметр onClick к ссылке на скачивание в таком формате.
onClick="ga('send', 'event', 'category', 'action', 'label', 'value');"
Замените категорию, действие, метку и значение условиями вашего события. В итоге ваша ссылка на скачивание будет выглядеть следующим образом.
Вот и все, когда пользователи нажмут на эту ссылку, она отправит событие в Google Analytics, которое появится в отчетах вашего сайта.
Добавление отслеживания событий с помощью Google Tag Manager
Google Tag Manager — это онлайн-инструмент, который позволяет добавлять различные коды отслеживания в качестве тегов на одной приборной панели.
Вы также можете использовать его для создания тегов для отслеживания событий в вашем аккаунте Google Analytics. Основное преимущество использования Google Tag Manager заключается в том, что вам не придется вручную вставлять код на свой сайт, и вы сможете управлять всеми тегами из одного места.
Если вы уже добавили код отслеживания Google analytics на свой сайт вручную, то вам нужно удалить его. Воспользуйтесь нашим руководством по установке и настройке Google Tag Manager в WordPress, чтобы добавить код Analytics на ваш сайт.
После успешного добавления тега Google Analytics в менеджере тегов следующим шагом будет создание нового триггера. В рамках данного руководства мы будем отслеживать отправку контактной формы как событие.
Нажмите на триггеры в менеджере тегов, а затем нажмите на кнопку Новый.
Откроется мастер создания триггера. Здесь вы можете выбрать форму выбора события.
В разделе «Настройка триггера» нужно снять флажок «Ожидание тегов» и проверить опции валидации. Далее нажмите на кнопку продолжить, чтобы перейти к следующему шагу.
На следующем этапе вам нужно выбрать, когда срабатывает триггер. Если на вашей странице есть только одна форма, то вы можете выбрать все формы. Если на вашей странице более одной формы, то вы нажмете на кнопку нескольких форм.
Если на вашей странице есть несколько форм и вы хотите отслеживать определенную форму, то вам нужно указать Google Tag Manager, какую форму вы хотите отслеживать. При нажатии на некоторые кнопки формы вы увидите фильтры.
Фильтр — это просто набор инструкций, например, если A соответствует B, то срабатывает триггер. Вам нужно выбрать новую переменную.
При выборе новой переменной появится всплывающее окно, в котором можно создать собственную переменную. Выберите элемент DOM в качестве типа переменной. Далее, в разделе «Настройка переменной» выберите ID в качестве метода выбора.
Теперь вам нужно найти идентификатор вашей формы. Перейдите на страницу формы на вашем сайте WordPress, подведите курсор к первому полю формы и выберите элемент inspect.
Экран вашего браузера разделится на две части. Вы увидите HTML для вашей страницы в нижнем окне. Атрибут id будет либо частью вашего тега, либо div, содержащего форму.
Скопируйте и вставьте идентификатор формы под идентификатором элемента и атрибутом. Далее нажмите на кнопку создания переменной.
Вы вернетесь к фильтру Fire on filter, где теперь можно выбрать пользовательскую переменную. В правиле соответствия выберите ‘contains’, а затем снова введите ID вашей формы.
Теперь нажмите на кнопку создания триггера, чтобы продолжить.
Следующим шагом будет создание тега для события, которое мы хотим отслеживать. В Диспетчере тегов Google нажмите на Теги, а затем нажмите на кнопку Новый.
Это приведет вас к мастеру создания тегов. Выберите Google Analytics в качестве вашего продукта и нажмите кнопку продолжить.
Теперь вам нужно выбрать Universal Analytics в качестве вашего типа тега. Вам будет предложено указать идентификатор отслеживания Google Analytics. Вы можете получить его из своего аккаунта Google Analytics.
Под типом отслеживания нужно выбрать событие, а затем указать категорию, действие, метку и информацию о значении. В этом примере мы использовали Forms для категории, форму отправки для действия, контактную форму в качестве метки и submitted в качестве значения.
Нажмите на кнопку продолжить, чтобы перейти к следующему шагу. Здесь вы выбираете, когда запускать тег. Нажмите на кнопку more и выберите триггер, который вы создали ранее.
Наконец, вы можете нажать на кнопку «Создать тег», чтобы сохранить тег.
Помните, что сохранение тега не делает его активным на вашем сайте. Вам все еще нужно будет нажать на кнопку публикации, чтобы сделать его активным.
Вот и все, теперь вы можете перейти на свой сайт и отправить форму. Перейдите к Реальное время » События в своем аккаунте Analytics, и вы увидите, что ваше событие отслежено и зафиксировано.
С помощью менеджера тегов вы можете создавать различные виды событий и управлять ими из Google Tag Manager. Это также избавит вас от необходимости редактировать темы WordPress или добавлять код отслеживания вручную.
Мы надеемся, что эта статья помогла вам добавить отслеживание событий Google Analytics на ваш сайт WordPress. Вы также можете ознакомиться с нашим списком 7 лучших решений для аналитики для пользователей WordPress.
Источник: www.wpbeginner.com