Меню

Как вставлять код счетчика joomla 3



Joomla3-x.ru

Оптимизация и продвижение

Установка и настройка Яндекс Метрика для Joomla сайта

Вступление

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

Работать с сервисом Яндекс Метрика, можно самостоятельно. Целесообразность работы с подобными сервисами сбора и анализа статистики сайта трудно оспорить. Администратор сайта должен следить за параметрами его посещения, поведения пользователей, популярностью ключей и т.д.

Целенаправленный сбор статистики сайта напрямую от поисковых систем, по которым осуществляется продвижение, наиболее логичный и практически правильный вариант сбора статистики. Один из таких вариантов сбора статистики установка счётчика и настройка Яндекс Метрика для Joomla сайта.

О Яндекс Метрике

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

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

Вряд ли найдется вебмастер, который будет говорить, что установка и настройка Яндекс Метрика для Joomla сайта не нужна. Поэтому без лишних рассуждений посмотрим, как настроить и установить счётчик Яндекс Метрика на Joomla сайт.

Где взять?

Сервис Яндекс Метрика поисковика Яндекс, доступен любому пользователю имеющему аккаунт на Яндекс почта. Если у вас его нет, самое время завести.

Лучше сделать отдельный аккаунт для работы только с сервисами Яндекс.Метрика и Яндекс.Вебмастер. Эти сервисы можно и нужно синхронизировать.

  • Имея аккаунт Яндекс, войдите на сайт метрики (metrika.yandex.ru);
  • Нажмите кнопку «Добавить счётчик», это вкладка добавления своего сайта;
  • Заполните поля добавления. В поле «Дополнительные адреса» можно вписать ваш сайт с WWW. Лучше выделить чек «Принимать данные только», чтобы отсечь ненужную информацию.

  • Включение вебвизора, отложите на потом. Это инструмент пытается оценивать юзабилити сайта и имеет смысл при большом количестве посетителей. Первая настройка Яндекс Метрика для Joomla сайта, может без него обойтись.
  • Внизу страницы примите условия и получите код.

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

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

Кроме включения информера для Joomla сайтов другие дополнительные настройки заполнять не нужно. Настройка для коммерции отдельная тема.

В коде будет полезно, найти и скопировать id счётчика. Этот ID будет виден под счётчиком в списке ваших сайтов на Яндекс.Метрика.

Нужен id счётчика для работы с плагинами синхронизации с сервисами статистики. Для работы с Яндекс.Метрика таких плагинов практически нет, поэтому для плагинов ID счётчика вам вряд ли понадобиться.

Как настроить?

Настройки счётчика Яндекс Метрика для Joomla сайта я уже показал в дополнительных настройках и включении вебвизора.

Как установить?

Эра развития Фреймворков в сайтостроении упрощает жизнь администратора сайта, снижая требования к его знаниям программирования до минимума.

Касается это и установки кодов счётчика на сайт Joomla. Несмотря на это, я покажу два варианта, как установить счётчик Яндекс Метрика на сайт Joomla. Первый вариант прямая вставка счётчика в код шаблона. Второй вариант использование настройки шаблона на Фреймворке.

Читайте также:  Что делают при поверке счетчика

Вариант 1, счётчик в код шаблона

Для этого варианта установки счётчика Яндекс.Метрика на Joomla сайт нам потребуется файл index.php рабочего шаблона. Доступ к нему есть из административной панели сайта в редакторе шаблона. Можно редактировать файл по старинке, забрав его по FTP из каталога и открыв для редакции в блокноте Notepad++.

  • Войдем в панель администрирования сайта;
  • Откроем вкладку Расширения>>>Шаблоны из главного меню;
  • Выберем рабочий шаблон и откроем его в столбце Шаблон (это редактор файлов шаблона);

Источник

Как вставить код счетчиков посещений на сайт под управлением 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).

Читайте также:  Сброс счетчика тонера samsung 1641

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

Подробнее почитать про визуальный редактор, используемый для повышения удобства при написании статей, вы можете здесь — Настройка визуального редактора по умолчанию для сайта на 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/ ).

Источник