Привет, дамы и господа! Сколько пользователей онлайн на моем сайте или блоге? Вам интересно знать? Тогда будем устанавливать виджет — статистика посетителей онлайн на сайт и вы увидите в прямом эфире сколько пользователей в настоящее (онлайн) время просматривает ваш веб-сайт? Счетчик — онлайн посетителей можно установить и не ради интереса, а например, если информер показывает ноль, то в это время на блоге можно произвести какие то работы, чтобы не мешать вашим читателям. Вот, как то так.
Для установки информера на блог нужно воспользоваться специальными сервисами, представляющие такие услуги бесплатно и, что самое главное без регистрации. Я покажу вам пару способов, как добавить статистику на свой веб-ресурс, а вы выбирайте какой способ для вас лучше подойдёт.
Счётчик посетителей онлайн для сайта
Воспользоваться данным сервисом очень просто, заходите на сайт (http://www.usuarios-online.com/en/) и в поле вводите свой адрес блога или сайта. Смотрите скриншот. Затем, нажимаете зелёную кнопку «Создайте свой счётчик» и можете приступать к оформлению стиля своего счётчика:
Первая строка, это стиль по умолчанию, если подходит такой дизайн, нажимаете на неё и появится галочка, что вы выбрали стиль по умолчанию. Вторая строка, это настройка собственного стиля. Здесь, настраивается три цвета иконки: фон; надпись и обрамление кнопки. Третья, это вообще без стиля, просто цифра. Справа есть предварительный просмотр информеров. После того, как счётчик будет готов, копируете готовый скрипт, переходите Дизайн — Добавить гаджет HTML/JavaScript и в его поле вставляете код. Всё, готово. Теперь вы можете наблюдать сколько ваших читателей находятся на вашем блоге онлайн:
И ещё, при клики на иконку счётчика вы попадёте на свою страницу панели управления, где сможете просмотреть статистику своего блога по дням, на каких страницах было больше всего посетителей и так далее. Вот вроде и всё, с этим сервисом разобрались, идём дальше.
Статистика посетителей онлайн, количества сообщений и комментарий, счетчик возраста блога
Я уже затрагивал эту тему — виджет информер для блога, но там без статистики посетителей онлайн и без иконок к ним. А вот здесь, тоже интересный информер, с иконками, очень красивый, посмотрите может понравится. А теперь, к сегодняшней теме.
Код для виджета — сколько посетителей онлайн находятся на сайте мы возьмём на сервисе FastOnlineUsers:
Заходить на сам сайт за скриптом не надо, код общий для всех. Так как, данный сервис код представляет с рекламной строчкой (оно нам надо), то скрипт мы немного изменим, отсекём от него лишнее и добавим к нему картинку — иконку человечка. Нам только останется подставить свой URL своего блога и с помощью всё того же волшебного гаджета HTML/JavaScript установить на свой сайт. И так, вот как будет выглядит статистика на блоге:
Красиво, не правда ли? Вот скрипт статистики для вставки в свой блог:
<img src="https://img-fotki.yandex.ru/get/15500/88176153.0/0_cbbc3_70f8f870_orig" alt="" width="15" height="15" /> На сайте онлайн: <b><script src=http://fastonlineusers.com/online.php?d=http://zhurnal-ru.blogspot.ru/></script src=http:></b><br/>
Здесь, замените мой адрес блога на свой, а также, текст можете поменять, увеличить размер картинки или уменьшить. И ещё, можете поменять иконку на свою, загрузить её на Яндекс. Фотки и вставить/заменить ссылку на изображение в код. Дамы и господа, на этом можно было бы и остановится, но есть возможность оформить данный виджет более информативно, то есть, добавить статистику — информер для вашего блога: сколько в вашем блоге всего статей; сколько написано комментариев и сколько времени существует ваш блог. Вот таким способом:
Или вот, на светлом фоне:
Так информер смотрится очень привлекательно, пусть посетители видят сколько у вас записей и комментариев и сколько живёт блог на Blogger (конечно, если есть чем похвастаться). У меня как видно на скриншоте, есть чего показать, кроме записей. Я его же забросил, поэтому и статей маловато. Ладно, продолжим. Если вам нужен такой полноценный информер, тогда к коду онлайн посетителей добавляем дополнительные:
<script style="text/javascript">
function totalPosts(json) {
document.write('<img src="https://img-fotki.yandex.ru/get/15509/88176153.0/0_cbbc4_b92e5a60_orig" alt="" width="15" height="15" /> Всего записей: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function totalComments(json) {
document.write('<img src="https://img-fotki.yandex.ru/get/4/88176153.0/0_cbbc2_8c4fa7c1_orig" alt="" width="15" height="15" /> Всего комментариев: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<script src=" /feeds/posts/default?alt=json-in-script&callback=totalPosts"></script>
<script src=" /feeds/comments/default?alt=json-in-script&callback=totalComments"></script>
<script language=javascript>
d0 = new Date('march 08, 2011');
d1 = new Date();
dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24);
document.write('<img src="https://img-fotki.yandex.ru/get/15517/88176153.0/0_cbbc1_7510217c_orig" alt="" width="15" height="15" /> Блог существует: <b><span style="color: #ff0000">' + Math.round(dt) + '</span></b>-й день.');
</script> И в итоге у нас получается информация:
1. Сейчас на сайте онлайн;
2. Сколько постов в блоге;
3. Оставлено комментариев на сайте;
4. Сколько времени живёт ваш веб-ресурс.
Здесь, в коде вам нужно (по желанию) изменить текст на свой, вместо времени создания моего блога march 08, 2011 указываем дату «основания» собственного блога, только обязательно на английском языке. А строчка color: #ff0000″ это цвет количества жизни блога. Вот, вроде и всё.
И напоследок, для полного счастья, к этой информации можно добавить скрипт счётчика Яндекс. Метрики и у вас получится полный набор статистики блога. Вот например, как у меня:
Метрику разделяем от остальной информации красивой чертой <hr /> и можно отметить это событие парой стаканов .. чая или ещё чем то. А я на этом с вами, не надолго, прощаюсь. Пока, пока и до встречи на страницах моего супер блога.
Как всегда, отличная информация