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

Question

[MisterVerstalschyk]

Добрый день! Как написать рабочый счетчик на чистом JavaScript? Его цель: считать количество посещений и в выводить в параграф. Как сделать вывод в параграф я знаю, но как сделать сам счетчик?

Comments

[Сергей delphinpro]

Посещения должны учитываться сервером. У вас сайт написан на nodejs? В противном случае, "на javascript" - невыполнимое условие.

[MisterVerstalschyk]

Если можно сделать на NodeJS, то как такое сделать?

[Владимир Коротенко]

MisterVerstalschyk, возьмите за основу яндекс метрику

то есть по сути вам нужно создать тэг картинки с адресом на ваш обработчик, и добавить рэндомный параметр. В ява скрипте можете еще добавлять все параметры до которых дотянетесь. Размер экрана юсер агент , размер экрана и прочее

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

<!-- 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(20866243, "init", {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true
   });
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/20866243" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->

Answer 1

[Kirill Makarov]

Либо подключить какой либо сервис метрики , либо делаешь связь с бэкендом и с помощью запросов отображает