BloggaRolla
Онлайн-генератор веб-цветов
Онлайн-подбор оптимальных веб-цветов для сайта
Онлайн-редактор HTML
Цветовой онлайн-калькулятор
Онлайн-калькулятор
Онлайн-рисовалка PencilMadness
  • Web
  • Images
  • News
  • Videos
  понедельник, июля 11, 2011  

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

Единственный, несущественный изъян данного произведения - возможность некорректного отображения статистики при одновременном открытии нескольких вкладок с адресом блога, на котором установлен виджет.

Счетчик просмотров существует в двух шедевральных экземплярах - с небольшой картинкой и без. Дальше опубликованы скрипты обоих вариантов.

Виджет статистики просмотра страниц с картинкой:

Просмотров

Код счетчика:
<b:if cond='data:blog.pageType == &quot;item&quot;'><div align='center' style='border:solid 1px #000000; padding:2px; margin:2px; width:100px; display:compact'><img height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFu0Et_mSpYy8fgriXITKxKfvsr0Qj1QxhTf50ArB8YCQkehaAstVLDsDki1ego2Cb17t4ZRB50Y8cudo-9YdimgzUS79hXltYajp8peiQ4XMd1wAfBkvU6mbsZUkX7JaS690Z5JqbcZ63/s1600/stats.gif' width='16'/><b><font size='2'><script src='http://linuxesrf.gb7.ru/counter.php' type='text/javascript'/> Просмотров</font></b></div></b:if>
Виджет статистики просмотра страниц без картинки:

Просмотров

Код счетчика:
<b:if cond='data:blog.pageType == &quot;item&quot;'><div align='center' style='border:solid 1px #000000; padding:2px; margin:2px; width:100px; display:compact'><b><font size='2'><script src='http://linuxesrf.gb7.ru/counter.php' type='text/javascript'/> Просмотров</font></b></div></b:if>
Счетчик можно расположить непосредственно в публикуемом сообщении, во вкладке "Изменить HTML", либо единожды в шаблоне блоге. В последнем случае понадобится несанкционированное проникновение в HTML-тело шаблона.
Для этого в административной панели вашего блога перейдите Дизайн > Изменить HTML. Сохраните резервную копию шаблона, если не уверенны в своем будущем, и посредством комбинации клавиш CTRL+F найдите следующий участок кода:
<data:post.body/>

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

Остается только сохранить шаблон блога и придирчиво наблюдать за статистикой каждого сообщения.

При некоторых знаниях CSS и HTML вы сможете украсить виджет просмотров сообщений и более гармонично вписать его в дизайн блога. Для пущей важности разъясню некоторые участки устанавливаемых скриптов:
  • отрезок <b:if cond='data:blog.pageType == "item"'></b:if> отвечает за размещение виджета только на страницах сообщений;
  • <img height='16' src='http://3.bp.blogspot.com/-c6w1Aw5vNRQ/и_так_ далее/stats.gif' width='16'/> - в первом варианте счетчика с картинкой отрезок определяет ссылку на изображение и ее размер, при желании можно заменить адрес картинки на свой и назначить свои размеры изображения;
  • отрезок border:solid 1px #000000 обводит виджет рамкой, - по необходимости можно удалить рамку, - заданы толщина и цвет рамки;
  • width:100px; - регулируйте размеры счетчика, вписывая свои числовые значения;
  • тестовое определение "просмотров" при потугах фантазии можно заменить на собственное.
На этом я завершаю свой "эпический" рассказ о статистике, счетчиках и их просмотрах. Надеюсь, что неприхотливая на первый взгляд, но в некоторых случаях достаточно интересная, вещица найдет себе место в вашем блогохозяйстве.



Понравилась статья? Поделись ею с друзьями!

Не забудь подписаться на обновления блога:


Вы можете оставить свой отзыв через блок комментариев Вконтакте. При отсутствии профиля в этой социальной сети, воспользуйтесь удобной формой Disqus ниже.