Меню

Разместить код счетчика джумла

Как установить код счётчика на сайт joomla

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

Это гораздо упрощает задачу, по сравнению с вариантом размещения кода непосредственно в файлы сайта. Особенно для начинающих веб-мастеров, не обладающих достаточными знаниями в области HTML, CSS, JavaScript и так далее.

Предлагаю рассмотреть вариант установки кода и публикации картинки счётчика на сайт с помощью модуля.

Для этих целей я использую модули » inLine html» или «Joomla 1.6 HTML Module». Существую и другие версии модулей и плагины для этого.

Возможно в вашей CMS версии Joomla модуль уже установлен, если нет то скачайте и установите из интернета.

Как установить счётчик на сайт

Для начала нужно получить сам код счётчика, как это сделать смотрите в статье Как установить счётчик.

Теперь откройте административную панель сайта и зайдите в раздел «менеджер модулей».

Нажмите кнопку «Создать», на экране отобразиться список модулей.

Выберите нужный тип модуля, откроется.

  1. Скопируйте полученный код счётчика и вставьте в окно « Code » справа.
  2. Выберите позицию где разместить счётчик на странице
  3. Укажите на каких страницах установить счётчик
  4. Заполните графу название
  5. Сохраните установки.

Обновите «кеш» чтобы сразу увидеть результат и перейдите на страницу сайта.

Чаще всего картинку счётчика размещают в позиции footer .

Чтобы определить варианты позиций на сайте читайте в Как просмотреть позиции модулей Joomla

Источник

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

Мы будем пытаться их интегрировать в шаблон 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. Например:

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

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

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

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

Читайте также:  Электросчетчики энергомера се 300

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

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

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

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

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

Например, для того, чтобы вставить код счетчиков в футер (самая нижняя область на всех страницах), то вам нужно будет открыть на редактирование файл /modules/mod_footer/tmpl/default.php . Самое лучшее место для добавления информера будет после строк:

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

Источник



Как установить на Joomla счетчик посещений

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

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

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

В настоящее время появилось множество сервисов предоставляющих инструменты статистики. Ставить все из доступных счетчиков нет необходимости, более того это будет ошибкой с вашей стороны. Ваша задача выбрать 2-3 счетчика — самых надежных, точных и дающий большое количество информации. Я предлагаю воспользоваться сервисами статистики Liveinternet и Google Analytics. Данных счетчиков вам будет более чем достаточно для получении информации о посетителях вашего сайта.

В начале немного о том как получить необходимый код для установки счетчиков.

Для того чтобы получить код счетчика Liveinternet пройдите по ссылке «Получить счетчик» и заполните все поля формы. Ничего сложного в этом нет если, что-то не понятно, то подсказку вы можете получить, нажав на значок вопросика напротив каждого поля формы. После заполнения нажимайте на кнопку далее и приступаете к выбору счетчика. Отметьте необходимый вид счетчика и нажмите на кнопку «получить HTML код счетчика» находящуюся в низу старницы. В результате загрузится страница, в окне которой будет отображаться код. Данный код необходимо скопировать, именно его мы и будем вставлять на страницы сайта. В дальнейшем для доступа к статистике используйте страницу http://www.liveinternet.ru/stat/, где для входа в статистику вам необходимо будет ввести адрес сайта и пароль который вы указывали при регистрации.

Чтобы получить код счетчика Google Analytics вы можете воспользоваться любым зарегистрированным аккаунтом в Google если вы ранее уже пользовались почтой или какими либо другими сервисами от Google. Если не пользовались то создайте аккаунт. Для получения кода пройдите по этой ссылке: https://www.google.com/analytics/settings/home и войдите или зарегистрируйте новый аккаунт. После того как вы войдете в Analytics нажмите на кнопку «Регистрация» и введя данные в предложенную форму нажмите кнопку «Продолжить», затем заполняете еще одну форму и нажимаете «Продолжить».

После этого поставьте галочку на против пункта «Да, я принимаю указанные общие положения и условия» и нажмите на кнопку «Создать новый аккаунт». В результате загрузится страница с окошком, содержащим необходимый код. Для доступа к статистике используйте ссылку https://www.google.com/analytics/settings/home, но помните что в данный сервис статистики работает с задержкой в 24 часа, поэтому информацию вы получите только через сутки.

Теперь приступим непосредственно к процессу установки счетчиков посещений на Joomla.

Установка счетчика Liveinternet на Joomla.

Данный счетчик имеет информер который в зависимости от выбранного вами вида может отображать ту или иную информацию о посещаемости, поэтому его установить несколько труднее чем Google Analytics. Как правило, данный счетчик устанавливается в нижнюю часть сайта или так называемый «footer» или «подвал». Трудность заключается в том, что особенности его установки могут отличаться в зависимости от используемого шаблона, а точнее его кода, структуры, положения модулей в шаблоне и т. д. Поэтому я приведу несколько способов установки данного счетчика, а уж какой вам пригодится, смотрите сами.

Читайте также:  Счетчик электрической энергии с контролем мощности

Перед тем как использовать код счетчика его можно немного модернизировать. Во первых вы можете заключить данный код в теги

А в файл CSS вашего шаблона добавить необходимые стили для этого класса. CSS файл можно отредактировать, пройдя в админке Joomla в пункт «Расширения» >> «Менеджер шаблонов» , затем выбрать шаблон использующийся на сайте и кликнуть по иконке «Редактировать CSS» . Из предложенного списка файлов выберите template.css и нажмите на иконку «Изменить». Для того чтобы задать счетчику внешний отступ в данный код можно добавить следующие стили:

Для того чтобы скрыть счетчик, чтобы он не отображался на сайте, можно еще к этому коду добавить display:none; например так:

В результате сам счетчик отображаться не будет, но статистика будет считаться. Лучше разобраться в CSS вам помогут уроки CSS с нашего сайта.

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

Чтобы закрыть обратную ссылку на сервис статистики, от индесации поисковыми системами, вы можете использовать предложенную мной инструкцию в статье «Как закрыть ссылки от индексации». Таким образом ссылка в коде будет иметь следующий вид:

Приступим непосредственно к размещению кода счетчика статистики на старницы сайта.

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

Если вы используете Joomla 2.5 или 3.0 перейдите в административной панели в пункт «Расширения» >> «Менеджер шаблонов» и зайдите в тот шаблон который вы используете для сайта.

На загрузившейся странице шаблона в блоке «Основные файлы шаблона» кликните по ссылке «Изменить шаблон главной страницы».

Если вы используете Joomla 1.5 перейдите в административной панели Joomla в пункт «Расширения» >> «Менеджер шаблонов» и кликните по тому шаблону, который вы используете для сайта.

Затем кликните по иконке «Редактировать HTML» .

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

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

Установка кода статистики Google Analytics на Joomla.

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

Для этого в HTML коде главного файла темы, который мы открыли для редактирования найдите тег , затем скопируйте и вставьте код счетчика непосредственно перед этим тегом и кликните по иконке «Сохранить».

После этого счетчик будет установлен и через сутки вы получите первую статистику.

Установка кода счетчика при помощи модуля PHP Module.

Если при помощи данного способа установить счетчик не удалось, то удалите вставленный код, нажмите на иконку «Сохранить» и попробуйте установить счетчик вторым способом.

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

  • Название: PHP Module
  • Ссылка: Скачать с сервера WebMasterMix.ru
  • Размер: 2,35 Мб
  • Фрмат: ZIP
  • Совместимось:

Для начала установите модуль. Для этого пройдите в административной панели Joomla в пункт «Расширения» >> «Установить/Удалить», через кнопку «Обзор» выберите скачанный архив и установите модуль. Затем пройдите в «Расширения» >> «Менеджер модулей» и из списка выберите модуль PHP Module .

Зайдите в его настройки и сделайте следующие установки:

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

В окно модуля справа скопируйте и вставьте код счетчика.

После этого сохраните модуль и проверьте наличие счетчика на сайте.

Источник