Joomla вставить счетчик шаблон
Как в джумле вставить код счетчика yandex. Плагины Яндекс.Метрики для WordPress, Joomla и модули Opencart. Что делать, если не работает счетчик
От автора: приветствую Вас уважаемые читатели. Для каждого владельца сайта – посещаемость его проекта, наиболее приоритетный вопрос, а значит после индексации, желательно разместить на всех страницах специальный счетчик, который будет фиксировать точное число посещений Вашего сайта пользователями. Поэтому в данном уроке мы с Вами рассмотрим, как установить метрику на Joomla.
Счетчик посещений – это определенный скрипт, который предназначен для оценки посещаемости сайтов. То есть он считает количество посетителей пришедших на определенный сайт. Как правило, счетчик состоит из двух частей:
Код сбора данных, который добавляется в общие блоки для всех страниц определенного сайта.
Логическая часть, подсчитывающая полученную информацию.
По сути логика и код счетчика могут быть достаточно простыми и Вы вполне сможете его создать самостоятельно, при условии, что Вы знакомы с языком программирования PHP. Но в данное время создано огромное количество различных сервисов, которые предоставляют в пользование готовые счетчики посещаемости сайтов. При этом достаточно зарегистрировать собственную учетную запись и получить код вставки счетчика на сайт. Как раз об одном из таких сервисов мы поговорим в данной статье, а именно о том, как установить яндекс метрику на сайт Joomla.
Яндекс.Метрика – это полностью бесплатный сервис, предназначенный для оценки посещаемости сайтов, для добавления которого, достаточно добавить специальный JavaScript код в определенное место сайта. Помимо простого подсчета количества пользователей, данный сервис позволяет группировать пользователей сайта по различным параметрам, измеряет конверсию сайта и интернет-рекламы, а так же предлагает механизм конструирования отчетов, для более удобного анализа посещаемости.
Итак, как было сказано выше, яндекс метрика на Joomla может быть добавлена простым добавление кода, который будет сгенерирован при создании счетчика. А значит, переходим по ссылке на главную страницу сервиса.
Хотел бы обратить Ваше внимание, что для работы с счетчиком, необходима учетная запись поисковой системы Яндекс. Далее, необходимо создать счетчик, для этого кликаем по кнопке “Добавить счетчик”.
На следующей странице, указываем название будущего счетчика, домен сайта, на котором он будет использоваться, часовой пояс и время бездействия пользователя, после которого считается, что он покинул сайт. После этого, для сохранения счетчика, кликаем по кнопке “Создать счетчик”.
Современные тенденции и подходы в веб-разработке
Узнайте алгоритм быстрого роста с нуля в сайтостроении
Для получения кода вставки Метрики, переходим на вкладку “Код счетчика”.
При этом активируем галочкой параметр “Асинхронный ввод”, таким образом, данные о посетителях, будут отправляться на сервер без перезагрузки страницы, то есть асинхронно. А так же, если необходимо отображать на сайте результаты подсчетов в виде специального информера – активируем параметр “Информер”. Затем в текстовой области внизу, сервис приводит код, который задействует счетчик на Вашем сайте. Внешний вид информера, можно изменить используя кнопку “Настроить”.
Закончив с настройками, копируем код счетчика для последующей вставки в код шаблона сайта. Обратите внимание – код Метрики, как правило, должен быть доступен абсолютно на всех страницах сайта, а значит его нужно добавить в общий блок для всех страниц. Таким блоком может служить футер.
Теперь переходим непосредственно к вопросу — как добавить яндекс метрику на сайт joomla. Итак, переходим в каталог активного шаблона, в моем случае это beez3, и открываем в текстовом редакторе файл index.php.
Данный файл – это главный файл шаблона, в котором определяется его структура и позиции подключаемых модулей. А значит в самом низу, кода файла формируются блоки футера – куда мы и добавим скопированный код только что созданного счетчика.
Целесообразность работы с сервисами сбора и анализа статистики сайта трудно оспорить. Администратор сайта должен следить за параметрами его посещения, поведения пользователей, популярностью ключей и т.д.
Целенаправленный сбор статистики сайта напрямую от поисковых систем, по которым осуществляется продвижение, наиболее логичный и практически правильный вариант сбора статистики. Один из таких вариантов сбора статистики установка счётчика и настройка Яндекс Метрика для Joomla сайта.
Главная папка для шаблона
Joomla, как и многие другие CMS, условно разделяется на две части: front—end (пользовательская) и back—end (административная). Последняя из них является инструментом исключительно для администратора сайта, а вот front-end как раз и является тем, что видит обычный посетитель на экране. С ней и будет работать.
Папка /templates/ отвечает как раз таки за пользовательскую часть шаблонов Джумлы. Вложенные в нее директории – это отдельно взятые шаблоны, кроме директории /system/, в которую лучше не лезть вообще.
Первоначальная подготовка
Первым делом создаем папку в любом удобном месте у себя на компьютере. Например, на рабочем столе. Дайте ей красивое название, ведь это будет имя вашего будущего шаблона. Только вводите название на английском, русские символы не допускаются.
Заходим в эту директорию и создаем два пустых файла: index.php и templateDetails.xml. Сразу после них создаем еще одну папку (внутри нашей главной папки) под именем images – тут будут лежать все изображения.
Также советуем создать тут же файл index.html (пустой). Делается это для предотвращения парсинга, которым пользуются негодяи-злоумышленники.
Поговорим о CSS. При создании шаблона есть 2 варианта его использования. Первый – использования одного файла для всего сайта. Второй – отдельная папка для CSS, в котором будет несколько файлов. Такой подход чаще всего используют опытные программисты и это в какой-то мере лучше, однако не настолько, чтобы отказываться от простого варианта. Поэтому мы пойдем по пути простоты и удобства – создаем файл style.css в главной директории нашего шаблона.
Последний шаг на данном этапе – папочка под названием html. Она отвечает за альтернативные варианты макета, например, для определенных разделов сайта. Устанавливая себе, например, модуль интернет-магазина, его внешний вид для посетителей определяется именно тут. Папка пока будет полностью пустой.
Вы благополучно прошли первый этап, теперь нужно продвигаться дальше.
Внешний вид шаблонов. Как редактировать шаблон Joomla
В данной статье мы рассмотрим, как редактировать внешний вид шаблона Joomla.
Любой человек, создающий сайт, хочет сделать свой сайт уникальным, ну или хотя бы не похожим на другие.
Сейчас почти все шаблоны для Joomla общедоступны, скачать и установить их на сайте может каждый.
Давайте на примере разберем видоизменение стандартного шаблона Beez5.
Изменение заднего фона шаблона (background)
Я использую браузер Chrome, нажимаем F12 или щелкаем правой клавишей мыши на нужном месте и нажимаем «Просмотр кода элемента».
Как видно на рисунке, за задний фон шаблона отвечает тег body со стилем background.
В стилях указан цвет фона #EEE и фоновая картинка (путь к ней). Именно эти параметры дают нам фон сайта.
Для их изменения нужно просто заменить эти параметры (указать новый цвет и путь к новой картинке).
Все изменения производятся в файле, который указан в панели разработчика, здесь это beez5.css, после двоеточия указана строка в которой нужно изменять параметр, у нас это 19 строка.
Путь к файлу можно посмотреть, если навести на название курсором.
Изменение логотипа сайта
Изменять логотип очень легко и для этого есть несколько способов.
Способ 1:
Так же, как и в первом способе, наводим курсор на логотип, щелкаем правой клавишей мыши и нажимаем Просмотр кода элемента. Все, что нам надо узнать, это адрес (путь) к логотипу. Теперь делаем свой логотип, даем ему такое же имя (fruits.gif) и просто заменяем на него старый логотип.
Способ 2:
Этот способ самый легкий, но встречается не во всех шаблонах. Идем в: Менеджер шаблонов — Beez5 (стиль) — Указываем логотип.
Способ 3:
Делаем все так же, только заменяем не файл, а путь к логотипу. Как видно на картинке, картинка вставлена через html, а не через css. Поэтому нужно изменять исходный код шаблона. Делается это легко:
Менеджер шаблонов — Beez5 — Изменить шаблон главной страницы.
Ищем строчку с <h1 > и изменяем путь к логотипу на нужный. В данном шаблоне путь прописан на php, так как есть вариант №2. Поэтому лучше воспользоваться вариантом №1 или №2.
Изменить ширину шаблона и блоков
Находим главный блок — div. Как видно на картинке, это <div > именно он отвечает за ширину сайта. Смотрим параметры css — стилей, находим widthи указываем нужную ширину. После этого заходим в файл position.css, в 33 строке пишем параметр и сохраняем файл.
Таким же образом редактируются отдельные блоки. Находим блок, смотрим и изменяем стиль.
Изменение цвета текста и ссылок
Все это делается так же. Щелкаем правой клавишей мыши на тексте и нажимаем Просмотр кода элемента. Нам покажет блок и стиль блока отвечающий за параметры текста. Цвет текста и ссылок задается параметром — color.
Все файлы могут редактироваться через редакторы типа notepad++ или через стандартный «редактор» Joomla.
Установка шаблона Joomla
Как и любое другое расширение, шаблоны Joomla устанавливаются через Менеджер расширений. Для наглядности рассмотрим установку одной бесплатной темы — Onne Style.
Переходим в раздел «Менеджер расширений» — «Установка».
В первом пункте нажимаем «Обзор» и находим на своем компьютере заранее скаченный архив с темой, в данном случае с Onne Style. Остается только нажать «Загрузить и установить».
Joomla оповестит о успешной установке темы. Так же часто появляется предупреждение примерно следующего содержания: «!Not for commercial. for commercial use, you must pay a special license». Не волнуйтесь, это значит, что тему нельзя использовать в коммерческих целях, то есть перепродавать кому-то.
Теперь, чтобы установленный шаблон заработал, его следует активировать. Для это переходим в Менеджер шаблонов. В представленном списке доступных тем ищем только что установленную. Отмечаем ее и нажимаем на кнопку «Использовать по умолчанию» в тулбаре.
Теперь напротив данной темы, в столбце «по умолчанию» должна появится звездочка. Заметьте, в столбце «Область темы» отмечается назначение шаблона — панель управления (админка) или сайта.
Шаблон Joomla может предоставлять пользователю некоторые настройки. У платных тем их очень много, у бесплатный чаще всего совсем мало, но обратить на них внимание стоит. Для этого отмечаем активную тему галочкой и нажимаем на кнопку «Изменить» в тулбаре.
Справа располагается блок опций «Дополнительные параметры», в котором и собраны все настройки темы.
Создание и вывод модулей меню на сайте
Теперь нужно открыть “Расширения -> Менеджер модулей” и клацнуть “Создать”. В открывшемся окне выберите “ Меню Этот модуль отображает меню на страницах сайта.” Укажите заголовок модуля и в настройках укажите “Верхнее меню”. Параметр “Показывать заголовок” установите “Срыть”. И главное выберите позицию “Modul1” и сохраните.
Для левого меню сделайте все тоже самое, только позицию выберите “Modul2”
Теперь если кликать по меню будет открываться соответствующая страница сайта указанная в настройках и материал выбранный для этого пункта.
Если у вас появляются данные:
То имейте ввиду их можно либо красиво оформить через css или отключить через настройки материалов. Для этого откройте “Менеджер материалов” и нажмите кнопку “Настройки” в правом верхнем углу, ну а дальше думаю разберетесь, там ничего сложного просто отключайте что вам не нужно и все.
2. Вставка рекламы при помощи компонента и модуля Баннеры
В функционале СМS Joomla в разделе Компоненты есть компонент Баннеры . Данный компонент, в отличие от первого варианта, предоставляет больше возможностей для работы с баннерами:
- Отслеживание и статистика по кликам и показам;
- Редактирование, внесение изменений (размеры, изображение, альтернативный текст, URL перехода);
- Изменение параметров публикации — начала и завершения показов;
- Возможность создать клиента в случае размещения платной рекламы (чтобы не забыть, кто какой баннер оплатил);
- Распределение баннеров по категориям;
- Вывод в одной позиции поочередно нескольких баннеров.
Процесс создания баннера
- В первую очередь нужно создать клиента, баннеры которого будут размещены на нашем сайте. Это не обязательная процедура и имеет смысл только в случае платного размещения сторонних баннеров во избежание возникновения путаницы при наличии нескольких клиентов.
Открываем в админке: Компоненты → Баннеры → Клиенты .
В панели инструментов нажимаем кнопку Создать .
Поля, отмеченные звездочкой, а это — название, имя и адрес электронной почты, обязательны к заполнению.
После заполнения нажимаем кнопку Сохранить и закрыть .
Клиент создан. - Далее необходимо создать категорию баннера.
Переходим в раздел Категории и так же нажимаем кнопку Создать .
Заполняем заголовок категории и её описание в редакторе (не обязательно), выбираем при необходимости родительскую категорию, состояние и метки. Сохраняем результат. - Переходим в раздел Баннеры и жмем кнопку Создать .
Заполняем поле Название , алиас не трогаем, он заполнится автоматом.
На вкладке Подробно выбираем категорию, созданную накануне, состояние ставим в Опубликовано .
При размещении нескольких баннеров, чтобы именно очередной создаваемый баннер был постоянно вверху, включаем кнопку Прикреплен .
Выбираем Тип из двух возможных вариантов.
Если выберем тип Изображение , рекламная картинка должна быть загружена в папку images/banners/.
Если же Другой — можно использовать сторонний код. - При значении типа Изображение :
Выбираем и загружаем изображение из папки images/banners, выставляем нужные размеры баннера, альтернативный текст и URL перехода. Можно добавить описание.
Для типа Другой :
Вводим идентификационный код, который предоставит рекламодатель и URL перехода и по желанию заполняем описание. - Переходим поочередно на вкладки Параметры баннера и Параметры публикации и заполняем необходимые поля согласно подсказкам.
- Когда все будет заполнено, жмем кнопку Сохранить и закрыть .
- Баннер создан. Но на сайте Вы пока его не увидите. Дальнейшие наши действия будут направлены на то, чтобы вывести рекламный элемент на страницы сайта. Для этого будем использовать модуль Баннеры .
Вывод баннера на сайт
Выводить баннер будем при помощи одноименного модуля Баннеры .
Для использования этого модуля откроем: Расширения → Менеджер модулей и в панели инструментов нажмем кнопку Создать .
В открывшемся списке модулей находим Баннеры .
На вкладке Модуль заполняем поля, используя подсказки, выбираем позицию в шаблоне, где будет выводиться баннер, состояние ставим в Опубликовано .
На вкладке Привязка к пунктам меню в выпадающем списке выбираем на каких страницах будут организованы показы.
Остальные вкладки можно не трогать. Нажимаем Сохранить и закрыть .
Открываем сайт и проверяем как отображается баннер.
P.S. Возможно, у Вас сложилось впечатление, что процесс создания и размещения баннеров в CMS Joomla искусственно усложнён. Но эти небольшие сложности в установке с лихвой окупаются наличием многих функций контроля и мониторинга размещенных баннеров.
В конце концов у Вас есть право выбора. Из двух вариантов можно отдать предпочтение тому, который больше всего подходит Вам. На этом всё.
Спасибо за внимание. Пока. Л.М.
Что такое Джумла
Joomla – это CMS система, которая позволяет управлять контентом сайта без знания языков программирования. Название «Joomla» произошло от слова «Jumla», распространенного в языке суахили (он появился в африканских регионах). Это слово переводится как «все вместе».
Грубо говоря:
Joomla — это система, которая позволяет конструировать свои сайты, без знания языков программирования. Благодаря ей вы можете создавать любые виды сайтов, начиная от личных блогов и заканчивая многофункциональными форумами/порталами.
Разработчики угадали с выбором названия, потому что система стала очень популярной, и сегодня она используется во всем мире. С помощью большого сообщества, Joomla постоянно обновляется и получает новые функции и изменения в интерфейсе, которые делают систему еще более привлекательной для потенциальных пользователей.
Около 15 лет назад разработчики представили первую версию своего проекта. Сегодня CMS Joomla по своей популярности уступает только WordPress, что не удивительно.
Читайте на эту же тему:
Что лучше Джумла или Вордпресс?
(Откроется в новой вкладке)
История создания Джумла
Основой для создания «Джумла» стал другой проект, под названием «Mambo». Еще в 2005 году в этой команде разработчиков разошлись мнения относительно будущего проекта, и часть команды решила уделить время созданию собственного проекта.
Уже в сентябре мир увидел Joomla 1.0, которая практически копировала систему Mambo 4.5.23, но имела некоторые положительные изменения. Затем, только через два года была представлена версия Joomla 1.5, которая получила долгосрочную поддержку. Для нее было создано очень много шаблонов и расширений, чтобы каждый пользователь смог использовать ее для реализации уникальной идеи.
Но на этом разработчики не остановились и выпустили еще ряд больших и полезных обновлений. Сегодня для запуска и наладки Joomla не нужно быть программистом. В системе уже есть инструменты, которые позволят запустить проект в работу, а дополнительные модули можно скачать бесплатно в интернете.
Особенности CMS Joomla
Сначала пробежимся по основным полезностям, которые встроены в CMS. По умолчанию, в Джумлу встроены следующие полезные функции:
- Для устранения сбоев в систему встроен режим отладки;
- Формируются отчеты о возникающих ошибках;
- Встроенная почта, через которую получается вести приватные диалоги с пользователями, которые посещают сайт;
- Для ускорения загрузки страниц есть встроенная система кэширования.
Естественно сейчас возможностей Джумлы намного больше, чем раньше и все это благодаря крупному сообществу, которое создает шаблоны, плагины и иные скрипты для Джумлы.
Плюс, пользователи постарались над тем, чтобы перевести интерфейс CMS на русский язык, и поэтому сейчас работать с системой гораздо проще. У администратора есть большие возможности:
- Можно создавать неограниченное количество страниц;
- В зависимости от требований поисковых систем можно менять и оптимизировать страницы;
- Есть возможность публиковать отложенные записи (по таймеру);
- Заранее приготовленный шаблон можно подвергнуть глубоким изменениям, и внешний вид сайта может измениться до неузнаваемости;
- Для расширения функциональности можно добавить дополнительные модули;
- Для добавления новых материалов на сайт используется визуальный редактор;
- Управление публикациями на сайте осуществляется через менеджер контента. Также он позволяет отслеживать реакцию пользователей на опубликованные статьи;
- Для поиска инструментов можно использовать внутренний поиск и применять фильтры;
- Встроенные инструменты позволят добавить формы обратной связи, баннеры и разместить на странице карточки сопутствующих товаров.
Какие модули рекомендуется добавлять сразу после установки Джумлы:
Чтобы работать с Джумлой было еще легче, рекомендуется сразу добавить несколько плагинов на сайт. Ряд пользователей даже утверждает, что они необходимы для нормальной работы. Этот список может быть разным, но в конечном итоге плагины должны помогать в решении следующих задач:
- Защищать сайт от взлома, спама и DDOS-атак, обеспечивать безопасное соединения с сервером;
- Добавлять возможность делать SEO-оптимизации;
- Повышать удобство пользования сайтом;
- Подключать инструменты анализа и формирование статистики работы сайта.
Модули, которые необходимы для работы с сайтом, можно найти в открытых каталогах Joomla. Для установки используется Менеджер плагинов. При этом стоит внимательно подойти к установке каждого плагина – они имеют свои настройки. Поэтому рекомендуется не останавливаться на настройках по умолчанию, а подстраивать плагин под работу сайта.
Для того чтобы обеспечить стабильную работу сайта, необходимо найти хороший хостинг. Из своего опыта, могу порекомендовать тот хостинг, которым пользуюсь я — это хостинг TimeWeb. Этот хостинг позволяет строить, как простые локальные сайты, так и большие международные проекты (в общем очень рекомендую).
Преимущества и недостатки CMS Joomla
К достоинствам Джумлы можно отнести следующее:
- Большой базовый функционал и широкий выбор плагинов для расширения возможностей администратора;
- Постоянный выпуск обновлений;
- Перевод важных инструментов на русский язык;
- Сообщество пользователей этой системы достаточно большое, и они часто представляют свои решения возникающих проблем, в том числе плагины.
К недостаткам движка специалисты относят:
- Избыточность кода;
- Недоработки в структуре и слабая степень защиты от взлома и спама;
Некоторые администраторы сайтов отказываются от Joomla, потому что ведут большой проект с необычной функциональностью. Правда, в основном эти недостатки незаметны обычным пользователям, которые не делают слишком глубокую настройку своего сайта.
Примеры сайтов на Joomla
Лучший способ оценить ту или иную CMS – это посмотреть сайты, которые были собраны с помощью нее. Предлагаю рассмотреть 3 красивых сайта созданных на Джумле:
Вам может быть это интересно:
Примеры 93 красивых сайтов созданных на Вордпресс, включая сайты Microsoft, Skype, Nginx, BBC Америка и прочие.
Пример №1: Mining-media.ru
Ссылка на сайт: Mining-media.ru
Тематика сайта: Интернет журнал про горную промышленность
Описание:
Это сайт крупного журнала, посвященного горной промышленности. Как и любое цифровое СМИ, оно устроено так, чтобы пользователь мог быстро познакомиться со свежими новостями. Дизайн выполнен в строгих тонах, меню обязательно расположено наверху, а на главной странице есть карусель с самыми свежими и важными новостями отраслями.
Также здесь есть архив новостей и встроенный поиск по сайту. Это один из самых качественных примеров применения функционала Joomla.