Категории

Как работает счетчик посетителей на сайте

31.07.2025 10:04 | коды из категории: Создание сайтов

код счетчика посетителей на сайт

про Как работает счетчик посетителей на сайте

Принцип работы счетчика

Счетчик посетителей, представленный в этом решении, работает по следующему принципу:

  1. Клиентская часть (JavaScript) отправляет запрос к серверу при загрузке страницы

  2. Серверная часть (PHP) обрабатывает запрос, проверяет и обновляет данные счетчика

  3. Результат (количество уникальных посетителей) возвращается и отображается на странице

Клиентская реализация (JavaScript)

<script>
// Простой запрос к счетчику
fetch('/includes/counter.php')
  .then(response => response.text())
  .then(count => {
    document.getElementById('counter').textContent = count;
  })
  .catch(() => console.log('Счетчик временно недоступен'));
</script>

  1. Отправляет GET-запрос к файлу counter.php

  2. При успешном ответе выводит количество посетителей в элемент с id="counter"

  3. При ошибке выводит сообщение в консоль

<?php
// Путь к файлу счетчика (вне публичной папки)
$counterFile = '....../blog/daily_visitors.dat';

// Фильтр ботов (простейшая версия)
$userAgent = $_SERVER['HTTP_USER_AGENT'] ?? '';
if (preg_match('/bot|crawl|spider|slurp|google|yandex/i', $userAgent)) {
    die(); // Боты не учитываются
}

// Получаем IP (упрощенный вариант)
$ip = $_SERVER['REMOTE_ADDR'] ?? '127.0.0.1';

// Читаем текущие данные
$data = [];
if (file_exists($counterFile)) {
    $data = json_decode(file_get_contents($counterFile), true) ?? [];
}

// Обновляем счетчик
if (!in_array($ip, $data)) {
    $data[] = $ip;
    file_put_contents($counterFile, json_encode($data));
}

// Выводим количество уникальных IP
header('Content-Type: text/plain');
echo count($data);
?>

Особенности реализации:

  1. Хранение данных:

    • Используется файл вне публичной директории (/var/www/blog/daily_visitors.dat)

    • Данные хранятся в JSON-формате как массив IP-адресов

  2. Фильтрация ботов:

    • Простая проверка User-Agent на наличие ключевых слов (bot, crawl и т.д.)

    • Запросы от ботов не учитываются в статистике

  3. Учет уникальности:

    • Проверяется, есть ли текущий IP в списке

    • Если IP новый - добавляется в массив

  4. Безопасность:

    • Файл счетчика находится вне публичной директории

    • Используется простой текстовый формат без исполняемого кода

Как установить счетчик на сайт

  1. Создайте файл counter.php с приведенным выше кодом

  2. Укажите правильный путь к файлу данных ($counterFile)

  3. Убедитесь, что веб-сервер имеет права на запись в этот файл

  4. Добавьте JavaScript-код на страницы, где должен отображаться счетчик

  5. Создайте HTML-элемент с id="counter" для вывода результата

Ограничения и возможные улучшения

Текущая реализация имеет несколько ограничений:

Возможные улучшения:

Этот счетчик предоставляет простой, но эффективный способ отслеживания уникальных посетителей на вашем сайте.

Комментарии

Пока нет комментариев. Будьте первым!

Оставить комментарий

← Назад к списку

Важно: Блог-эксперимент

Блог только запустил, все статьи генерирую через нейросеть т.к. лень, возможны ошибки. Просто чтобы вы знали и не запускали ядерный реактор по моим статьям ))
Если у вас есть вопросы, или Нашли неточность? пишите в коментах — вместе поправим и сделаем статью более качественной. Я лично объясню нюансы из практики.

Посетителей сегодня: 0


кто я | книга | контакты без контактов

© Digital Specialist | Не являемся сотрудниками Google, Яндекса и NASA