Buderus-trade.ru

Теплотехника Будерус
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

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

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

Здравствуйте, уважаемые читатели блога 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. Например:

Читайте так же:
Законно ли заставлять устанавливать счетчик

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

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

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

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

Хочу привести пример с информером 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/ ).

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

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

Joomla куда устанавливать счетчик

Печать Куда можно установить счетчик Рамблер/топ-100?

Если вы используете Google Tag Manager, установка возможна через него. Для этого потребуется создать пользовательский тег HTML и скопировать туда код счетчика из вашего Личного кабинета на Рамблер/топ-100.

Счетчик может работать как «сторонний HTML» со следующими популярными CMS:

  • WordPress.com (хостинговая версия) — только на платных тарифах
  • WordPress.org (скачивание дистрибутива) — установка разрешена
  • Битрикс
  • Joomla!
  • Drupal
  • CS-Cart
  • MODX
  • OpenCart
Смотрите также:
  • О проекте «Рамблер/топ-100»
  • Полезные материалы
    • Кратко об отчетах
    • Аналитика блоков
    • Разделы сайта
    • Сплиты
    • Параметры визитов
    • Частые вопросы
      • Как изменить URL сайта?
      • Как включить опцию «Участие в рейтинге»
      • Как поменять метаданные участвующего в Рейтинге Ресурса
      • Глоссарий
      • Настройки счетчика
        • Как установить и проверить счетчик
        • Куда можно установить счетчик Рамблер/топ-100?
        • Как установить счетчик через Google Tag Manager
        • Как настроить счетчик для Single Page Application?
        • Как передавать пользовательские переменные (user ID)
        • Дополнительная настройка доменов
        • Пользовательское поведение
        • Как настроить счетчик для Google AMP
        • Регистрация и участие в рейтинге
          • «Мои сайты»
          • Создание счетчика
          • Как включить опцию «Участвовать в рейтинге»?
          • Правила изменения и заполнения метаданных
          • Рекомендации по выбору темы
          • Рекомендации по выбору типа
          • Рекомендации по выбору региона
          • Редакционная политика Рамблер/Топ-100
          • Политика в отношении сайтов, использующих партнерские программы
          • Статистика и отчеты
            • Скачивание отчета
            • Функции таблиц и графиков
            • Фильтры
            • Монитор
            • Аудитория
            • Технологии
            • Источники
            • Содержание
            • Пользовательское поведение
            • Рейтинг
            • Сплит-тестирование
            • Terms of Use and Confidentiality
              • Terms of Use and Confidentiality
              • Regulation on Rambler/Top 100 Services
              • Standards of Use
              • User Information Protection Regulation (“Confidentiality”)
              • User Agreement
              • Newsletter Rules
              • Правила пользования и конфиденциальность
                • Регламент предоставления услуг Рамблер/Топ-100
                • Нормы использования
                • Регламент защиты информации о пользователях («Конфиденциальность»)
                • Регламент по рассмотрению жалоб и блокированию незаконного контента
                • Условия использования
                • Правила рассылок
                • User Information Protection Regulation (“Confidentiality”)

                Если вы не смогли найти ответ, напишите в нашу службу поддержки и мы поможем вам в самое ближайшее время

                Как установить яндекс метрику на Joomla

                Как установить яндекс метрику на Joomla

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

                Счетчик посещений – это определенный скрипт, который предназначен для оценки посещаемости сайтов. То есть он считает количество посетителей пришедших на определенный сайт. Как правило, счетчик состоит из двух частей:

                Код сбора данных, который добавляется в общие блоки для всех страниц определенного сайта.

                Логическая часть, подсчитывающая полученную информацию.

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

                Хотите узнать, что необходимо для создания сайта?

                Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!

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

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

                Хотел бы обратить Ваше внимание, что для работы с счетчиком, необходима учетная запись поисковой системы Яндекс. Далее, необходимо создать счетчик, для этого кликаем по кнопке “Добавить счетчик”.

                На следующей странице, указываем название будущего счетчика, домен сайта, на котором он будет использоваться, часовой пояс и время бездействия пользователя, после которого считается, что он покинул сайт. После этого, для сохранения счетчика, кликаем по кнопке “Создать счетчик”.

                Хотите узнать, что необходимо для создания сайта?

                Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!

                Для получения кода вставки Метрики, переходим на вкладку “Код счетчика”.

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

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

                Теперь переходим непосредственно к вопросу — как добавить яндекс метрику на сайт joomla. Итак, переходим в каталог активного шаблона, в моем случае это beez3, и открываем в текстовом редакторе файл index.php.

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

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

                Более подробно о структуре шаблонов Joomla Вы можете узнать из курса Joomla-Мастер. Как Вы видите, все успешно работает, а значит вопрос – как поставить счетчик яндекс на сайт Joomla, для Вас исчерпан. Всего Вам доброго и удачного кодирования.

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

                Заходим на сайт http://www.liveinternet.ru/ и кликаем на ссылке «Получить счетчик».

                scr01

                После этого заполняем данные, появившейся вэб-формы

                scr02

                Если всё правильно заполнено, появится страница с кнопкой «Получить html-код счетчика». Нажимаем её и на открывшейся странице выбираем изображение, понравившегося счетчика. Кликнув по картинке счетчика, можно выбрать другой цвет. После того, как определились с размерами и цветом счетчика надо выбрать его тип. Мы выберем «В виде двух картинок».

                scr03

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

                Оставив страницу открытой, откроем ещё одну страницу (вкладку) и перейдём в адимнистративную часть нашего сайта. Сначала зайдём в свойства пользователя, которым вошли на сайт и установим редактором по умолчанию «Простой редактор HTML». Затем перейдём в меню «Расширения», а затем в «Менеджер модулей».

                scr04

                В окне модулей нажимаем кнопку «Создать» и в открывшемся окне выбираем «Произвольный HTML-код».

                scr05

                На следующем шаге вводим имя нового модуля в поле «Заголовок», например «Liveinternet (невидимый)». А в нижнюю часть формы в поле «Пользовательский текст» вставляем скопированный код для невидимой части счетчика с открытой страницы Liveinternet.

                scr06

                Сохраняем модуль. И повторяем предыдущую процедуру для видимого кода счетчика, только назовём его «Livinternet». Теперь список модулей у нас пополнился двумя записями: Liveinternet (невидимый) и Livinternet.

                scr07

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

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

                Подготовка к установке счетчика

                Первый, вполне логичный, шаг на пути к установке счетчика — его получение. Отправляемся по адресу: http://www.liveinternet.ru/add , регистрируемся и получаем HTML код счетчика.

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

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

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

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

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

                Чтобы узнать позиции модулей, которые прописаны в шаблоне вашего сайта, достаточно к его URL прибавить следующее:

                ?tp=1

                Приведу реальный пример. Чтобы просмотреть позиции модулей на Ячайнике, необходимо ввести:

                Это работает, как в Joomla 1.5, так и в Joomla 1.6, однако в последней версии по умолчанию эта функция отключена.

                Чтобы включить возможность просмотра позиций модулей в Joomla 1.6, необходимо зайти в административную панель сайта, посетить менеджер шаблонов и нажать кнопку «Настройки» в правом верхнем углу экрана

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

                Все вышеописанные действия я проводил над сайтом sitogon.com, которые построен на Joomla 1.6. Соответственно, чтобы просмотреть позиции модулей на этом ресурсе, в адресную строку браузера ввожу URL:

                Как видим, операция по просмотру позиций модулей прошла успешно. Осталось перейти к следующему, возможно, самому важному этапу — вставке кода на сайт.

                Как вставить код счетчика на сайт

                Joomla 1.5

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

                Рекомендую перед началом работы установить визуальный редактор Joomla FCK

                Итак, заходим «Расширения» — «Менеджер модулей»

                Далее в правом верхнем углу нажимаем кнопку «Создать»

                В списке возможных вариантов выбираем: Произвольный HTML код и в верхней части экрана нажимаем кнопку «Следующий»

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

                Далее опустим взгляд вниз и в визуальном редакторе переходим в режим редактирования HTML кода. Поскольку у нас установлен Joomla FCK, то мы нажимаем кнопку «Source», которая в русских локализациях нередко переводится, как «Источник»
                После чего достаточно вставить код счетчика в текстовое поле редактора и сохранить модуль

                Если вы все сделали правильно, то на вашем сайте должен появиться самый настоящий счетчик.

                Как установить счетчик в Joomla 1.6

                Как я писал в начале этой статьи, проблема при установке счетчика на Joomla 1.6 кроется в том, что она наглым образом «режет» код на JavaScript, который вставляет пользователь в редактор.

                Поэтому в случае с Joomla 1.6 мы должны воспользоваться сторонним расширением. А именно: установить модуль Mod HTML

                Ниже я прилагаю две ссылки для скачивания с нашего сайта. Первая позволяет скачать версию под Joomla 1.5, вторая под Joomla 1.6

                Устанавливается модуль стандартно, через менеджер расширений. После инсталляции заходим в менеджер модулей и открываем его на редактирование.

                В правой части обнаруживаем большое текстовое поле. Именно сюда мы вставляем код нашего счетчика.

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

                Вот, собственно, и все. Мы узнали: как установить счетчик на сайте. Будут вопросы — пишите на форум. С удовольствием отвечу.

                голоса
                Рейтинг статьи
Ссылка на основную публикацию
Adblock
detector