Настройка Гугл или Яндекс цели для сайта позволяет увидеть действия пользователей. Гугл или Яндекс цели могут показать по каким пунктам меню прошёл клиент и какая из кнопок привела к заказу.
Это только 1 из частых примеров использования. Цели можно привязать почти к любому событию, происходящему на сайте. Например, клик по кнопке, отправка сообщения, телефонный звонок, просмотр видео и т.д.
Оглавление
1.1 Для работы целей надо подключить гугл аналитикс
2.1 Добавляем код яндекс метрики
2.2 Добавляем код для срабатывания цели reachgoal
1. Как настроить гугл цели
1.1 Для работы целей надо подключить гугл аналитикс
Открываем страницу гугл аналитикс (google analytics)
Переходим по ссылкам Администратор > Отслеживание > Код отслеживания. Копируем код и вставляем на свой сайт после открывающегося тега <head>. Иногда приходится размещать код ниже. Например, чтобы страница загружалась быстрее. Но для этого желательно иметь знания по веб разработке.
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=XX-XXXXXXXXX-X"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'XX-XXXXXXXXX-X');
</script>
Где XX-XXXXXXXXX-X идентификатор и он для каждого кода уникальный.
1.2 Встраиваем гугл цель
Создадим, для примера, цель нажатия по кнопке.
Переходим по ссылкам Администратор > Цели > + Цель.
Выбираем собственная и нажимаем Далее.
Вводим назвние Нажатие по кнопке.
Указываем тип — событие.
Жмём Далее.
В поле действие пишем click_button_1.
И нажимаем сохранить.
Теперь нужно чтобы это событие вызвалось. Встраиваем вызов события в кнопку:
<button id="button_1" onclick="gtag('event', 'click_button_1');">Кнопка с целью</button>
2. Как настроить яндекс цели
Номер счётчика XXXXXXXX для примера. Можно заметить, что этот номер одинаковый для кода счётчика и для целей.
2.1 Добавляем код яндекс метрики
Открываем страницу яндекс метрики. Выбираем нужный проект.
Переходим по ссылкам Настройки > Счетчик. Находим код счётчика яндекс метрики на странице.
Вставляем код яндекс метрики между тегами <head></head> или <body></body> как можно ближе к началу страницы. Настройка метрики требуется для работы целей.
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(XXXXXXXX, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true
});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/XXXXXXXX" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
2.2 Добавляем код для срабатывания цели reachgoal
простая цель
ym(XXXXXXXX, 'reachGoal', 'click_ok');
составная цель
ym(XXXXXXXX, 'reachGoal', 61561819);