> Главная > Продукты и услуги > Купить > Компания
English / Русский

Изменение внешнего вида счетчика

Требования: CNStats >=2.7, CNStats <=3.4. GD 1.0 и выше

При установке CNStats в разделе "Конфигурация - Код счетчика" Вам предлагается для размещения на сайте два типа кода:

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

По умолчанию, счетчик CNStats выглядит следующим образом:

счетчик CNStats

На нем отображаются три цифры. Самая верхняя - хитов всего, средняя - хитов сегодня, нижняя - хостов сегодня. В этой заметке мы рассмотрим способы изменения внешнего вида счетчика и способы отображения на нем другой, не менее полезной информации.

В конце заметки Вы можете посмотреть все виды рассматриваемых счетчиков и скачать их для использования.


Исходные данные

CNStats может предоставить следующую информацию для отображения на счетчике:

Так как CNStats может учитывает посещения роботов, то можно вывести информацию и по ним:

Кроме того, можно сделать разнообразные счетчики графически отображающие динамику изменения посещаемости сайта.


Отображение счетчиков в CNStats

По умолчанию, скрипт, отображающий картинку счетчика находится в корневом каталоге CNStats и называется cnts.php (от англ. Counter-Show). Я рекомендую называть файлы ваших счетчиков подобным образом, например cnts-big.php, cnts-ttf.php и т.п.

Начнем написание кода с некоторой, стандартной "рыбы", которую должен содержать код любого счетчика CNStats:

<?
error_reporting(E_ALL & ~E_NOTICE);

// Подключаемся к конфигурационному файлу.
include "config.php";

// Создаем изображения, из заранее заданного шаблона.
$im=ImageCreateFromPng("button.png");

// Соединяемся с MySql сервером.
$CONN=@mysql_connect($STATS_CONF["sqlhost"],
                     $STATS_CONF["sqluser"],
                     $STATS_CONF["sqlpassword"]);
if (mysql_errno()==0) {

    // Выбираем базу данных
    @mysql_select_db($STATS_CONF["dbname"]);

    if (mysql_errno()==0) {
        // .. тут выполняются все необходимые действия
        // по созданию изображения ...    
        }
    }

// Отправляем HTTP заголовок Content-Type
Header("Content-type: image/png");

// Генерируем изображения
ImagePng($im);

// Очищаем память
ImageDestroy($im);
?>

Далее этот код будет вставляться без комментариев.


Счетчик №1 - стандартный


счетчик CNStats

Самая интересная часть этого кода - это SQL запрос, которые выбирает отображаемые данные из таблицы:

SELECT t_hits,hits,hosts FROM cns_counter

Рассмотрим, что еще мы можем "вытащить" из таблиц CNStats, так, чтобы это практически не нагружало сервер.

SELECT hits, hosts, users,
       t_hits, t_hosts, t_users,
       u_hits, u_hosts,
       u_t_hits, u_t_hosts
FROM cns_counter;

Здесь:

Помните! Роботы учитываются только при использовании "PHP-Include" и "комбинированного" счетчиков.

Ниже приведен запрос, который получает количество посетителей в данные момент находящихся на сайте (условно).

SELECT count(DISTINCT hid) as online
   FROM cns_log
   WHERE date>NOW() - INTERVAL 3 MINUTE;

Счетчик №2 - хитов всего, хитов сегодня, пользователей сегодня и сейчас на сайте


счетчик CNStats счетчик CNStats

Как вы видите из изображения счетчика, здесь мы использовали другое базовое изображение, для того что бы уместить цифру "сейчас на сайте". (красным цветом)

Счетчик №3 - использование True-Type шрифтов при генерации счетчиков


счетчик CNStats

К сожалению, из-за того, что поддержка TrueType шрифтов установлена далеко не на всех серверах, такой счетчик не включается в дистрибутив. Жаль, очень красивый счетчик

На этом счетчике, для разнообразия, мы вывели хитов сегодня, хостов сегодня и пользователей сегодня.

Счетчик №4 - хитов всего, хитов сегодня, пользователей сегодня, процент роботов


счетчик CNStats

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

Счетчик №5 - все вместе


счетчик CNStats счетчик CNStats

Этот большой счетчик является суммой всех предыдущих.

Скачать

ПримерСсылкаСистемные требования
счетчик CNStats Скачать GD, поддержка PNG
счетчик CNStats Скачать GD, поддержка PNG
счетчик CNStats Скачать GD 2.0+, поддержка PNG, поддержка TrueType
счетчик CNStats Скачать GD 2.0+, поддержка PNG, поддержка TrueType
счетчик CNStats Скачать GD 2.0+, поддержка PNG, поддержка TrueType

Если Вы в чем-то не разобрались, или хотите поделится интересным советом - пишите. Мы будем рады ответить на любые ваши вопросы.