Как добавить отслеживание событий Google Analytics в WordPress

/

Вы хотите отслеживать активность пользователей, пока они находятся на вашем сайте? Вы можете отслеживать просмотры страниц, источник перехода, время, проведенное на странице, и многое другое, просто установив 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 Code

В настоящее время на веб-сайтах реализованы два типа Google Analytics. Google постепенно вытесняет старый код, прося веб-мастеров использовать новый «Код Universal Analytics».

Если ваш код Google Analytics выглядит так:

<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');      ga('create', 'UA-XXXXXX-1', 'auto');    ga('send', 'pageview');</script>

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

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

Создание вашего события в Google Analytics

Сначала вам нужно создать свое мероприятие в своей учетной записи Google Analytics. Просто войдите в свою панель управления Analytics и нажмите ссылку «Администратор» вверху. Если у вас есть несколько веб-сайтов под вашей учетной записью аналитики, убедитесь, что вы просматриваете панель инструментов того сайта, на который хотите добавить событие.

Панель управления Google Analytics

Под страницей администратора есть три столбца. Нажмите ссылку «Цели» под столбцом «Просмотр».

Создание целей в Google Analytics

Затем нажмите кнопку новой цели, чтобы создать цель. В параметрах настройки цели вам нужно выбрать настраиваемую опцию и затем нажать кнопку «Далее», чтобы продолжить.

Создание собственной цели в Google Analytics

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

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

Ввод названия настраиваемой цели и выбор события в качестве типа цели

Последний шаг - предоставить подробную информацию о цели. Здесь вам нужно будет ввести условия события.

Google Analytics засчитает конверсию, когда все эти условия будут выполнены.

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

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

Ввод условий события для пользовательской цели в Google Analytics

Наконец, нажмите кнопку создания цели, чтобы сохранить и активировать цель. Вы успешно включили отслеживание события в Google Analytics. Следующим шагом будет отслеживание этого события на вашем веб-сайте и отправка данных в Google Analytics.

Добавление отслеживания событий Google Analytics onClick

Самый простой и, возможно, самый быстрый способ добавить отслеживание событий Google Analytics - использовать метод onclick. Этот метод просто отправляет условия события в Google Analytics, когда пользователь нажимает на элемент.

В этом примере мы отслеживаем пользователей, которые нажимают на ссылку для скачивания электронной книги.

Мы добавим параметр onClick к ссылке для скачивания, используя этот формат.

onClick="ga('send', 'event', 'category', 'action', 'label', 'value');"

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

<a onClick="ga('send', 'event', 'Downloads', 'Click', 'Ebook downloaded', '0');" href="http://example.com/wp-content/uploads/2015/06/free-ebook.pdf">Download Free Ebook</a>

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

Добавление отслеживания событий с помощью Диспетчера тегов Google

Диспетчер тегов Google - это онлайн-инструмент, который позволяет добавлять различные коды отслеживания в виде тегов на одной панели управления.

Вы также можете использовать его для создания тегов для отслеживания событий в вашей учетной записи Google Analytics. Основное преимущество использования Диспетчера тегов Google заключается в том, что вам не нужно вручную вставлять код на свой веб-сайт, и вы можете управлять всеми своими тегами из одного места.

Если вы уже добавили код отслеживания Google Analytics на свой сайт вручную, вам необходимо его удалить. Воспользуйтесь нашим руководством о том, как установить и настроить Диспетчер тегов Google в WordPress, чтобы добавить код Google Analytics на свой сайт.

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

Нажмите «Триггеры» в диспетчере тегов, а затем нажмите кнопку «Создать».

Триггеры в Диспетчере тегов Google

Это приведет вас к мастеру создания триггера. Здесь вы можете выбрать форму выбора события.

Выберите форму как ваше мероприятие

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

Настроить параметры триггера

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

Когда запускать спусковой крючок

Если на вашей странице несколько форм, и вы хотите отслеживать конкретную форму, вам необходимо указать Google Tag Manager, какую форму вы хотите отслеживать. Когда вы нажимаете на кнопки формы, вы увидите фильтры.

Создание огня на фильтре

Фильтр - это просто набор инструкций, например, если A соответствует B, запускайте триггер. Вам нужно выбрать новую переменную.

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

Теперь вам нужно будет найти свою форму I. Посетите страницу формы на своем сайте WordPress, наведите указатель мыши на первое поле формы и выберите проверить элемент.

Экран вашего браузера разделится на две части. Вы увидите HTML-код своей страницы в нижнем экране. Атрибут id будет либо частью вашего тега

, либо div, содержащим форму.

Поиск идентификатора элемента формы

Скопируйте и вставьте идентификатор формы под идентификатором элемента и атрибутом. Затем нажмите кнопку создания переменной.

Вы вернетесь к фильтру Fire on, где теперь можете выбрать свою пользовательскую переменную. В правиле сопоставления выберите «содержит» и снова введите идентификатор формы.

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

Следующим шагом является создание тега для события, которое мы хотим отслеживать. В Диспетчере тегов Google нажмите «Теги», а затем нажмите кнопку «Создать».

Это приведет вас к мастеру создания тегов. Выберите Google Analytics в качестве продукта и нажмите кнопку «Продолжить».

Создание тега отслеживания событий в Диспетчере тегов Google

Теперь вам нужно выбрать Universal Analytics в качестве типа тега. Вам будет предложено указать свой идентификатор отслеживания Google Analytics. Вы можете получить его из своей учетной записи Google Analytics.

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

Нажмите кнопку «Продолжить», чтобы перейти к следующему шагу. Здесь вы выбираете, когда активировать тег. Нажмите кнопку «Дополнительно» и выберите созданный ранее триггер.

Выберите свой триггер

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

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

Опубликуйте свой контейнер

Вот и все, теперь вы можете перейти на свой веб-сайт и отправить форму. Перейдите в раздел «Реальное время» »События в своей учетной записи Analytics, и вы увидите, как ваше событие отслеживается и записывается.

Событие отслеживается в Google Analytics

Используя диспетчер тегов, вы можете создавать различные типы событий и управлять ими из Диспетчера тегов Google. Это также избавляет вас от редактирования тем WordPress или добавления кода отслеживания вручную.

Мы надеемся, что эта статья помогла вам добавить отслеживание событий Google Analytics на ваш сайт WordPress. Вы также можете ознакомиться с нашим списком 7 лучших аналитических решений для пользователей WordPress.

Нужна помощь с WordPress? Свяжитесь сейчас
[email protected]

Это переведенная версия оригинальной статьи от wpbeginner, весь контент, изображения и авторство принадлежит автору

Как установить и настроить многосайтовую сеть WordPress

Вы хотите настроить и установить многосайтовую сеть WordPress? WordPress имеет встроенную возможность создавать несколько веб-сайтов с использованием

Как составить список будущих запланированных сообщений в WordPress

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

Как добавить собственные стили в визуальный редактор WordPress

Вы хотите добавить собственные стили в визуальный редактор WordPress? Добавление пользовательских стилей позволяет быстро применить форматирование,

Как восстановить кнопку получить короткую ссылку в WordPress

Вы хотите создать короткую ссылку для сообщений или страниц вашего блога WordPress? Короткие ссылки WordPress полезны для публикации в электронной почте,