Примеры кода отправки событий с gtag.js на все случаи

gtag event пример события

Очень часто люди спрашивают и гуглят примеры кодов для отправки событий с gtag.js скриптом. Давайте распишем их!

Можете смело добавлять статью в закладки, она еще не раз вам пригодится!

Параметры события

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

action – это строка, которая указывается в отчетах Google Analytics как действие по событию.

category – категория события.

label – ярлык события.

value – ценность события — целое (это важно) неотрицательное число

В action принято передавать описание действия, click, submit, scroll и так далее. В category — категорию, например: form, button. В label например можно передать цвет кнопки, ее текст, имя формы. Value может только целым числом, поэтому тут все зависит от ситуации.

Отправка простого события

Самое простое событие с одним параметром, которое запишется в поле action (действие) в Google Analytics.

При отправке такого события поле category в Google Analytics будет — general, а ярлык — (not set).

Отправка события с category, label, value

Все параметры можно указать самостоятельно, тогда код будет следующим:

Событие без взаимодействия — non-interaction

Если нужно учитывать событие как «не взаимодействие», чтобы не влиять на показатель отказов — используйте такой код.

Отправка события через 15 секунд

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

Отправка события каждые 10 секунд

Если хочется еще более точно знать время пользователя на странице, то можно отправлять событие каждые N секунд. Главное не слишком часто, чтобы не засорить себе аналитикс.

Отправка события по клику

Для отправки события по клику на кнопку или любой другой элемент, добавьте следующий код, заменив id button на свой.

Отправка события по клику с jQuery

От jQuery еще никуда не уйти, иногда с ним гораздо легче, поэтому вот код и для него:

Отправка события по onclick

Чаще всего это встречается на landing page`ах, когда проще всего повесить обработчик прямо в html элемент, дописав ему onclick.
Сделать это можно так:

Отправка события после отправки формы

По аналогии с onclick мы будем использовать событие onsubmit. Не забудьте, что его нужно дописывать к тегу form.

Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: