Как добавить Яндекс Метрику на сайт


Приветствую вас дорогие друзья! Сегодня я расскажу, как добавить Яндекс Метрику на свой сайт на различных CMS системах!   Как добавить Яндекс Метрику на сайт Яндекс Метрика - это мощный инструмент для анализа эффективности вашей работы над сайтом.

Какие данные можно получить?

В статистике можно (и нужно) получать такие данные:
  • количество посетителей за день, неделю, год и любой другой выбранный период;
  • количество просмотров;
  • источники посещений (откуда пришли к вам на сайт);
  • информация о том, что делали (куда нажимали, что выделяли, где прокручивали и т.д.) посетители вашего сайта;
  • статистика по кликам на любом из элементов вашего сайта (клики по кнопке, баннеру, в форме);
  • и многое другое.
Содержание статьи:

Как внедрить статистику на сайт?

К содержанию ↑ Процесс внедрения статистики состоит из двух шагов:
  1. создание и настройка счетчика, получение кода;
  2. размещение кода на сайте.
Первый шаг (создание и получение кода) является общим для всех сайтов, а вот размещение кода на сайта будет разным в зависимости от CMS системы, которую вы используете.  

Как создать и настроить счетчик Яндекс Метрики

К содержанию ↑ Для создания счетчика у вас естественно должен быть аккаунт в Яндекс и вы должны быть в нем авторизованы, если у вас есть Яндекс почта, значит у вас есть и аккаунт. Переходим по ссылке: https://metrika.yandex.ru/list (откроется в новом окне) - добавьте эту ссылку в закладке (либо сохраните где-нибудь), именно перейдя по этой ссылке, вы будет попадать на страницу со всеми счетчиками всех ваших сайтов, именно там вы и будете отслеживать всю статистику сайта. Теперь, слева вверху нажимаем на кнопку - Добавить счетчик: Добавить счетчик Теперь необходимо заполнить параметры нового счетчика, а именно указать:
  • Имя счетчика - можно любое, лучше давать название вашего сайта;
  • Адрес сайта - здесь пишем адрес вашего сайта вида: sergey-oganesyan.ru
  • Принимать данные только с указанных адресов - обязательно ставим галочку чтобы в статистике не было ничего лишнего;
  • Я принимаю условия - ставим галочку, без согласия никак.
Примерно вот так вот должны выглядеть заполненные поля: [caption id="attachment_9379" align="aligncenter" width="300"]Заполнение полей нового счетчика Нажмите для увеличения[/caption] После заполнения нажимаем - Создать счетчик. Теперь необходимо настроить счетчик - здесь все просто:
  • Вебвизор, карта скролинга, аналитика форм - обязательно ставим галочку, очень полезный функционал;
  • Асинхронный код - ставим галочку, чтобы загрузка счетчика не влияла на скорость загрузки сайта;
Далее нужно скопировать код счетчика, на картинке ниже он обведен красным: [caption id="attachment_9383" align="aligncenter" width="300"]Настройка счетчика Нажмите чтобы увеличить[/caption] Этот код вам понадобится для дальнейшего размещения на сайте, когда скопируете (например в текстовый редактор) нажмите на кнопку - Сохранить. Всё, первый шаг выполнен, теперь осталось только разместить этот код на сайте. В данной статье я покажу, как разместить Яндекс метрику на сайте на 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): Заголовок (header.php) Теперь, в коде этого файла нужно найти тег <head> и после него вставить код, должно это выглядеть примерно так: Вставка кода После вставки кода, внизу нажимаем на кнопку - Обновить файл: Обновить файл На этом все, статистика заработает и посетители сайта начнут учитываться.  

Как добавить Яндекс Метрику на Joomla

К содержанию ↑ В качестве примера я буду использовать CMS Joomla версии 3.8.3, но и в любой другой версии процесс добавления кода будет примерно такой же. Итак, заходим в админ панель (она имеет адрес: ваш-сайт.ru/administrator/ ) и в левом меню в блоке CONFIGURATION нажимаем на пункт - Templates: Templates Теперь в левом верхнем подменю снова выбираем - Templates: Выбираем Templates Перед вами появится список шаблонов вашего сайта, если у вас больше одного шаблона, то нужно выбрать текущий активный шаблон, если не знаете какой выбрать, то перейдите на главную страницу сайта и сравните ее с картинкой шаблона. Когда определили нужный шаблона, нажмите на его название (показано стрелочкой на картинке): Название шаблона Слева появятся файлы и папки шаблона, вам нужно выбрать файл - index.php: index.php Откроется исходный код этой страницы и на ней необходимо найти тег <head> и после него вставит код. Чтобы облегчить задачу не искать вручную, нажмите Ctrl + F на клавиатуре и в вашем браузере появится поле для поиска по странице (в Google Chrome поле появится в правом верхнем углу), в этом поле начните вводить - <head> : Поиск тега <head> В коде этот тег должен подсветиться оранжевым, либо каким-то другим цветом: Вставка кода Именно после него и вставляем код, как показано на картинке выше. После этого нажимаем на зеленую кнопку - Сохранить в левом верхнем углу: Сохранение Все, на этом внедрение Метрики завершено.  

Как добавить Яндекс Метрику на OpenCart

К содержанию ↑ Переходим в админ панель по адресу вида: http://ваш-сайт.ru/admin/ В верхнем выпадающем меню выбираем пункт - Система > Настройки (System > Settings): Система - Настройки Перед вами появится множество вкладок настроек, нас интересует последняя (не всегда последняя, но в конце) вкладка Сервер (Server) - переходим на неё: server На этой вкладке внизу страницы будет поле для вставки кода от Google Analytics, но в это поле можно вставить код и от Яндекс Метрики: Вкладка кода Вставляем и нажимаем Сохранить (кнопка находится справа над вкладками): Сохранить Все, после этого статистика начнет собираться. Идем далее и переходим к движку Битрикс от компании 1С.  

Как добавить Яндекс Метрику на Битрикс

К содержанию ↑ Заходим в админ панель, расположенную по адресу вида:  http://ваш-сайт.ru/bitrix/ В левом меню (которое разворачивается) выбираем пункты по следующей цепочке: Настройки > Настройки продукта > Сайты > Шаблоны сайтов: Шаблоны сайтов Теперь выбираем ваш текущий шаблон, нажав на название идентификатора в колонке ID: id шаблона Перед вами откроет код этого шаблона, здесь вам нужно найти тег <head> (на картинке ниже он показан красной стрелочкой) и вставить код после него. Вот картинка того, как это примерно должно выглядеть до вставки кода: [caption id="attachment_9407" align="aligncenter" width="251"]До вставки кода Нажмите для увеличения картинки[/caption] И вот так это должно выглядеть после вставки кода: [caption id="attachment_9408" align="aligncenter" width="181"]После вставки кода Нажмите для увеличения картинки[/caption] После вставки нажимаем на кнопку - Сохранить (или Применить). Все, на этом добавление кода на сайт на Битрикс закончено.  

Как добавить Яндекс Метрику на Wix

К содержанию ↑ Wix - это конструктор сайтов, в котором вы можете создать практически любой сайт, не имея навыков программирования, также не нужно искать и выбирать хостинг провайдера - все в одном месте. Преимуществами этого конструктора является:
  • простота;
  • скорость реализации задуманного проекта (сайта);
  • он бесплатен (частично).
Но взамен простоте вы получаете большие ограничения по использованию функционала, и для того, чтобы добавить Яндекс Метрику и получить новый, недоступный на бесплатной версии, функционал, вам необходимо перейти на Премиум версию. Премиум версия, как вы понимаете, не бесплатна, и её стоимость равносильна стоимости хостинг провайдера, но в случае с хостинг провайдером у вас есть полный доступ ко всем файлам сайта (можете делать все что хотите). В данном случае я покажу как добавить Метрику уже в Премиум версии.

Инструкция

Для добавления Метрики в Wix не нужно копировать и вставлять код счетчика, достаточно вставить номер счетчика. Для этого переходим по ссылке: https://metrika.yandex.ru/list  - здесь появится таблица со всеми вашими счетчики, слева, под названием счетчика, будет его номер - его и нужно скопировать: [caption id="attachment_9411" align="aligncenter" width="316"]Номер счетчика В моем случае - это 12345678[/caption] Номер счетчика получен, идем далее. 1. Переходим в свой аккаунт, на момент написания статьи адрес был таким: https://www.wix.com/my-account/ - но он может поменяться. 2. В правом верхнем углу наводим курсор мыши на иконку своего профиля и в появившемся меню выбираем пункт - Домены: Домены 3. Нажимаем на домен, для которого вы хотите установить статистику. 4. Нажимаем на Веб-аналитику 5. Вставляем номер счетчика (который вы скопировали ранее) в поле ID/номер счетчика Яндекс Метрики: Вставка id счетчика Нажимаем - Продолжить.
Внедрение Яндекс Метрики завершено, но получать статистику вы начнете, скорее всего, через несколько часов, имейте это ввиду.
Если у вас возникли сложности по какому-то из пунктов данной статьи, то оставляйте комментарий, постараюсь помочь. На этом все, желаю вам удачи, пока!


Раздел: Этапы создания сайта

Дата последнего изменения: 2017-12-17 19:05:22

Просмотров: 13250

Оставить комментарий

* Комментарий: (отменить ответ)

* Ваше имя:

Ваш e-mail:

*