Поднимите руки всех тех, кто использует Google Analytics для отслеживания пользователей на вашем сайте. Чтобы быть справедливым, вероятно, быстрее посчитать тех, кто не использует Google Analytics. Независимо от вашего мнения о Google и планах мирового господства, Google Analytics — это удивительный инструмент, который произвел революцию в веб-статистике.
Чтобы просматривать отчеты о посетителях, вам необходимо встроить код отслеживания аналитики в каждую веб-страницу вашего сайта.
Вот как:
- Зарегистрируйтесь в Google Analytics (или свяжите свой существующий идентификатор Google / Gmail).
- Откройте раздел администратора (значок cog) слева и создайте новую учетную запись из столбца ACCOUNT .
- Откройте столбец СОБСТВЕННОСТЬ и нажмите Создать новое свойство, используя URL-адрес вашего сайта. После этого вашему веб-сайту будет присвоен идентификационный номер в формате UA-XXXXX-Y.
- Откройте Tracking Code из подменю Tracking Info .
Хотя существует несколько более старых вариантов этого кода отслеживания, Google рекомендует следующую реализацию JavaScript для современных браузеров:
<!-- Google Analytics tracking code -->
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<script async src='https://www.google-analytics.com/analytics.js'></script>
<!-- end Google Analytics tracking code -->
Добавьте это в шаблон вашего сайта и замените UA-XXXXX-Y новым идентификатором отслеживания. Google предлагает вставить код отслеживания в раздел <head> Мне нравится вставлять его внизу страницы (перед закрывающим тегом тела) или вызывать его после загрузки страницы, чтобы обеспечить меньший приоритет по сравнению с другими задачами (это лучше для производительности веб-сайта).
Начиная с этого момента, Google Analytics будет отслеживать и сообщать о посещениях ваших пользователей, а также об их демографии и поведении пользователей, а также о вашем веб-сайте.
События на странице
Упомянутый выше стандартный код отслеживания подходит для более простых веб-сайтов, содержащих только контент, и базовых тем WordPress, но он не записывает события «на странице», такие как:
- Аякс звонит
- видео играет
- загрузка документов
- взаимодействие в социальных сетях
- клиентские взаимодействия
- исходящие ссылки или…
- любая другая деятельность, которая не вызывает нормальной загрузки страницы.
События на странице можно записать с помощью следующего кода JavaScript, который вызывает глобальный объект Google Analytics:
ga(
'send',
'event',
[eventCategory],
[eventAction],
[eventLabel],
[eventValue]
);
Альтернативой является использование объекта JavaScript:
ga('send', {
hitType: 'event',
eventCategory: [eventCategory],
eventAction: [eventAction],
eventLabel: [eventLabel],
eventValue: [eventValue],
[transport: beacon ]
});
Давайте посмотрим на каждую из строк в этом объекте в отдельности …
[eventCategory] (обязательно)
Одно имя для событий определенного типа (например, «видео» для взаимодействия с видео или «загрузка» для ссылки в формате PDF).
[eventAction] (обязательно)
Взаимодействие с пользователем, которое приводит к запуску события (например, «воспроизведение» для видео или имя файла для загрузки).
[eventLabel] (необязательно)
Необязательный ярлык для классификации событий. Например, мы могли бы использовать название кампании, например «Зимняя кампания». Все события, будь то загрузки, воспроизведение видео, исходящие ссылки или иным образом, могут быть классифицированы с использованием одного ярлыка.
[eventValue] (необязательно)
Необязательное числовое значение, связанное с событием. Для видео мы можем определить размер файла или длину видео, чтобы можно было сообщать статистику по общей и средней пропускной способности.
Вы также можете записать денежную сумму, но имейте в виду, что в Google Analytics есть специальные средства для записи транзакций электронной торговли.
[транспорт: маяк] (необязательно)
Это используется для отслеживания форм и исходящих ссылок. Браузеры прекращают выполнение JavaScript на текущей веб-странице, когда начинает загружаться новая страница, поэтому эта опция не ожидает ответа.
Простое отслеживание ссылок
Отслеживание событий может использоваться для записи чего-то вроде загрузки PDF с использованием встроенного события onclick
<a href="document.pdf" onclick="ga('send', 'event', 'download', this.href); return true;">download</a>
В этом примере eventCategory установлена на downloadeventAction — это URL файла.
Более эффективно, мы могли бы определить один обработчик событий JavaScript для записи всех загрузок PDF независимо от их количества:
// record all PDF download events
document.body.addEventListener('click', e => {
let t = e.target;
if (t.href && t.href.endsWith('.pdf')) {
ga('send', {
hitType: 'event',
eventCategory: 'download',
eventAction: t.href,
transport: beacon
});
}
}, false);
Взаимодействие в социальных сетях
Отслеживание событий также может быть использовано для отслеживания взаимодействия социальных сетей на вашем сайте. Google предлагает API-интерфейс Social Interaction для этого, который является побочным продуктом фрагмента отслеживания событий:
ga(
'send',
'social',
[socialNetwork],
[socialAction],
[socialTarget]
);
Вы также можете использовать это:
ga('send', {
hitType: 'social',
socialNetwork: [socialNetwork],
socialAction: [socialAction],
socialTarget: [socialTarget]
});
Опять же, давайте посмотрим на каждую из строк в этом объекте в отдельности …
[socialNetwork] (обязательно)
Связанная социальная сеть (например, Facebook, Twitter, …).
[socialAction] (обязательно)
Тип действия (например, как, отправить, твит, …).
[socialTarget] (обязательно)
Цель социального взаимодействия. Обычно это URL.
Отслеживание событий в отчетах в реальном времени
Действия событий должны быть доступны немедленно в отчетах в реальном времени ( Real-Time → События ). Более подробная информация доступна через 24 часа в разделе « Поведение → События ».
Для получения дополнительной информации обратитесь к документации Google Analytics:
Вы можете проверить больше статей в нашей серии UX Analytics здесь .