Все о создании сайтов, блогов, форумов, интернет-магазинов, их продвижении в поисковых системах и заработке на сайте

Здравствуйте уважаемые читатели блога KtoNaNovenkogo.ru. Решил написать отдельную статью о способах вставки кода счетчиков посещений (посещаемости), таких как LiveInternet, Mail.ru, HotLog, SpyLog или Rambler's Top100 в шаблон Joomla, блога на WordPress или форума на SMF. Перечисленные выше счетчики посещений (посещаемости) обладают одной общей особенностью - они имеют видимую посетителям вашего ресурса область с информацией о посещений (посещаемости) вашего ресурса. Счетчики посещений (посещаемости) Google Analytics и Яндекс.Метрика такой видимой посетителям области не имеют, поэтому код таких счетчиков достаточно будет установить, допустим, перед закрывающим тегом BODY в шаблоне вашего сайта.

Код же счетчиков, имеющих видимую посетителям вашего ресурса область (LiveInternet, Mail.ru, HotLog, SpyLog или Rambler's Top100) нужно устанавливать в то место шаблона вашего сайта, где изображение этих счетчиков будет выглядеть уместно и сочетаться с общим дизайном вашего ресурса.

На данном ресурсе код счетчиков посещений (посещаемости) вставлен в футер (нижнюю область всех станиц вашего ресурса):

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

• Регистрация и получение кода счетчика посещений (посещаемости) LiveInternet
• Регистрация и получение кода счетчика посещений (посещаемости) Mail.ru
• Почему так важно иметь на своем ресурсе счетчик посещений (посещаемости) Rambler's Top100
  • Привлечение посетителей с рейтинга Rambler's Top100 на свой ресурс
  • Получение прямой и открытой для индексации поисковыми системами обратной ссылки с рейтинга Rambler's Top100 на свой ресурс
• Регистрация и получение кода счетчика посещений (посещаемости) Rambler's Top100
• Регистрация в системе HotLog, получение кода счетчика посещений (посещаемости) и бесплатной обратной ссылки на ваш ресурс
• Регистрация и получения кода счетчика посещений (посещаемости) SpyLog
  • Получение бесплатной и открытой для индексации поисковыми системами обратной ссылки на свой ресурс со страниц рейтинга SpyLog
  • Регистрация, выбор раздела рейтинга SpyLog и получения кода счетчика посещений (посещаемости) SpyLog
• Закрываем внешние ссылки в счетчиках посещений (посещаемости) от индексации поисковыми системами Яндекс и Google
• Делаем счетчик посещений (посещаемости) невидимым на страницах ресурса

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

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

Вставка кода счетчиков посещений (посещаемости) (LiveInternet, Mail.ru, HotLog, SpyLog, Rambler) в шаблон сайта на Joomla из админпанели с помощью модуля «Произвольный HTML-код»

Начнем с самого очевидного способа вставки кода счетчиков посещений (посещаемости) в шаблон Joomla. Это способ не потребует открывать на редактирование файлы шаблона вашего сайта. Все операции будут выполняться из админпанели Joomla. Код счетчика посещений (посещаемости) мы будем вставлять в одно из мест для модулей, которое предусмотрено в используемом вами шаблоне Joomla.

Увидеть все позиции для модулей сайта на Joomla, предусмотренные в используемом вами шаблоне Joomla, вы cможете, просто добавив в конце URL вашего ресурса в адресной строке браузера ?tp=1 (например, http://caokun.ru/?tp=1). В разных шаблонах количество и расположение мест для модулей отличается. Итак, заходим в админку Joomla, выбираем из верхнего меню «Расширения»- «Менеджер модулей». На открывшейся странице вам нужно будет нажать на кнопку «Создать», расположенную в верхнем правом углу окна:

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

Как посмотреть позиции для модулей, предусмотренные в шаблоне вашего сайта на Joomla (второй способ)

Обязательно предварительно посмотрите, где именно располагается та или иная позиция для модулей в шаблоне Joomla. Кроме описанного выше способа позиции модулей в используемом вами шаблоне Joomla можно так же посмотреть, выбрав из верхнего меню админанели Joomla «Расширения»- «Менеджер шаблонов». Щелкните на открывшейся странице, по названию используемого вами в данный момент шаблона Joomla (напротив него в столбце "По умолчанию" будет стоять звездочка). Откроется страница настройки данного шаблона. В верхней правой области вам нужно будет нажать на кнопку "Просмотр":

В результате, откроется главная страница вашего сайта на Joomla с выделенными и подписанными позициями для модулей.

Отключаем визуальный редактор в Joomla для вставки в модуль «Произвольный HTML-код» кода счетчиков посещений (посещаемости)

В нижней части открывшегося окна «Произвольный HTML-код» вы можете вставить полученный код счетчиков посещений (посещаемости). Но при этом не забудьте отключить визуальный редактор на время вставки этого кода. Его можно отключить в общих настройках Joomla, выбрав из верхнего меню пункт «Сайт» — «Общие настройки» и перейдя на вкладку «Сайт». В области «Установки сайта» в поле «Визуальный редактор по умолчанию» выберете из выпадающего списка вариант «No Editor»:

Если вы вставите код счетчиков посещений (посещаемости) при включенном визуальном редакторе, то после сохранения внесенных изменений (кнопки "Сохранить" или "Применить") часть кода счетчиков просто исчезнет. Дело в том, что визуальный редактор обрезает всякий код, отличный от HTML.

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

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

Закрываем от индексации поисковыми системами внешние ссылки, ведущие со счетчиков посещений (посещаемости)

Код счетчиков посещений (посещаемости), который вы вставите в шаблон Joomla с помощью модуля произвольного HTML-кода, можно будет немного доработать. Ну, во-первых, как я уже неоднократно упоминал - внешние ссылки, ведущие с картинок счетчиков посещений (посещаемости) на ресурсы их создателей, можно и нужно закрыть от индексации поисковыми системами. Как это сделать подробно описано здесь - Закрываем внешние ссылки в счетчиках посещений (посещаемости) от индексации поисковыми системами Яндекс и Google.

Позиционирование изображений счетчиков посещений (посещаемости) в области, отведенной модулю Joomla, в который вставлен код этих счетчиков

Для позиционирования картинок счетчиков посещений (посещаемости) (LiveInternet, Mail.ru, HotLog, SpyLog или Rambler's Top100) в области, отведенной под модуль в шаблоне Joomla, вы можете заключить код счетчиков посещений (посещаемости) в открывающий и закрывающий теги DIV (создать контейнер). Прописать в открывающем теге DIV атрибут CLASS. Например:

<div class="poziciy"> код счетчика(ов) </div>

а в файле CSS вашего шаблона оформления (обычно находится в папке /templates/папка_вашего_шаблона/css/) прописать для этого класса (в нашем примере - poziciy) соответствующие свойства, с помощью которых вы сможете, например, задать отступ счетчика от границ модуля или даже сделать счетчик посещений (посещаемости) невидимым. При этом, статистику этот счетчик будет продолжать исправно собирать, но посетители вашего ресурса картинку этого счетчика на вашем ресурсе видеть не будут. Чтобы это реализовать - код ненужного для отображения счетчика, помещаете в контейнер DIV и прописываете в открывающем теге DIV атрибут ID (аналог атрибута CLASS, но может использоваться только один раз на странице):

<div id="nevidimka"> код счетчика(ов) </div>

А в вашем файле CSS, который находится в папке используемой в данный момент темы оформления Joomla, прописываете для этого ID свойство:

#nevidimka {display:none;}

Всё, теперь счетчик, заключенный в контейнер с id="nevidimka" исчезнет со страниц вашего ресурса.

Хочу привести пример с картинкой счетчика посещений (посещаемости) LiveInternet, в качестве иллюстрации позиционирования изображения счетчика с помощью свойств CSS. Как видите, картинка счетчика расположена справа, немного отодвинута от правого края, а слева от нее располагается этот текст. Для того, чтобы этого добиться нужно было всего лишь заключить тег IMG, с помощью которого вставляются изображения в HTML код, в открывающий и закрывающий теги DIV с прописанным классом:

<div class="live"><img  src="http://ktonanovenkogo.ru/image/logo.gif" title="Счетчик посещений (посещаемости) LiveInternet" alt="Счетчик посещений (посещаемости) LiveInternet" /></div>

а в CSS файл шаблона оформления вставить свойство для этого класса:

.live  {
float: right;
margin-right: 30px;
}

Строка float: right; задает прижатие этого контейнера к правому соседнему элементу дизайна, а строка margin-right: 30px; задает отступ в 30 пикселей от правого края. Все довольно просто.

Вставка кода счетчиков посещений (посещаемости) (LiveInternet, Mail.ru, HotLog, SpyLog, Rambler) в шаблон сайта на Joomla, непосредственно редактируя файлы этого шаблона

Если вы по каким-либо причинам не хотите вставлять код счетчиков посещений (посещаемости) в шаблон Joomla с помощью модуля «Произвольный HTML-код» через админпанель Joomla или вставить код таким образом у вас почему-то не получается, то можно вставить код счетчиков посещений (посещаемости) в модуль на вашем сайте напрямую, получив доступ к серверу хостера по FTP. Например, для того, чтобы вставить код счетчиков посещений (посещаемости) в футер вашего сайта (самая нижняя область на всех страницах сайта), то вам нужно будет открыть на редактирование файл /modules/mod_footer/tmpl/default.php и вставить в него код ваших счетчиков посещений (посещаемости) после строк:

<?php // no direct access
defined('_JEXEC') or die('Restricted access'); ?>
<div><?php echo $lineone; ?></div>
<div><?php echo JText::_( 'FOOTER_LINE2' ); ?></div>

Вставленный код счетчиков посещений (посещаемости) вы можете точно так же, как и было описано выше, заключить в контейнер (тегами DIV с прописанным классом) и осуществлять его дальнейшее позиционирование и выравнивание с помощью свойств CSS, которые вы можете дописать для этого контейнера в файле CSS вашего шаблона оформления (обычно находится в папке /templates/папка_вашего_шаблона/css/).

Кстати говоря, именно в файле /modules/mod_footer/tmpl/default.php можно убрать строку из футера, в которой говорится, что данный сайт сделан на Joomla (Joomla! - свободное программное обеспечение, распространяемое по лицензии GNU/GPL). Для этого нужно удалить в файле /modules/mod_footer/tmpl/default.php строку:

<div><?php echo JText::_( 'FOOTER_LINE2' ); ?></div>

На сегодня все. Про то, как вставить код счетчиков посещений (посещаемости) на блог под управлением WordPress и форум под управлением SMF я расскажу в следующей статье.

Вы так же можете ознакомиться с другими инструментами для вебмастеров:

• Панели вебмастеров Яндекса, Google, Yahoo, Bing
• Счетчики посещаемости LiveInternet, Mail.ru, Google Analytics, HotLog, SpyLog, Rambler, Я.Метрика
• Twitter и FriendFeed
• E-mail рассылки Subscribe, Content.Mail и MailList
• Все про RSS (фид, feed)
  • Организация RSS ленты в Joomla
  • Организация RSS ленты в WordPress
  • Feedburner и все, что с ним связано
• Полезные программы для вебмастеров
  • Как получить доступ к сайту по FTP с помощью программы FileZilla
  • Firebug — самый необходимый инструмент при работе над дизайном сайта
  • Плагин Web Developer для Firefox — установка и предоставляемые возможности
  • SEObar для Opera — удобный и информативный SEO плагин для Оперы
  • Sexy Buttons — конструктор (фреймворк) красивых кнопок для вашего сайта
• Улучшаем индексацию сайта поисковиками с помощью настройки файла robots.txt и мета-тега Robots

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

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

LiveInternet и Mail.ru Rambler's Top100 и HotLog SpyLog
Google Analytics и Яндекс.Метрика Установка счетчиков на Joomla
Установка счетчиков на WordPress и SMF