Установка кода Adsense в Joomla
Установка кода Adsense в Joomla
Продолжаю работать с одним сайтом на Joomla CMS и после вопроса установки кода Sape решил разобраться с тем, как добавить в систему код Google Adsense. Вариантов опять оказалось несколько, причем у каждого свои какие-то нюансы. Найденной информацией поделюсь с вами в данном посте.
И снова здесь три способа решения задачи:
- вставка Adsense через админку Joomla;
- использование модулей Joomla;
- добавление кода Google Adsense через шаблон.
Первым делом заходите в ваш аккаунт Google Adsense, где создаете новое рекламное объявление и получаете соответствующий код размещения на своем сайте. Если вы собираетесь добавить его через вставку элемента типа «Собственный HTML» (Custom HTML), то здесь имеются определенные сложности. Даже, если вы переключаетесь в режим редактора HTML-кода, Joomla все равно обрабатывает код таким образом, что после сохранения он будет выглядеть следующим образом:
Дабы Javascript корректно воспринимался система обрамляет его конструкцией <![CDATA[ … ]]>. Причем реклама Google Adsense на сайте будет отображаться совершенно. Использование CDATA встречаю не впервой, это вполне стандартная практика для разных CMS, однако насколько она подходит правилам Adsense? Ведь пользователю запрещено менять рекламный код!
Сначала нашелся ответ на одном их форумов продуктов Google, что подобное решение, в принципе, приемлемо.
Однако информация это достаточно древняя — аж за 2011 год. Позже в выдаче была найдена чуть более свежая запись в одном из блогов о том, что Google Adsense настоятельно просил избавиться от CDATA в рекламном коде. Таким образом, классический вариант с Custom HTML отпадает, но тут можно схитрить…
Установка кода счетчика Google Analytics вручную (Способ №1)
Для того, чтобы сервис начал собирать данные о посещениях потребуется внедрить код на все страницы сайта, поместив его в блок <head>, как можно ближе к началу документа.
Выполнить эту задачу можно посетив файловый менеджер на хостинге или подключившись к FTP, после чего найти в структуре CMS соответствующие файлы для редактирования кода «шапки сайта» вставить их в свободное место.
Пример №1. Для внедрения кода на сайт WordPress потребуется посетить административную панель и найти блок «Внешний вид» — «Редактировать», после чего выбираем файл Header и перед закрывающим тегом </head> копируем полученный выше код.
Пример №2. Для CMS Opencart потребуется подключиться к FTP или в файловом менеджере посетить директорию «/catalog/view/theme/ваша-тема/template/common/header.tpl» (ваша-тема — название действующей темы), где находиться файл header.tpl. Посетив его перед закрывающимся </head> копируем полученный выше код.
Установите перенаправление всех посетителей на HTTPS, добавив в файле .htaccess строки:
Если после выполнения вышеописанных действий сайт не отображается корректно или вы видите в консоли браузера ошибки mixed content, попробуйте выполнить следующее:
- Добавьте в configuration.php в конец файла строчку
После каждого обновления конфигурации эта строка будет перезаписана, потому нужно будет добавлять ее снова.
- Добавьте в .htaccess строки:
- В настройках таких компонентов, как VirtueMart, есть свои настройки по включению https. Для VirtueMart перейдите в раздел Компоненты — VirtueMart — Настройки — Магазин и включите опцию Включить SSL для важных частей сайта.
- Исправьте оставшиеся ссылки вручную. Увидеть какие элементы загружаются по http вы можете в консоли браузера
Перенесите свой Joomlа сайт на Hostpro удобно и безопасно. Процедура переноса бесплатная и занимает минимум времени. Все, что вам нужно сделать — это заполнить заявку. Также вы можете ознакомиться с тарифами Joomlа хостинга на нашем сайте и выбрать тот, который подходит именно вам. Если у вас остались вопросы, вы можете обратиться к нашей поддержке и получить надлежащую помощь 24/7.
По умолчанию MariaDB не усилен. Вы можете защитить MariaDB с помощью скрипта mysql_secure_installation. Вы должны внимательно прочитать и под каждым шагом, который установит пароль root, удалит анонимных пользователей, запретит удаленный вход root, а также удалит тестовую базу данных и доступ к безопасности MariaDB.
Настройте это так:
Далее нам нужно будет войти в консоль MariaDB и создать базу данных для Joomla. Выполните следующую команду:
Вам будет предложено ввести пароль, поэтому введите пароль root для MariaDB и нажмите Enter. После входа на сервер базы данных вам необходимо создать базу данных для установки Joomla:
Скачать, установить и настроить плагин Advanced Google Analytics на Joomla
Перед тем как приступить к установке и настройке плагина Advanced Google Analytics рассмотрим, какие функции плагина заявлены от разработчика.
Основные функции плагина Advanced Google Analytics :
- легкое переключение между Classic Analytics и Universal Analytics;
- отображение загрузок и исходящих ссылок вашего сайта с помощью Google Analytics events;
- отключение отслеживания Google Analytics tracking для администраторов с фронтенда сайта;
- позволяет создавать анонимные IP-адреса, с помощью функции Google Analytics anonymization;
- настраивать Classic Analytics и Universal Analytics с админ панели вашего Joomla сайта.
Какие настройки можно сделать в Classic Analytics и Universal Analytic:
- Отслеживания типа посетителей: зарегистрированные или гости (незарегистрированные);
- Отслеживание количества посетителей для каждого автора (поможет увидеть, какие авторы вашего сайта популярны);
- Отслеживание количества посетителей для каждой категории (поможет увидеть, какие категории статей популярны);
- Отслеживание количества посетителей для каждой публикации (увидим какие статьи популярны).
Если хотите в админпанели сайта видеть отчеты Google Analytics, вам нужно будет установить дополнительно Google Analytics Dashboard — http://extensions.joomla.org/extensions/site-management/analytics/site-analytics-google-based/22166
Загрузка и установка плагина Advanced Google Analytics
Идем по ссылке https://deconf.com/advanced-google-analytics-joomla/ и по ссылке снизу странички качаем плагин.
Загрузка плагина Advanced Google Analytics
В архиве вы найдете плагины как для Joomla 1.5, так и для Joomla 2.5 и Joomla 3.x, распаковываете архив и устанавливаете нужную вам версию.
Идем в админпанель вашего Joomla сайта в Менеджер установок и устанавливаем нужную вам версию плагина Advanced Google Analytics (не забываем активировать плагин в Менеджере плагинов).
Настройка плагина Advanced Google Analytics
Настройка плагина Advanced Google Analytics
- Как я уже писал выше, первое и главное, что нужно сделать это активировать плагин.
- Следующим делом нужно ввести Google Analytics ID (он имеет такой вид: UA-YYYYYYYY-Y и найти его можно на домашней странице Google Analytics под названием сайта в списке всех подключенных сайтов к Google Analytics)
- Для отслеживания действий посетителей нужно Enable Events Tracking выставив Yes
- И если вы хотите отслеживать загрузку файлов и формат ваших файлов имеет необычную форму, укажите их формат в поле Downloads Filter
- Ну и конечно же не забудьте сохранить настройки. а если вам нужна разработка названия обращайтесь к e-shutova.com.
Просмотр статистики Google Analytics по вашему Joomla сайту
Каждый клик вашего посетителя или загрузка файлов будет отображаться в блоке «Events/События» в блоке «Behavior/Поведение»
После того как вы установите Google Analytics на свой сайт, ему нужно несколько дней для начального сбора статистики. Все события будут разбиты на несколько групп:
- События по кликам
- События по загрузкам файлов
- События по кликам по e-mail адресам
Нажав на каждую из категорий вы можете детально увидеть всю статистику:
Скажу от себя лично, раньше я устанавливал код Google Analytics на Joomla вручную, но узнав об этом плагине начал использовать его на всех новых сайтах. Ну а теперь оформим ссылочку на страницу где можно его скачать.
Скачать плагин Advanced Google Analytics СКАЧАТЬ |
А на этом пост Подключаем Google Analitycs на ваш Joomla сайт с помощью плагина Advanced Google Analytics завершен. Желаю вам, чтобы по вашим сайтам Google Analytics отображал тысячи посетителей в сутки. Увидимся.
Простой бесплатный шаблон зелёного цвета для Joomla 3. Разработан для всех устройств. Доступно небольшое количество самых необходимых позиций. Присутствуют только базовые настройки.
Интересный бесплатный шаблон с уникальными настройками для Joomla 3. Разработан для всех устройств. Доступен большой ряд позиций. Несколько присетов оформления и стилей для модулей.
Widgetkit — виджеты на любой вкус
Widgetkit — это уникальный набор веб-инструментов, без которых на сегодняшний день нельзя создать качественный сайт. С помощью него вы можете сделать лайтбокс, слайд-шоу, медиа-плеер, а также выводить эффекты на картинку или текст.
Основные особенности компонента
- 17 красивых эффектов перехода изображений, которые произведут неизгладимое впечатление на пользователей вашего сайта.
- При объединении CSS и JavaScript стало возможным автоматическое и быстрое кеширование, благодаря которому элементы работают быстрее.
- Widgetkit хорошо работает на всех сенсорных устройствах.
- Виджеты имеют несколько стилей отображения, вследствие чего они идеально подходят к любому сайту.
- Компонент построен на HTML5, CSS3 и последней версии JQuery.
- Современные функции управления.
- Использование современных веб-технологий.
- Чистый и легкий код.
- Возможность воспроизводить мультимедийные материалы.
- Автоматическая калибровка изображений с возможностью быстрой загрузки по мере прокрутки страниц сайта.
- Поддержка отображения нескольких виджетов на одной странице сайта.
Какие бывают разновидности виджетов?
Разработчики YOOtheme создали 9 различных виджетов:
Lightbox — позволяет просматривать изображения, HTML и медиа контент во всплывающем окне, не покидая текущей страницы. При этом, фон становится темнее.
Media Player — вставляет аудио и видеофайлы на сайт. Построен на HTML и CSS, полностью совместим с HTML5. Плеер имеет запасной Flash Player для нескольких более старых браузеров, которые не поддерживают html5. Тут всего пару настроек. Активация данного плагина и назначение селекторов для файлов.
Также, помимо формата видео .mp4, можно подключать форматы .webm, .ogv
Slideshow — создает слайд-шоу с различными эффектами переключения изображений, настройками таймаутов и т.д. Данный виджет применяет технологии html5 и css3, легко установливается и может отображать 17 определенных эффектов. Один из самых распространенных виджетов на сегодняшний день.
Spotlight — позволяет накладывать картинку или текст на изображения. Эффект плавно появляется при наведении мыши. Также у данного виджета есть опция установки ссылок на другие странички.
В данном виджете всего три настройки — активация плагина, скорость и селектор для указания тех фоток, для которых мы его будем применять.
Twitter — виджет, позволяющий выводить последнее сообщение с сервиса в твитер. Больше нет необходимости использовать специальный модуль YOOtweet.
Slideset — интересный виджет, при помощи которого можно отобразить необходимые товары на вашем сайте с различными дополнительными эффектами.
Gallery — полностью автоматизированный способ публикации изображений. Вам нужно только выбрать папку с картинками и галерея сгенерируется автоматически. Также легко настраиваются размеры изображения и стиль оформления галереи.
Map — это отличный виджет, с помощью которого вы можете добавить карту. В нем можно ее настроить, изменить цвет и добавить маркеры. На данный момент поддерживается карты только от Google Maps.
Accordion — позволяет отображать набор элементов в компактном виде, называемом «Аккордеон». При нажатии на вкладки открывается контент, а при повторном клике сворачивается. Виджет очень удобен для сайтов с большим количеством материала, который надо уместить в одно небольшое место.
Однако бесплатная версия Widgetkit использует только первые 4 из этих виджетов.
Где и как настраивается компонент?
Для того, чтобы создать виджет, найдите в панели управления надпись Компоненты. Наведите курсор и кликните в выпадающем списке на Widgetkit.
Вы увидите вкладки, где каждая из них обозначает свой виджет и имеет собственные настройки.