Приветствую вас дорогие друзья! Сегодня я расскажу, как добавить Яндекс Метрику на свой сайт на различных CMS системах!
Яндекс Метрика – это мощный инструмент для анализа эффективности вашей работы над сайтом.
Какие данные можно получить?
В статистике можно (и нужно) получать такие данные:
- количество посетителей за день, неделю, год и любой другой выбранный период;
- количество просмотров;
- источники посещений (откуда пришли к вам на сайт);
- информация о том, что делали (куда нажимали, что выделяли, где прокручивали и т.д.) посетители вашего сайта;
- статистика по кликам на любом из элементов вашего сайта (клики по кнопке, баннеру, в форме);
- и многое другое.
Как внедрить статистику на сайт?
Процесс внедрения статистики состоит из двух шагов:
- создание и настройка счетчика, получение кода;
- размещение кода на сайте.
Первый шаг (создание и получение кода) является общим для всех сайтов, а вот размещение кода на сайта будет разным в зависимости от CMS системы, которую вы используете.
Как создать и настроить счетчик Яндекс Метрики
Для создания счетчика у вас естественно должен быть аккаунт в Яндекс и вы должны быть в нем авторизованы, если у вас есть Яндекс почта, значит у вас есть и аккаунт.
Переходим по ссылке: https://metrika.yandex.ru/list (откроется в новом окне) – добавьте эту ссылку в закладке (либо сохраните где-нибудь), именно перейдя по этой ссылке, вы будет попадать на страницу со всеми счетчиками всех ваших сайтов, именно там вы и будете отслеживать всю статистику сайта.
Теперь, слева вверху нажимаем на кнопку – Добавить счетчик:
Теперь необходимо заполнить параметры нового счетчика, а именно указать:
- Имя счетчика – можно любое, лучше давать название вашего сайта;
- Адрес сайта – здесь пишем адрес вашего сайта вида: sergey-oganesyan.ru
- Принимать данные только с указанных адресов – обязательно ставим галочку чтобы в статистике не было ничего лишнего;
- Я принимаю условия – ставим галочку, без согласия никак.
Примерно вот так вот должны выглядеть заполненные поля:
После заполнения нажимаем – Создать счетчик.
Теперь необходимо настроить счетчик – здесь все просто:
- Вебвизор, карта скролинга, аналитика форм – обязательно ставим галочку, очень полезный функционал;
- Асинхронный код – ставим галочку, чтобы загрузка счетчика не влияла на скорость загрузки сайта;
Далее нужно скопировать код счетчика, на картинке ниже он обведен красным:
Этот код вам понадобится для дальнейшего размещения на сайте, когда скопируете (например в текстовый редактор) нажмите на кнопку – Сохранить.
Всё, первый шаг выполнен, теперь осталось только разместить этот код на сайте.
В данной статье я покажу, как разместить Яндекс метрику на сайте на CMS WordPress, Joomla, OpenCart, Битрикс и конструкторе Wix, а также покажу как это сделать, если у вас самописный сайт, либо на какой-то другой CMS.
Как добавить код счетчика на любой сайт
Если ваш сайт не использует CMS из списка выше, то в общем случае код размещается примерно одинаково.
Вам необходимо открыть исходный код страницы вашего сайта (шаблон) и найти в нем примерно такую структуру:
<!DOCTYPE html> <html> <head> <meta http-equiv='Content-Type' charset=utf8'> <title>Заголовок страницы..</title> </head> <body> Здесь содержимое страницы.. </body> </html>
Ваша задача – разместить код после тега <head>, то есть как только нашли <head>, то сразу после него (можно сразу, можно на каком-то расстоянии) нужно разместить код, структура должна стать такой:
<!DOCTYPE html> <html> <head> Здесь идет код счетчика <meta http-equiv='Content-Type' charset=utf8'> <title>Заголовок страницы..</title> </head> <body> Здесь содержимое страницы.. </body> </html>
После сохранения страницы статистика начнет учитываться.
Как добавить Яндекс Метрику на Wordpress
С движком Wordpress и ему подобным должно быть все просто.
Заходим в админ панель (адрес вида: ваш-сайт.ru/wp-admin) и в левом меню выбираем пункт – Дизайн > Редактор:
По центру появится код, а справа будет список файлов вашего шаблона. Справа необходимо выбрать файл под названием – Заголовок (header.php):
Теперь, в коде этого файла нужно найти тег <head> и после него вставить код, должно это выглядеть примерно так:
После вставки кода, внизу нажимаем на кнопку – Обновить файл:
На этом все, статистика заработает и посетители сайта начнут учитываться.
Как добавить Яндекс Метрику на Joomla
В качестве примера я буду использовать CMS Joomla версии 3.8.3, но и в любой другой версии процесс добавления кода будет примерно такой же.
Итак, заходим в админ панель (она имеет адрес: ваш-сайт.ru/administrator/ ) и в левом меню в блоке CONFIGURATION нажимаем на пункт – Templates:
Теперь в левом верхнем подменю снова выбираем – Templates:
Перед вами появится список шаблонов вашего сайта, если у вас больше одного шаблона, то нужно выбрать текущий активный шаблон, если не знаете какой выбрать, то перейдите на главную страницу сайта и сравните ее с картинкой шаблона.
Когда определили нужный шаблона, нажмите на его название (показано стрелочкой на картинке):
Слева появятся файлы и папки шаблона, вам нужно выбрать файл – index.php:
Откроется исходный код этой страницы и на ней необходимо найти тег <head> и после него вставит код.
Чтобы облегчить задачу не искать вручную, нажмите Ctrl + F на клавиатуре и в вашем браузере появится поле для поиска по странице (в Google Chrome поле появится в правом верхнем углу), в этом поле начните вводить – <head> :
В коде этот тег должен подсветиться оранжевым, либо каким-то другим цветом:
Именно после него и вставляем код, как показано на картинке выше.
После этого нажимаем на зеленую кнопку – Сохранить в левом верхнем углу:
Все, на этом внедрение Метрики завершено.
Как добавить Яндекс Метрику на OpenCart
Переходим в админ панель по адресу вида: http://ваш-сайт.ru/admin/
В верхнем выпадающем меню выбираем пункт – Система > Настройки (System > Settings):
Перед вами появится множество вкладок настроек, нас интересует последняя (не всегда последняя, но в конце) вкладка Сервер (Server) – переходим на неё:
На этой вкладке внизу страницы будет поле для вставки кода от Google Analytics, но в это поле можно вставить код и от Яндекс Метрики:
Вставляем и нажимаем Сохранить (кнопка находится справа над вкладками):
Все, после этого статистика начнет собираться.
Идем далее и переходим к движку Битрикс от компании 1С.
Как добавить Яндекс Метрику на Битрикс
Заходим в админ панель, расположенную по адресу вида:
http://ваш-сайт.ru/bitrix/
В левом меню (которое разворачивается) выбираем пункты по следующей цепочке: Настройки > Настройки продукта > Сайты > Шаблоны сайтов:
Теперь выбираем ваш текущий шаблон, нажав на название идентификатора в колонке ID:
Перед вами откроет код этого шаблона, здесь вам нужно найти тег <head> (на картинке ниже он показан красной стрелочкой) и вставить код после него.
Вот картинка того, как это примерно должно выглядеть до вставки кода:
И вот так это должно выглядеть после вставки кода:
После вставки нажимаем на кнопку – Сохранить (или Применить).
Все, на этом добавление кода на сайт на Битрикс закончено.
Как добавить Яндекс Метрику на Wix
Wix – это конструктор сайтов, в котором вы можете создать практически любой сайт, не имея навыков программирования, также не нужно искать и выбирать хостинг провайдера – все в одном месте.
Преимуществами этого конструктора является:
- простота;
- скорость реализации задуманного проекта (сайта);
- он бесплатен (частично).
Но взамен простоте вы получаете большие ограничения по использованию функционала, и для того, чтобы добавить Яндекс Метрику и получить новый, недоступный на бесплатной версии, функционал, вам необходимо перейти на Премиум версию.
Премиум версия, как вы понимаете, не бесплатна, и её стоимость равносильна стоимости хостинг провайдера, но в случае с хостинг провайдером у вас есть полный доступ ко всем файлам сайта (можете делать все что хотите).
В данном случае я покажу как добавить Метрику уже в Премиум версии.
Инструкция
Для добавления Метрики в Wix не нужно копировать и вставлять код счетчика, достаточно вставить номер счетчика.
Для этого переходим по ссылке: https://metrika.yandex.ru/list – здесь появится таблица со всеми вашими счетчики, слева, под названием счетчика, будет его номер – его и нужно скопировать:
Номер счетчика получен, идем далее.
1. Переходим в свой аккаунт, на момент написания статьи адрес был таким:
https://www.wix.com/my-account/ – но он может поменяться.
2. В правом верхнем углу наводим курсор мыши на иконку своего профиля и в появившемся меню выбираем пункт – Домены:
3. Нажимаем на домен, для которого вы хотите установить статистику.
4. Нажимаем на Веб-аналитику
5. Вставляем номер счетчика (который вы скопировали ранее) в поле ID/номер счетчика Яндекс Метрики:
Нажимаем – Продолжить.
Внедрение Яндекс Метрики завершено, но получать статистику вы начнете, скорее всего, через несколько часов, имейте это ввиду.
Если у вас возникли сложности по какому-то из пунктов данной статьи, то оставляйте комментарий, постараюсь помочь.
На этом все, желаю вам удачи, пока!
Если вам нужна помощь в создании какого-либо функционала, сайта, сервиса, тестов или калькуляторов, то готов помочь, подробнее на странице услуг.