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

2 Март, 2010

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Решил написать отдельную статью о том, как поставить счетчики посещений на сайт. Речь пойдет о LiveInternet (читайте о возможностях Лайвинтернета), ТОП Майл.ру, рейтинге HotLog и Рамблер Топ100 , OpenStat и некоторых других.

Мы будем пытаться их интегрировать в шаблон Joomla, а в следующей статье уже в WordPress и форум на SMF.

Установка счетчиков LI, Рамблер Топ 100 и других в Joomla


Перечисленные выше счетчики обладают одной общей особенностью — они имеют видимую посетителям вашего ресурса область с информацией о посещаемости вашего ресурса. В то время как Google Analytics и Яндекс.Метрика такой видимой посетителям области не имеют, поэтому их код достаточно будет установить, допустим, перед закрывающим тегом BODY в шаблоне вашего сайта.

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

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

А вот Ливинтернет, Майл.ру, Рамблер Топ 100, ХотЛог или ОпенСтат (имеющих информер) нужно устанавливать в то место шаблона вашего сайта, где эти самые информеры будут выглядеть уместно и сочетаться с общим дизайном. Либо можно получить двухчастевой код счетчика (читайте об этом во второй части статьи по приведенной чуть выше ссылке), что даст вам определенную гибкость в его размещении.

Когда то у меня блок с информерами был вставлен в футер (нижнюю область всех станиц вашего ресурса):

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

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

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

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

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

Но обо всем по порядку. Давайте будем разбираться с каждым движком сайта (где скачать и как установить тот или иной движок вы можете прочитать: Joomla, WordPress, SMF) по отдельности и начнем, пожалуй, с «великой и ужасной» Джумлы.

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

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

На открывшейся странице вам нужно будет нажать на кнопку «Создать», расположенную в верхнем правом углу окна:

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

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

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

Отключаем визуальный редактор в Joomla для вставки кода счетчиков

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

Если вы попытаетесь вставить код отличный от Html при включенном визуальном редакторе, то после сохранения внесенных изменений (кнопки «Сохранить» или «Применить») часть его просто исчезнет. Дело в том, что редактор обрезает все, что не является тегами и атрибутами языка гипертекстовой разметки. Если вы не хотите каждый раз отключать редактор, то можете зайти в настройки редактора TinyMCE и отключить там исправление Html кода.

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

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

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

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

Позиционирование информеров в области отведенной модулю


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

<div class="poziciy">фрагмент</div>

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

При этом, статистику этот счетчик будет продолжать исправно собирать, но посетители вашего ресурса его информер видеть не будут. Делаете, например, так:

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

А в вашем файле CSS прописываете для этого ID свойство:

#nevidimka {display:none;}

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

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

<div class="live"><img  src="http://ktonanovenkogo.ru/image/logo.gif" /></div>

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

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

Строка float: right; (здесь про Float и clear в CSS читайте подробнее) задает прижатие этого контейнера к правому соседнему элементу дизайна, а строка margin-right: 30px; (а тут про отступы и рамки с помощью Padding, margin и border) задает отступ в 30 пикселей от правого края. Все довольно просто.

Вставка кода счетчиков посещений прямо в шаблон Joomla


Если вы по каким-либо причинам не хотите использовать модуль «Произвольный HTML-код» или у вас это сделать не получается, то можно добавить информер со статистикой в модуль на вашем сайте напрямую, получив доступ к серверу хостинга по 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 вашего шаблона оформления (обычно находится в папке /templates/папка_вашего_шаблона/css/).

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

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

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

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

<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

Еще:

Рубрики :Создание сайтов ¦ Статистика сайта

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

Димок

Спасибо!

И вопрос — чем вы вставили код объявления ЯДиректа в пост, каким плагином ?

Ланайан

Как я понял про WordPress пойдет в следующей статье, на нем тоже можно поставить невидимые счетчики посещений для LiveInternet и Mail.ru?

Olga

Я сначала вставляла посещений просто в файл index а теперь да:) вставляю через модуль

У меня редактор JoomlaFCK — там достаточно нажать кнопочку для перехода в режим HTML и вставить код 😉

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

Лена

Хочу выразить огромную признательность авторам этого раздела.Более «разжованной» статьи по вставке кода счетчиков посещений на Joomla не найти. Я вообще отношусь к категории пользователей: в компьютерах,как свинья в апельсинах.И только с помощью Вас я почувствовала, что я не безнадежна и может же что-нибудь получиться.

Дмитрий

Лена: спасибо за выражение благодарности, но автор у этого блога один, т.е. я. Хотя, это, наверное, не так уж важно, сколько авторов.

Александр

Подскажите как в джумле сделать чтоб счетчики посещений стояли в ряд как у Вас на блоге, а не в столбик, как у меня в Joomla?

JahBudda

Присоединяюсь к вопросу выше! Помогите плиз срочно, как в джумле (Joomla) поставить информеры по горизонтали, а не по вертикале!

Makc

Дмитрий:

ничего не выходит все равно. счетчики посещений в модуле произвольного HTML кода в Joomla встают в столбик хоть так хоть эдак.

если вам не трудно — посмотрите

Makc

разобрался! Там просто не надо делать для каждого информера отдельно модуль в Joomla. Их надо загнать в один !

Дмитрий

А у меня при вставке счетчиков посещений в Joomla таким образом, как описано в статье выводится сплошной код, хотя визуальный редактор отключаю. В чем я ошибаюсь?

Дмитрий

Может ли такое быть, чтобы счетчик посещений от LiveInternet отсчитывал обратно? Я наблюдал, как в течении дня количество просмотров постоянно уменьшалось...

Stas

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

Stas

после включения обратно визуального редактора счетчик посещений в Joomla перестает работать!

Дмитрий

Спасибо! Отличный блог!

Кризис мира

Вот мы получаем три жирных ссылки от счётчиков посещений, но какой от этого смысл? на 95% уверен, что на тиц они не влияют. не все сайты учитываются при подсчёте тиц.

жека

1)а таким способом можно вставлять код от sape ?

2) можно ли как то спрятать сылки с sape от поисковиков ?

Михаил

Спасибо за статью, но возникла проблема. на локальном сервере все получилось, на удаленном нет. в менеджере модулей, когда жму «создать» нет строки Произвольный html, подскажите что делать. спасибо

Михаил

почему в менеджере модулей при нажатии кнопки создать, отсутствует строка "Произвольный html "

Дмитрий

Здравствуйте. Скажите, а почему при вставке кодов в default.php они не появились на странице? Спасибо.

ssh12

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

Алексей

Спасибо, было полезно.

Андрей

Спасибо, добавил сайт себе в закладки,дай думаю поставлю счетчик посещений) зашел на Ваш блог и нашел нужную информацию, очень рад,спасибо!!!)

Лавров Владимир

Столкнулся с проблемой отключения визуального редактора, в строке выбора в админке был указан редактор, без возможности выбора и отключения. Нашел в менеджере плагинов запару — был отключен «Редактор — Без редактора». Около 10 часов убил, надеюсь поможет новичкам!

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

Андрей

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

Стилларс

Так всё здорово объяснено! — дай Вам Бог чего хочется!

Coolishe

Спасибо, очень хорошо и точно написано, потом еще раз найду и прочитаю эту информацию.

Только что поставил счетчик, все работает.

Диана

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

уже 2-й сайт делаю с Вашей помощью!)

Александр

А подскажите пожалуйста как в футер вставить несколько счётчиков подряд горизонтально идущих?

tt1488

Спасибо. Самый подробный блог из всех что я видел)

Елена

Попробовала и первый и второй способ установки, но ничего нет. Что может быть не так?

ya

Не пойму в чем дело... Вставляю счетчик вышеперечисленными способами (всеми и еще некоторыми), но он не виден на странице, хотя в html-коде ее присутствует! И на других сайтах все отлично работает. В чем может быть проблема?

Viktoria Zlata

Автор, молодчина!Выражаю оптом от всех новичков пламенную благодарность!

Шара

Огромное спасибо за вашу работу!!!!!! С вашей помощи решаются вопросы не успев возникнув и взломать мозг!

Лиана

Спасибо! Все очень подробно описано. Новичкам — то, что надо! Установила счетчик без каких-либо проблем: www.krasotka-story.ru

Евгений

Большое спасибо!

Zolton

Спасибо.

Хорошая статья.

макс

Здраствуйте!!!! Помагите пожалуйста вставить шаблон на сайт.Всё пробую и бесполезно не получаеться.Отпишитесь кто сможет

metallexportprom

Заходи в менеджер шаблонов и вставляй код.

Павел

Добрый день! Проделал Вашу процедуру вставки в Joomla, 1.5 счетчика Liveinternet — ни в одной из позиций он не отображается. Подскажите пожалуйста, в чем может быть причина

Геннадий

Добрый день!

Я пытался установить счетчик web analytic, но вместо изображения кнопки на сайте появляется html код

Где может быть ошибка?

Спасибо

Денис Андреевич

 Огромное спасибо за эту вашу статью. Очень помогло!

Александр

Да все верно. Кода счетчиков нужно вставлять один под другим, хоть в шаблон, хоть в модуль.

Ktif

Установлена последняя версия Joomla 1.7.3

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

Подскажите, что я делаю не так?

Рубероид

Спасибо! Сэкономили нервы и время! 😀

Ольга

Поменяла тему и информеры майла и LiveInternet ушли под самую шапку. Хочу переместить их в футер, но не могу найти код. Как правильнее это сделать? Блог на вордпресс, proremontidom.ru. Спасибо большое.

Юрий

Добрый вечер. У меня joomla 2.5 так вот замучился с модулем вставки html. Пытаюсь вставить рекламу в этот модуль, отображается либо просто текст кода на странице, либо вообще пустота, пробовал на других сайтах поставить, всё работает. Пробовал отключать визуальный редактор, без него вообще ничего не вставляется. Подскажите, в чём может быть проблема?

Сергей

Здравствуйте! Буду вам очень признателен, если напишите статью, о том как в конце поста вставить подписку на RSS. Типа как у Петра на wpnew.ru

Юлия Маккавеева

Спасибо за сайт! Он высший! В очередной раз помогли!!!)

Олег.

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

Антон

Всем привет! подскажите кто знает. Вставляю счетчик openstat на Joomla 1.6, дело в следующем: редактор в общих настройках выключил. Использую для вставки модуль HTML. А на сайте отображается код как буд то я его просто как текст вставил???

Ольга

Спасибо! Получилось счетчики сделать невидимыми))

dee

нормально помог решить этот вопрос! благодарю)))

feppo

у меня нет Произвольного HTML-кода. Что за...?

Виталик

Подскажите пожалуйста, счетчик считает полностью сайт или можно настроить отдельно на разные страницы?

Анна

Хочу сказать, что этот сайт стал моим любимым, потому что, когда возникают вопросы, касаемые моих любимых cms, то именно Ваш сайт выпадает в Яндекс одним из первых!

И зачастую, я всегда нахожу ответы на Ваших страницах! За это и СПАСИБО!!!

Christian

Большое спасибо!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Юрий

Здравствуйте! У меня сайт на WP.Недавно удалил кнопки соцсетей с главной страницы сайта и после этого перестал работать счётчик посещений. Нашел снова в интернете этот счётчик,установил его, но он не хочет работать. Сам коунтер взял с http://site.lentay.net/less1.php

Вроде всё понятно,что и как, но вот не хочет он вставать. Может я ссылку на его вывод не туда вставляю? Пробовал в heder после , в footer, заходил в редакцию главной страницы и там пробовал вставить. Не хочет. Может вы подскажете мне что-нибудь?

Спасибо. Мой сайт www.blogdum.ru

C уважением,Юрий.

Влад

Вопрос к автору. Я на свой сайт joomla, код счетчика Метрики вставил в header, в файле index.php шаблона. Я не хочу что бы сам счетчик был на сайте, поэтому вставил его туда, что бы самому только видеть статистику, через кабинет в Метрике. Статистика вроде бы собирается нормально. Тормозов у сайта не вижу. Как вы относитесь к такому способу?

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