Как добавить счетчик посещений на сайт?

Как добавить счетчик посещений на сайт?

1. Переходим по ссылке https://metrika.yandex.ru и заходим на сайт нажатием по кнопке «Перейти».

Окно входа в Яндекс.Метрика

Рисунок 1. Окно входа в Яндекс.Метрика

2. Если ранее вы никогда не регистрировались, то советую зарегистрироваться в Яндексе или же войти на сайт через соц.cети нажав соответствующую кнопку, смотря как вам удобнее.

Окно авторизации в Яндекс.Вебмастер

Рисунок 2. Окно авторизации в Яндекс.Метрика

3. Зайдя на сайт нажимаем на «Добавить счетчик».

Основной раздел в Яндекс.Метрика

Рисунок 3. Основной раздел в Яндекс.Метрика

4. Заполняем необходимые поля:

  • Имя счетчика - любое название, например < ru > HTML < / ru >, т.е. оно будет отображаться только для вас.
  • Адрес сайта - доменное имя вашего сайта, например, ruhtml.ru.
  • Часовой пояс -  ваш часовой пояс, например, (GTM +03:00) Москва, Санкт-Петербург, Волгоград.
  • Вебвизор, карта скроллинга, аналитика форм - рекомендую включить, для более глубокого изучения действий ваших посетителей сайта.
  • Я принимаю условия Пользовательского соглашения - ставим галочку.

Нажимаем «Создать счетчик».

Раздел настройки счетчика в Яндекс.Метрика

Рисунок 4. Раздел настройки счетчика в Яндекс.Метрика

5. Далее выбираем «HTML» и нажимаем «Дополнительные настройки», где активируем:

  • Асинхронный код
  • Информер

Затем настраиваем информер по своему вкусу и снизу кликаем на «Скопировать».

Раздел установки счетчика в Яндекс.Метрика

Рисунок 5. Раздел установки счетчика в Яндекс.Метрика

Скопированный код, как правило, выглядит следующим образом:

<!-- Yandex.Metrika informer -->
<a href="https://metrika.yandex.ru/stat/?id=0000000&amp;from=informer"
target="_blank" rel="nofollow"><img
src="https://informer.yandex.ru/informer/000000000/3_1_FFFFFFFF_EFEFEFFF_0_pageviews"
style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика"
title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные
посетители)" class="ym-advanced-informer" data-cid="000000000" data-
lang="ru" /></a>
<!-- /Yandex.Metrika informer -->
<!-- Yandex.Metrika counter --> <script type="text/javascript" > (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter000000000 = new Ya.Metrika({ id:0000000000, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks");
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/00000000"
style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->

Где первая часть кода:

<!-- Yandex.Metrika informer -->
<a href="https://metrika.yandex.ru/stat/?id=0000000&amp;from=informer"
target="_blank" rel="nofollow"><img
src="https://informer.yandex.ru/informer/000000000/3_1_FFFFFFFF_EFEFEFFF_0_pageviews"
style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика"
title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные
посетители)" class="ym-advanced-informer" data-cid="000000000" data-
lang="ru" /></a>
<!-- /Yandex.Metrika informer -->

- принадлежит Информеру, внешний вид которого вы настроили выше активировав в Дополнительных настройках. Добавив эту часть кода на какую-нибудь страницу вашего вы получите вот такой информер

А оставшаяся часть:

<!-- Yandex.Metrika counter --> <script type="text/javascript" > (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter000000000 = new Ya.Metrika({ id:0000000000, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks");
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/00000000"
style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->

кода невидима для пользователей, ее необходимо добавить в каждую страницу вашего сайта или только на главную страницу «index.html» до закрывающего тега </body>. Например, у меня есть главная страница сайта под названием «index.html» в котором содержится такой код:

<html>
   <head>
      <title>Мой собственный сайт</title>
   </head>
   <body>
      Добро пожаловать на мой сайт
      <br>
      Здравствуй гость, ты находишься на моем любимом сайте. Будь как дома!
   </body>
</html>

До закрывающего тега </body> я добавляю этот код (у вас он другой) и получаю следующее:

<html>
   <head>
      <title>Мой собственный сайт</title>
      <meta name="yandex-verification" content="11ae13ff5b43bfff" />
   </head>
   <body>
      Добро пожаловать на мой сайт
      <br>
      Здравствуй гость, ты находишься на моем любимом сайте. Будь как дома!
<!-- Yandex.Metrika counter --> <script type="text/javascript" > (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter000000000 = new Ya.Metrika({ id:0000000000, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks");
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/00000000"
style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
   </body>
</html>

А после нажимаем «Начать пользоваться».

Подтверждение в Яндекс.Метрика

Рисунок 6. Подтверждение в Яндекс.Метрика

1570
RSS
Нет комментариев. Ваш будет первым!
Загрузка...

Уважаемые гости и пользователи!

Сайт и имеющиеся в нем учебники находятся в процессе разработки, поэтому все предложения и найденные ошибки прошу сообщить администраций сайта по E-Mail (html@ruhtml.ru) или в ЛС.