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



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

Яндекс Метрика – это мощный инструмент для анализа эффективности вашей работы над сайтом.

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

В статистике можно (и нужно) получать такие данные:

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

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

К содержанию ↑



Процесс внедрения статистики состоит из двух шагов:

  1. создание и настройка счетчика, получение кода;
  2. размещение кода на сайте.

Первый шаг (создание и получение кода) является общим для всех сайтов, а вот размещение кода на сайта будет разным в зависимости от 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):

Заголовок (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> (на картинке ниже он показан красной стрелочкой) и вставить код после него.
Вот картинка того, как это примерно должно выглядеть до вставки кода:

До вставки кода

Нажмите для увеличения картинки

И вот так это должно выглядеть после вставки кода:

После вставки кода

Нажмите для увеличения картинки

После вставки нажимаем на кнопку – Сохранить (или Применить).

Все, на этом добавление кода на сайт на Битрикс закончено.

 

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

К содержанию ↑

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

Преимуществами этого конструктора является:

  • простота;
  • скорость реализации задуманного проекта (сайта);
  • он бесплатен (частично).

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

Премиум версия, как вы понимаете, не бесплатна, и её стоимость равносильна стоимости хостинг провайдера, но в случае с хостинг провайдером у вас есть полный доступ ко всем файлам сайта (можете делать все что хотите).

В данном случае я покажу как добавить Метрику уже в Премиум версии.

Инструкция

Для добавления Метрики в Wix не нужно копировать и вставлять код счетчика, достаточно вставить номер счетчика.

Для этого переходим по ссылке: https://metrika.yandex.ru/list  – здесь появится таблица со всеми вашими счетчики, слева, под названием счетчика, будет его номер – его и нужно скопировать:

Номер счетчика

В моем случае – это 12345678

Номер счетчика получен, идем далее.

1. Переходим в свой аккаунт, на момент написания статьи адрес был таким:
https://www.wix.com/my-account/ – но он может поменяться.

2. В правом верхнем углу наводим курсор мыши на иконку своего профиля и в появившемся меню выбираем пункт – Домены:

Домены

3. Нажимаем на домен, для которого вы хотите установить статистику.

4. Нажимаем на Веб-аналитику

5. Вставляем номер счетчика (который вы скопировали ранее) в поле ID/номер счетчика Яндекс Метрики:

Вставка id счетчика

Нажимаем – Продолжить.

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

Если у вас возникли сложности по какому-то из пунктов данной статьи, то оставляйте комментарий, постараюсь помочь.

На этом все, желаю вам удачи, пока!

Похожие публикации:

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

Ваш email не будет опубликован. Обязательные поля отмечены *

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

*Для публикации кода, заключите его в теги вида: [code] здесь ваш код [/code]