Как установить счетчики посещений в WordPress и SMF — способ вставки для повышения точности подсчета

5 Апрель, 2010

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Сегодня мы продолжим разговор, начатый в предыдущей статье, посвященной рассмотрению способов установки счетчиков посещений на Joomla .

Там мы во всех подробностях рассмотрели вставку кода в Joomla, а теперь пришла очередь рассмотреть WordPress и форум SMF. Но перед этим я хотел бы остановиться на моменте, который остался без внимания в предыдущих статьях.

Как повысить точность счетчиков LI, Mail.ru и Rambler Top100


Дело в том, что при вставке кода в шаблон вашего сайта, вы прежде всего руководствуетесь вопросами дизайна и юзабилити. Вряд ли вы будете вставлять счетчики рейтинга Mail.ru и LI, ХотЛОга и Рамблер Топ100 или OpenStat, в шапку, ибо они там вызовут по меньшей мере недоумение со стороны посетителей.

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

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

Давайте вернемся немного назад, к тому моменту, когда вы выбирали внешний вид и получали код в LiveInternet и Mail.ru. Если вы их еще не выбрали, то вам нужно будет просто учесть то, что сейчас будет сказано, а если уже получили и установили, то можете внести изменения и выбрать другой их тип.

Итак, для того, чтобы получить другой код для вашего информера LI, вы должны будет зайти на страницу статистики :

http://www.liveinternet.ru/stat/ktonanovenkogo.ru/index.html

Прокрутите ее до самого низа и нажмите на ссылку «html-код»:

В результате вы попадете на страницу выбора типа счетчика, где сможете при желании выбрать другую картинку или цветовую гамму для информера, а так же выбрать вариант «в виде двух картинок», поставив галочку в соответствующем месте:

После этого нажимаете на кнопку «получить html-код», расположенную внизу. В итоге попадете в окно, где сможете скопировать уже не один, а два фрагмента скрипта.

Фрагмент невидимого счетчика посещений вам нужно будет вставить как можно выше в шаблон вашего ресурса, но, естественно, после открывающего тега <body>.

Для сайта на Joomla вам нужно будет открыть на редактирование файл index.php из папки с используемым вами шаблоном — /templates/название_папки_с_шаблоном/.

Находите в начале этого файла открывающий Html тег < body> и вставляете сразу за ним скрипт невидимого счетчика LiveInternet. Например, так:

Для блога на WordPress вам нужно будет открыть на редактирование файл header.php из папки с используемой вами в данный момент темой оформления — /wp-content/themes/название_папки_с_используемой_темой_оформления/.

Находите в его начале открывающий тег < body> и вставляете сразу за ним фрагмент невидимого счетчика LI. Например, так:

Для форума на SMF вам нужно будет открыть на редактирование index.template.php из папки с используемой вами в данный момент темой оформления — Themes/default/.

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

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

Тоже самое можно проделать и на сервисе Mail.ru (тут читайте про поиск этой системы, а тут про почту Майл.ру). Если этот счетчик у вас уже установлен, но вы хотите получать по нему максимально правдивую статистику, то вам нужно будет щелкнуть по его информеру, а на открывшейся странице найти строчку со своим сайтом и щелкнуть по иконке перед его названием:

В статистики посещаемости Mail.ru нужно будет нажать на ссылку «Код» в правом верхнем углу:

И выбрать тип и способ его размещения, поставив галочку в поле «в виде двух картинок»:

После того, как вы нажмете на кнопку «Получить код», попадете на страницу где сможете скопировать как скрипт невидимого счетчика, так и скрипт информера. Все дальнейшие действия по их вставке будут аналогичны описанному выше для LiveInternet.

Ну, а Rambler Top100 вообще по умолчанию предлагается именно в таком двойном варианте кода:

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

Вставка кода счетчиков посещаемости в WordPress


Теперь давайте рассмотрим возможные варианты вставки кода LiveInternet, Mail.ru, HotLog, SpyLog или Rambler Top100 на блоге под управлением WordPress. Мы уже рассмотрели чуть выше, как можно вставить на блог фрагмент невидимого счетчика (сразу после открывающего тега <body>). Теперь давайте рассмотрим, как можно вставить в Вордпресс информер (вторую видимую часть).

Первый способ будет попроще для не очень опытных блоггеров. Итак, для начала нужно будет зайти в админку (для моего блога это http://ktonanovenkogo.ru/wp-admin/) и выбрать из левого меню пункт «Виджеты», расположенные в области «Дизайн». На открывшейся странице в области под названием «Доступные виджеты» нужно будет найти один из них с названием «Текст»:

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

Теперь, перейдя на свой блог, в области сайдбара вы увидите вставленный информер. Для того, чтобы их потом можно было бы позиционировать в поле виджета, можете заключить их предварительно в контейнер DIV с прописанным классом CLASS. Например:

<div class="poziciy"> скрипты </div>

а в файле CSS вашей темы оформления WordPress ( /wp-content/themes/название_папки_с_используемой_темой_оформления/style.css) нужно будет прописать для этого класса (в нашем примере — poziciy) соответствующие СSS свойства, с помощью которых вы сможете, например, задать отступ блока информеров от границ виджета и т.п.

Но можно обойтись и без виджетов. Правда, для этого вам придется открыть на редактирование один из файлов используемой вами темы оформления WordPress (тут описано устройство и назначения всех шаблонов). Какой именно файл нужно будет редактировать, зависит от той позиции, в которую вы хотите вставить информеры.

Можно вставить в тот же самый сайдбар, но уже без использования виджетов. А также код счетчиков посещений можно разместить в хедере (шапке) или футере (подвале) вашего блога. Как вам больше нравится — при этом способе нет никаких особых ограничений, кроме вашей фантазии.

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

Итак, вам нужно подключиться к вашему блогу по FTP и открыть на редактирование нужный файл из папки с темой оформления (/wp-content/themes/название_папки_с__темой_оформления/):

  1. footer.php — шаблон отвечающий за формирование футера (нижней части) вашего блога
  2. sidebar.php — отвечающий за формирование сайдбара (правой или левой колонки). Кроме основного файла в папке с вашей темой оформления могут так же находиться файлы дополнительных сайдбаров под названиями, например, sidebar1.php и sidebar2.php
  3. header.php — шаблон отвечающий за формирование шапки (верхней части)

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

Я на своем блоге использую footer.php, при этом LiveInternet у меня состоит из двух частей — информер в footer.php как и остальные, а невидимый вставлен в index.php, сразу после открывающего тега <body>. После того, как я его разделил показания возросли немного.

Установка счетчиков посещений на форум SMF


Давайте еще рассмотрим, в какие файлы SMF можно будет вставить скрипт. Для начала вам нужно будет получить доступ к своему форуму по FTP, а затем открыть на редактирование Index.template.php из папки с используемой вами в данный момент темой оформления — Themes/default/.

Данный форум построен на базе табличной верстки, поэтому для вставки какого либо элемента в шаблон обычно бывает достаточно добавить новую ячейку в таблицу. Если вы не знакомы с принципами формирования таблиц в HTML — тут все подробно описано.

Главное — это найти нужное место и разобраться, куда именно нужно добавить новую ячейку. Плюс вам, возможно, придется прописать в создаваемой ячейке еще и CSS класс, который используется для других аналогичных ячеек этой таблицы в верстке SMF.

Для того, чтобы увидеть структуру таблицы, в которую вы хотите добавить новую ячейку, можете временно добавить в ее открывающий тег TABLE атрибут BORDER=1. В результате она и ее ячейки будут обведены рамкой и вы сможете сориентироваться, куда именно вам нужно будет вставить новую ячейку ( тег TD) или же строку (тег TR). В общем, советую экспериментировать — обязательно что-нибудь, да получится.

Но так же не стоит забывать, что это PHP и в нем нужно искать места с операторами ECHO, которые и выводят код HTML. Поначалу это немного отпугивает и озадачивает, но присмотревшись вы поймете, что ничего сложного тут нет. Например, верхний счетчик LiveInternet мог бы быть вставлен в index.template.php следующим образом:

Я специально взял кусок побольше, чтобы можно было сориентироваться, в какое именно место была добавлена ячейка таблицы (открывающий и закрывающий теги TD) со скриптом счетчика посещаемости LI.

Скрипты SpyLog и Rambler Top100 были вставлены мною в нижнюю часть шаблона форума SMF опять же с помощью файла index.template.php:

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

Предлагаю Вам поучаствовать в опросе «Какие счетчики посещаемости вы используете на своем сайте»:

Код для вставки голосования на сайт:

<p><iframe src='http://ktonanovenkogo.ru/vote/voting.php?v=7&id=2' style='border: medium none; width: 715px; height: 280px;' frameborder='0' scrolling='no'></iframe></p>

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Еще:

Рубрики :Статистика сайта

Комментарии и отзывы

Андрей

Очень все кстати и классно написано! Спасибо! Больше таких статей бы и было бы полегче, многое почерпнул!!!

Jimmy

А каким образом сделать, чтобы именно так выглядели счетчики, как у вас, т.е. в ряд, ровненько? А то получается, что один над одним располагается, и не красиво, так выглядит.

Заранее пасиб.

Игорь

Очень хорошая статья, и хорошо понятливо оформлена, для себя усвоил много полезного. Спасибо!!!

Владимир Сальников

Спасибо, Дмитрий, за столь подробную инструкцию.

KavbojDjavdet

Статья, действительно, хорошая. Без проблем позволяет разобраться. Большое спасибо, Дмитрий.

Дмитрий

KavbojDjavdet: Владимир Сальников: Игорь: пожалуйста.

ivapono: Jimmy: заключите счетчики посещений в DIV контейнер с прописанным классом и с помощью CSS свойств сможете делать с ними все, что угодно. Каюсь, что пока еще не писал про работу с CSS, но в ближайшее время собираюсь устранить этот пробел.

Алик

Спасибо за помощь

Антон

Спасибо, очень полезно было почитать про wp. С виджетом гораздо удобнее счетчик устанавливать.

oil

Доброго дня. Спасибо за материалы, очень интересно и полезно. Сделал для WP все как указанно, все работает – НО в Mozille сайт стал желтого цвета (цвета счетчика), т.е. основная часть фона страницы (под текстом), в Opera и IE все нормально. Подскажите пожалуйста в чем причина. Заранее благодарен за ответ.

Елена

Добрый вечер!

Спасибо за статью!

У меня возникла проблема — добавляемые счетчики перестали отображаться (cms wordpress). Вы сталкивались с подобным? если да, очень прошу помочь разобраться.

Заранее спасибо!

Витаха

Сто лет пользовался liveinternet и знал, что можно из двух частей счетчик вставить, спасибочки!!!

Григорий Гроздов

SMF 2.0.1

Открываю через админку файл темы на редактирование. Вставляю. Пытаюсь сохранить. Вылезает ошибка:

Файл, который Вы пытаетесь отредактировать, вызвал следующую ошибку:
Parse error: syntax error, unexpected T_STRING, expecting ',' or ';' in index.template.php on line 160

Сергей

Супер! Вот это разжевал!

Галочка

подскажите пожалуйста , я установила счетчик на своем сайте http://bisnesmama.ru/ и я не могу разобраться где посещаемость посетителей а где моя.Сверху посетители???? А снизу показывают мою посещаемость??? Спасибо за помощь!!!

Евгений

Добрый день подскажите пожалуйста по поводу вставки счетчика в файл header, у меня после [] идет не просто [body <body] а вот так [<body >] и пришлось вставить после него и перед [] я правильно сделал? а следующий код вставлять следом за этим? спасибо

Алина

Огромное спасибо за статью! И помощь, которую В мне ей оказали!!! Установила невидимый счетчик на свой сайт, все получилось!

Удачи и успехов Вам в Ваших трудах!!!

Иван

Здравствуйте! Подскажите пожалуйста, какой счётчик можно поставить на WP, что бы видеть статистику посещения каждой страницы и как это сделать? Спасибо!

NeMo

Можно вставить в шаблон WP — Внешний вид — Theme Options — Footer

Без проблем работает

Марина

Подскажите, пожалуйста!!!! У меня такая проблема. Пока я нахожусь на своем сайте, Лайвинтернет отражает рост статистики посещений, но стоит мне уйти с сайта или выйти из интернета, как он останавливается. Зайду — снова набегают посещения. Уже замучилась(((. Помогите!

Олеся

Подскажите новичку: у меня в header.php тег body выглядит таким образим:

 <body <?php body_class(); ?>>
. Код необходимо занести после него, или же сразу после body

dilvaz

Всё как по маслу!!! Спасибо.

Евгений

Спасибо за статью!

Мне пригодились инструкции.

Юрий

Здравствуйте, Дмитрий!

Что делать, если счётчик посещения страниц на сайте перестал считать?Его можно переустановить с сохранением данных?

Спасибо.

Подписаться не комментируя