Мульти тематический

Примеры кода на PHP, Kotlin. Настройка хостинга. И другое, связанное с веб разработкой.

Настраиваем гугл цели и яндекс цели

0
(0)

Настройка Гугл или Яндекс цели для сайта позволяет увидеть действия пользователей. Гугл или Яндекс цели могут показать по каким пунктам меню прошёл клиент и какая из кнопок привела к заказу.

Это только 1 из частых примеров использования. Цели можно привязать почти к любому событию, происходящему на сайте. Например, клик по кнопке, отправка сообщения, телефонный звонок, просмотр видео и т.д.

Оглавление

1. Как настроить гугл цели

1.1 Для работы целей надо подключить гугл аналитикс

1.2 Встраиваем гугл цель

2. Как настроить яндекс цели

2.1 Добавляем код яндекс метрики

2.2 Добавляем код для срабатывания цели reachgoal


1. Как настроить гугл цели

1.1 Для работы целей надо подключить гугл аналитикс

Открываем страницу гугл аналитикс (google analytics)

Переходим по ссылкам Администратор > Отслеживание > Код отслеживания. Копируем код и вставляем на свой сайт после открывающегося тега <head>. Иногда приходится размещать код ниже. Например, чтобы страница загружалась быстрее. Но для этого желательно иметь знания по веб разработке.

</code>Пример кода отслеживания гугл аналитикс<code>

<!-- 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> как можно ближе к началу страницы. Настройка метрики требуется для работы целей.

</code>Пример кода яндекс метрики<code>

<!-- 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);

Насколько полезным был этот пост?

Нажмите на звезду, чтобы оценить это!

Средний рейтинг 0 / 5. Подсчет голосов: 0

Пока нет голосов! Будьте первым, кто оценит этот пост.

Мы сожалеем, что этот пост не был полезен для вас!

Давайте улучшим этот пост!

Расскажите нам, как мы можем улучшить этот пост?

0 0 голоса
Рейтинг статьи
Подписаться
Уведомить о
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x
()
x