Конверсии в Google Analytics 4 позволяют отслеживать выполнение бизнес-показателей на сайте, а также анализировать рекламные кампании на основе целей. Для того, чтобы настроить их достаточно применить Google Tag Manager и использовать инструкцию ниже.
- Установка;
- Настройка;
- Отчеты;
Установка Google Analytics 4 на сайт при помощи GTM
В первую очередь получаем потребуется получить ID для установки GA4. Для этого потребуется перейти в «Администратор»-«Потоки данных»-«Сайты» и кликаем на нужный сайт.
![](data:image/svg+xml,%3Csvg%20xmlns=%22</img><meta itemprop="width" content="1024"><meta itemprop="height" content="719"></span></p><p>После этого в правом-верхнем углу копируем идентификатор потока.</p><p><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" decoding="async" src="https://24rek.ru/wp-content/uploads/2021/07/o4veaulz.png"></img><img width="1024" height="696" src=)
После переходим в Google Tag Manager в раздел «Теги» и нажимаем на «Создать».
![](data:image/svg+xml,%3Csvg%20xmlns=%22</img><meta itemprop="width" content="1024"><meta itemprop="height" content="391"></span></p><p>Даем ему название и переходим к выбору конфигурации тега.</p><p><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" decoding="async" src="https://24rek.ru/wp-content/uploads/2021/07/105l5v2b.png"></img><img width="1024" height="621" src=)
Выбираем «Google Аналитика: конфигурация GA 4».
![](data:image/svg+xml,%3Csvg%20xmlns=%22</img><meta itemprop="width" content="1024"><meta itemprop="height" content="640"></span></p><p>Вводим идентификатор потока данных, скопированный ранее и переходим к выбору триггера.</p><p><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" decoding="async" src="https://24rek.ru/wp-content/uploads/2021/07/qkn1isnr.png"></img><img width="1024" height="812" src=)
Выбираем «All pages».
![](data:image/svg+xml,%3Csvg%20xmlns=%22</img><meta itemprop="width" content="1024"><meta itemprop="height" content="206"></span></p><p>Сохраняем тег.</p><p><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" decoding="async" src="https://24rek.ru/wp-content/uploads/2021/07/505oping.png"></img><img width="1024" height="532" src=)
Переходим в публикацию новой версии.
![](data:image/svg+xml,%3Csvg%20xmlns=%22</img></p><p>Даем новой версии название и публикуем ее.</p><p><img decoding="async" src="https://24rek.ru/wp-content/uploads/2021/07/sk5eimpe.png"></img><img width="1024" height="614" src=)
С иными типами триггеров, которые помогут отследить другие цели можно ознакомиться ниже.
Настройка и создание конверсий в Google Analytics 4 (GA4)
Настройка конверсий в GA4
Для этого потребуется первоначально подготовить триггер для активации конверсии, например, это будет переход на страницу «Спасибо за покупку» (с адресом /thanks.php) после оформления заказа. В этом случае переходим в «Триггеры» и нажимаем на «Создать».
![](data:image/svg+xml,%3Csvg%20xmlns=%22</img><meta itemprop="width" content="1024"><meta itemprop="height" content="630"></span></p><p>Даем ему название и переходим к выбору конфигурации тегов.</p><p><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" decoding="async" src="https://24rek.ru/wp-content/uploads/2021/07/fq0a1o0f.png"></img><img width="1024" height="359" src=)
Выбираем Просмотр страницы».
![](data:image/svg+xml,%3Csvg%20xmlns=%22</img><meta itemprop="width" content="1024"><meta itemprop="height" content="409"></span></p><p>Указываем данные для соответствующей страницы для активации.</p><p><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" decoding="async" src="https://24rek.ru/wp-content/uploads/2021/07/fctsz0vm.png"></img><img width="1024" height="439" src=)
После создаем новый тег.
![](data:image/svg+xml,%3Csvg%20xmlns=%22</img><meta itemprop="width" content="1024"><meta itemprop="height" content="358"></span></p><p>Даем название событию, например, «Заказ оформлен» и выбираем тег конфигурации.</p><p><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" decoding="async" src="https://24rek.ru/wp-content/uploads/2021/07/vjliapjw.png"></img><img width="1024" height="626" src=)
Выбираем “Google Аналитика: событие GA 4”.
![](data:image/svg+xml,%3Csvg%20xmlns=%22</img><meta itemprop="width" content="1024"><meta itemprop="height" content="583"></span></p><p>Вводим название события, например, “Заказ оформлен” и выбираем “Тег конфигурации”.</p><p><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" decoding="async" src="https://24rek.ru/wp-content/uploads/2021/07/l34raod2.png"></img><img width="1024" height="813" src=)
Указываем ранее созданный тег, использующийся для настройки на сайте GA4 из первой части инструкции.
![](data:image/svg+xml,%3Csvg%20xmlns=%22</img><meta itemprop="width" content="1024"><meta itemprop="height" content="675"></span></p><p>Выбираем триггер.</p><p><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" decoding="async" src="https://24rek.ru/wp-content/uploads/2021/07/wrjz43rm.png"></img><img width="1024" height="659" src=)
Указываем в качестве триггера ранее созданное посещение страницы «Спасибо за покупку».
![](data:image/svg+xml,%3Csvg%20xmlns=%22</img><meta itemprop="width" content="1024"><meta itemprop="height" content="637"></span></p><p>Сохраняем тег и публикуем новую версию все готово.</p><p><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" decoding="async" src="https://24rek.ru/wp-content/uploads/2021/07/erokbjyt.png"></img><img width="1024" height="607" src=)
Иные триггеры для настройки целей в GA4
Переходы в социальные сети или другие сайты
Здесь понадобиться использовать в качестве типа триггера необходим «Клик – только ссылки».
![](data:image/svg+xml,%3Csvg%20xmlns=%22</img><meta itemprop="width" content="1024"><meta itemprop="height" content="492"></span></p><p>После этого выбираем для активации «Click URL» и вводим нужное значение.</p><p><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" decoding="async" src="https://24rek.ru/wp-content/uploads/2021/07/tma1mdsy.png"></img><img width="1024" height="500" src=)
Клик по определенной кнопке
В этом случае первоначально нужно найти ID или class кнопки, чтобы можно было ее отследить.
В данном случае это можно сделать кликнув по нужному элементу правой клавишей мыши и выбрав пункт «Посмотреть код».
![](data:image/svg+xml,%3Csvg%20xmlns=%22</img><meta itemprop="width" content="946"><meta itemprop="height" content="699"></span></p><p>Далее копируем указанный class или id.</p><p><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" decoding="async" src="https://24rek.ru/wp-content/uploads/2021/07/qdjtsxmi.png"></img><img width="1024" height="585" src=)
Типом при создании триггера «Клик – Все элементы».
![](data:image/svg+xml,%3Csvg%20xmlns=%22</img><meta itemprop="width" content="1024"><meta itemprop="height" content="379"></span></p><p>Далее указываем для активации «Click Classes» (или ID) и указываем нужный элемент.</p><p><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" decoding="async" src="https://24rek.ru/wp-content/uploads/2021/07/gvhkp2px.png"></img><img width="1024" height="409" src=)
Прокрутка
В первую очередь необходимо включить некоторые переменные для чего переходим в «Переменные» и нажимаем на «Настроить».
![](data:image/svg+xml,%3Csvg%20xmlns=%22</img><meta itemprop="width" content="1024"><meta itemprop="height" content="597"></span></p><p>Выбираем:</p><ul><li>Scroll Depth Threshold;</li><li>Scroll Depth Units;</li><li>Scroll Direction.</li></ul><p><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" decoding="async" src="https://24rek.ru/wp-content/uploads/2021/07/0lhcs2yr.png"></img><img width="1024" height="667" src=)
После создаем триггер с типом «Глубина прокрутки».
![](data:image/svg+xml,%3Csvg%20xmlns=%22</img><meta itemprop="width" content="1024"><meta itemprop="height" content="674"></span></p><p> Выбираем тип прокрутки и нужный процент.</p><p><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" decoding="async" src="https://24rek.ru/wp-content/uploads/2021/07/ftvcrbzm.png"></img><img width="1024" height="597" src=)
Отправка формы
В этом случае потребуется использовать переменные для форм.
![](data:image/svg+xml,%3Csvg%20xmlns=%22</img><meta itemprop="width" content="1024"><meta itemprop="height" content="410"></span></p><p>После создаем триггер, который будет типа «Отправка формы».</p><p><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" decoding="async" src="https://24rek.ru/wp-content/uploads/2021/07/wihtdevx.png"></img><img width="1024" height="648" src=)
Выбираем ID формы (или class) при активации.
![](data:image/svg+xml,%3Csvg%20xmlns=%22</img><meta itemprop="width" content="1024"><meta itemprop="height" content="470"></span></p><h3>Тестирование конверсий в Google Analytics 4</h3><p>После настройки конверсий и публикации новой версии достаточно перейти на сайт и выполнить нужное действие, а увидеть, что оно сработало можно в GA4 в «Отчете в режиме реального времени».</p><p><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" decoding="async" src="https://24rek.ru/wp-content/uploads/2021/07/40sazbur.png"></img><img width="1024" height="657" src=)
Как видим, выполненная конверсия появилась в одной из таблиц.
Также можно проверить выполнение тегов через «Режим предварительного просмотра» в GTM.
![](data:image/svg+xml,%3Csvg%20xmlns=%22</img><meta itemprop="width" content="1024"><meta itemprop="height" content="308"></span></p><p>Вводим стартовую страницу для проверки и нажимаем «Старт».</p><p><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" decoding="async" src="https://24rek.ru/wp-content/uploads/2021/07/cjipydmm.png"></img><img width="1024" height="584" src=)
Видим сработавшие теги, переключаясь между действиями на странице.
![](data:image/svg+xml,%3Csvg%20xmlns=%22</img><meta itemprop="width" content="1024"><meta itemprop="height" content="697"></span></p><p>При необходимости можно перейти в действие и посмотреть, что находится внутри его.</p><p><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" decoding="async" src="https://24rek.ru/wp-content/uploads/2021/07/5os3iey5.png"></img><img width="1024" height="723" src=)
Отчеты по конверсиям и событиям в Google Analytics 4
В первую очередь следует посмотреть отчет «Все события», где выбрав нужный промежуток времени можно увидеть все имеющиеся события.
![](data:image/svg+xml,%3Csvg%20xmlns=%22</img><meta itemprop="width" content="1024"><meta itemprop="height" content="594"></span></p><p>Чтобы событие стало конверсией можно переключить соответствующий рычаг в положение «Вкл».</p><p><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" decoding="async" src="https://24rek.ru/wp-content/uploads/2021/07/hj51m3ai.png"></img><img width="1024" height="584" src=)
Теперь можно увидеть соответствующий отчет по «Конверсиям».
![](data:image/svg+xml,%3Csvg%20xmlns=%22</img><meta itemprop="width" content="1024"><meta itemprop="height" content="690"></span></p><p>После можно воспользоваться любым отчетом, где видим в таблице нужный пункт, в который можно перейти для выбора конверсий.</p><p><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" decoding="async" src="https://24rek.ru/wp-content/uploads/2021/07/4aogggly.png"></img><img width="972" height="722" src=)
Указываем нужный элемент и видим соответствующий отчет.
![](data:image/svg+xml,%3Csvg%20xmlns=%22</img><meta itemprop="width" content="1024"><meta itemprop="height" content="648"></span><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" decoding="async" src="https://24rek.ru/wp-content/uploads/2021/07/bx4ue30m.png"></img><img width="906" height="699" src=)
Все готово.
Подписывайтесь на наш канал в Яндекс.Дзен
Подписывайтесь на наши социальные сети