Установка кода Яндекс Метрики на сайте WordPress — добавление в шаблон + плагины
Во второй публикации из цикла заметок о WordPress статистике мы детально рассмотрим вопрос как установить счетчик Яндекс Метрики на сайт. Этот сервис весьма популярен в рунете и часто используется в качестве альтернативы решению от Гугла. По функциональности они оба плюс-минус похожи, поэтому тут каждый выбирает что ему больше удобно и близко.
Есть 2 принципиально разных способа реализации задачи: правка файлов шаблона и с помощью плагинов. Причем в первом направлении можно выделить еще 2 метода — редактирование макета через FTP и внутри самой админки.
Поскольку в прошлой статье о том как добавить Google Analytics в WordPress я рассказывал про работу с FTP, то сегодня будем использовать возможности CMS. Также в конце поста приведу краткий обзор нескольких плагинов Яндекс.Метрики для Вордпресс специально тем людям, которые панические боятся прикасаться к правке темы.
Общий алгоритм добавления Метрики на WordPress сайт, по которому будем действовать:
В принципе, ничего сложного, но абсолютным новичкам в теме крайне рекомендую прочитать все заметки «трилогии». В последней, кстати, недавно рассмотрел 20+ популярных плагинов статистики.
Установка Метрики в WordPress (через админку в Footer)
Внимание(!) В отличии от предыдущей публикации мы будем: 1) добавлять код в подвал (футер) нашего веб-ресурса; 2) делать это через WP админку. Таким образом покажу вам еще один принцип работы, однако, если хотите, вместо футера можете разместить отслеживание в хедер (header.php). Какой-то сверх принципиальной разницы лично я не вижу: раньше аналитику юзали в конце страницы дабы не мешать ее загрузке, но сейчас все сервисы работают асинхронно, и считается, что чуть лучше данные грузятся из хедера (особенно, когда сайт медленный).
1. После регистрации и входа в свой аккаунт Яндекс.Метрики находите сверху кнопу «Добавить счетчик». При клике по ней появится следующая форма:
Затем соглашаетесь «Принять условия» пользовательского соглашения и нажимаете «Создать счетчик».
2. На следующем шаге вы сможете выбрать метод как вставить код Яндекс Метрики в WordPress и на другие CMS — через обычный HTML или с помощью существующих специальных решений. Признаться, юзабилити здесь получше чем у Google Analytics.
Нам нужна вкладка «HTML», где над формой кода увидите открывающийся блок «Дополнительные настройки».
Лично я тут всегда отмечаю:
После указания всех параметров внизу найдете готовый для вставки код.
3. Теперь заходим админ панель WP и выбираем пункт меню «Внешний вид» — «Редактор». По умолчанию будет открыта ваша текущая тема, поэтому остается только кликнуть по названию нужного файла — footer.php. Наверняка вы заметили, что в последней версии WP 4.9 появилась подсветка синтаксиса и автоматическая проверка ошибок.
Выбираете место в шаблоне, куда именно хотите установить код Яндекс Метрики в Вордпресс проекте. Разработчики советуют добавлять его в Header дабы учитывать даже тех юзеров, которые моментально закрыли страницу, но лично я ставлю его там, где хочу отображать счетчик — не охота «разрывать» информер и блок отслеживания по разным файлам макета.
Затем нажимаете на кнопку «Обновить файл» и проверяете все ли хорошо работает во фронтенде + внутри сервиса аналитики. Если собираетесь изменять настройки счетчика, то после выбора и сохранения соответствующих опций его нужно будет заново переустановить в шаблоне.
Плагины Яндекс Метрики для WordPress
Изначально находил некоторые модули непосредственно в репозитории, но как оказалось, список проверенных решений есть на странице API метрики. Думаю, причин усомниться во мнении разработчиков нет никаких, поэтому я рассмотрю их рекомендации.
Yandex Metrica
Из всех трех Yandex Metrica наиболее функциональный плагин со множеством фишек:
Он полностью бесплатный. Имеется 20тысяч скачиваний, совместимость до последней версии WP и весьма недавнее обновление. Для установки важно чтобы в футере у вас был доступен хук wp_footer.
Просматривать статус внутри админки можно только в продвинутом режиме, которому понадобится доступ к API сервиса. Если данные/график не отображается, еще раз проверьте настройки счетчика — иногда в новых слегка глючит API.
Яндекс Метрика By Konstantin Kovshenin
Этот модуль отлично подойдет самым начинающим юзерам, т.к. избавляет от необходимости редактировать шаблон. После установки и активации в системе появится специальная одноименная страница с формой куда надо вставить код Яндекс.Метрики для WordPress сайта.
Преимущество такого подхода в том, что при смене макета вам не придется повторно выполнять подключение статистики. Загрузок у решения под 30 тысяч, но оно не обновлялось более 2х лет. Хотя с другой стороны, на его простую функциональность вряд ли это как-то влияет.
DL Yandex Metrika
Отличительная особенность плагина среди всех остальных — возможность видеть аналитику непосредственно через консоль. Причем здесь имеется не просто небольшой виджет, а подключен вывод разных данных в таблицах и графиках. Загрузок не так много как у других — всего 3 тысячи, но, вероятно, потому модуль новый.
Итого. Выбор способа как поставить Метрику на WordPress целиком и полностью зависит от ваших целей и опыта:
Если есть что добавить про счетчик Яндекс Метрики на сайте Wordpress, пишите в комментах. Там же задавайте свои вопросы.
Как установить Яндекс метрику на сайт wordpress. Ручная вставка кода и при помощи плагина.
Сегодня речь пойдет о том, как установить Яндекс метрику на WordPress. Если вы нашли данную статью, тогда, скорее всего, вы уже знаете немного о статистике от главного поискового гиганта рунета. Если же это не так, то по ходу статьи я буду затрагивать некоторые моменты связанные с данным сервисом.
Первым делом нам нужно зарегистрировать учетную запись в Яндексе, иными словами создать себе почту. После того как вы авторизируетесь, переходим по адресу metrika.yandex.ru и создаем себе счетчик.
Нажимаем кнопочку добавить и оказываемся на основной форме:
Тут вы производите настройки вашей будущей метрики. После того как вы ввели необходимую информацию переходим непосредственно к корректировке кода счетчика:
В данных настройках мы выбираем себе внешний вид информера, либо же вовсе отключаем его. После “подгона под себя” всех настроек копируем код Яндекс метрики для дальнейшей установки на сайт.
Как добавить Яндекс метрику на сайт WordPress
Мы дошли до самого главного, как установить Яндекс метрику на wordpress в файл шаблона. Куда же вставлять код? Это либо footer.php либо header.php файлы вашей темы. В Чем разница между двумя способами?
Корректнее статистика будет при вставке в хедер, лучше для производительности вставлять код в футер. Если ваш сайт “летает” тогда вам лучше ставить конечно же в файл header.php, так как это не особо повлияет на скорость загрузки сайта. Если же ваш сайт тормозит, то во-первых нужно ускорить ваш WordPress, во-вторых размещать код в footer.php. Сейчас мы разберем оба варианта вставки.
Итак, начнем с нашей головы, то-есть с файла header.php, его вы можете найти как в админке WordPress так и в файлах на сервере, к которым вы должны иметь доступ через панель администрирования хостингом либо же воспользоваться FTP доступом (последний вариант наиболее приемлемый).
Вставляем код метрики в хедер
Суть везде одинакова, текст файлов так же по этому покажу на примере с админкой, так сказать для самых маленьких. Порядок действий:
Выглядеть это должно примерно так:
Нужно подметить, что для этого способа нужно будет провести еще одно действие, перенос информера в другое место, так как он автоматически вылезет у вас в левом верхнем углу экрана, а нам это совсем не нужно. Если вы не пользуетесь информером, тогда можете не читать далее, а приступить к своим настройкам, или же посмотреть о других способах вставки кода.
Вообще, нам нужно вырезать часть кода метрики, этот участок очень легко найти, он находиться в самом начале. Начинается и заканчивается таким комментом:
Все что между этим, включая и комментарий, вырезаем и устанавливаем там где нужно. Это может быть виджет, как добавлять виджеты я думаю вы уже знаете. В подавляющем большинстве случаев картинку, такую себе “хвастливую” иконку ставят в подвале сайта. Как это сделать мы разберем далее, в любом случае счетчик уже начал работать, не важно с информером или без него.
Ставим код метрики в подвал
Все тот же код, все той же метрики от Яндекса, только не в голове, а в … сами понимаете где. Опять же таки, план действий особо не отличается от предыдущего:
Как добавить счетчик Яндекс Метрика на сайт WordPress – 4 реальных способа
Обновлено: 15 сентября 2021
В этой статье я расскажу, как добавить счетчик Яндекс Метрика на сайт WordPress. Хотя, так же добавляется счетчик посещений Google Analytics и любой другой. Пошагово опишу, как и где получить коды счетчика. Всего рассмотрим 4 способа их добавления. У каждого есть плюсы и минусы, какой выбрать – решать вам.
Как узнать код счетчика Яндекс Метрика
Вас перебросит на страницу создания счетчика. В поле «Имя счетчика» введите произвольное название. По нему вы будете определять, к какому сайту он относится. В поле «Адрес сайта» введите URL главной страницы сайта, например, «https://imyasaita.ru» или «imyasaita.ru».
Можно добавить дополнительные URL. Например, поддомены в формате «https://ru.imyasaita.ru» или «ru.imyasaita.ru». Вебвизор, карта скроллинга, аналитика форм – эту опцию рекомендую оставить отключенной. Включить ее можно позже, но они затормозят загрузку страниц на 0,4-0,7 секунд (проверял лично).
Внизу обязательно поставьте галочку в поле «Я принимаю условия Пользовательского соглашения». Жмите кнопку «Создать счетчик». Вас перебросит на следующий экран. Здесь необходимо скопировать код счетчика, который затем установить на сайт. О том, как установить счетчик посещений Яндекс Метрики расскажу ниже.
Способ 1: Прописываем в коде
Этот способ добавления счетчика посещений подойдет в том случае, если вы не планируете обновлять или менять шаблон WordPress. Вам нужно зайти в раздел «Внешний вид» и перейти во вкладку «Редактор тем».
Если у вас нет пункта «Редактор тем», значит он отключен плагином безопасности. Необходимо включить возможность редактирования, чтобы получить к нему доступ. В противном случае придется пользоваться прямым доступом к сайту по FTP.
Вас перебросит на страницу, со списком рабочих файлов WordPress. С правой стороны найдите файлы footer.php или header.php. Рекомендую ставить счетчик в footer.php – вы отложите его загрузку, а пользователь увидит контент сайта раньше на 1-1,5 секунды.
Откройте нужный файл и пролистайте содержимое окна вниз. Если внизу есть теги
Быстрая установка Яндекс Метрики на WordPress: 3 поверенных метода
Метрика наилучший инструмент, Analytics от Google хороший, мультиязычный, но сложный для понимания. Metrika дает простое решение по аналитике трафика и более эффективному управлению.
Как сформировать код счетчика Yandex Metrika
Начнем с создания кода яндекс. Заходим на официальный сайт и нажимаем Добавить счетчик.
На следующей странице настраиваем поля, а именно:
На следующей странице предлагается два варианта установки, с помощью встраивания кода, либо плагином.
Советую поставить галочку в одну строку, что значительно укоротит скрипт, остальные для WordPress ставить бессмысленно.
Ниже расположен конфигурация для вставки на сайт. Есть два пути:
Не забываем скопировать и внизу нажать кнопку Начать пользоваться, чтобы зарегистрировался в системе яндекса.
Команда WPCourses рекомендует использовать первый метод, так как установить метрику не составляет труда, но рассмотрим каждый способ отдельно.
Добавить метрику через настройки темы без плагина
Заливать метрику советуем в низ сайта, или на сленге в подвал (footer), так счетчик посещений должен фиксировать посещение после полной загрузки страницы.
На странице кастомайзера переходим в Блоки и расположение > Подвал, находим текстовую область Счетчики, и в нее вставляем код скопированный в яндекс метрике, нажимаем Опубликовать.
Способ не универсальный, но направление должно быть такое, чтобы вставить код в футер страницы. Если такой возможности в теме нет, то прибегнем к редактированию файлов.
Куда добавлять метрику в footer.php
Во всех темах есть файл footer.php, за исключением эксклюзивных с themesforest, у которых куча не скомканных файлов предназначенных не понятно для чего. Для полностью ручного процесса заходим Внешний вид > Редактор.
С помощью FTP
Аналогично устанавливаем яндекс с метрикой при помощи FTP, подключаемся к серверу. Идем в папку wp-content/название активного темплейта/footer.php, нажимаем на нем правой кнопкой мыши, выбираем правка. Перед закрывающим тегом body вставляем скрипт.
Сохраняем и перезаписываем документ на сервере хостинга. Почему именно в футер? Причин две:
С помощью плагина
В панели появится новый пункт DL Metrika, заходим делаем доступ по токену. Нажимаем Разрешить доступ.
Перекинет на страницу Яндекс OAuth где нужно нажать на разрешить.
Обязательно нужно быть авторизованным под тем аккаунтом на Яндексе, к которому привязана метрика данного сайта.
Далее перекинет на страницу с токеном, копируем его.
Идем обратно в плагин и вставляем api токен в поле и нажимаем Сохранить и продолжить.
На следующей странице выбираем из списка сайтов, тот по которому необходимо собирать статистику.
После завершения, система начнет отображать данные по сайту. Полная интеграция, не совсем удобное пользование, но справляется отлично.
Проверка подключения
Счетчик смогли подключить с помощью удобного для вас способа, далее нужно посмотреть и проверить все ли работает. Переходим обратно в яндекс Metrika, и смотрим на экран, если статус в обработке, то значок будет гореть желтым цветом.
Нажимаем на желтый значок со стрелочкой, и Metrika начнет проверку наличия кода на странице, если все хорошо, то он станет зеленым. Переходите по названию и настраивайте инструменты, например, отчеты и цели.
Если иконка стала красной, то Яндекс не отображает и не находит скрипт. Значит проверяйте правильность ввода данных.
Возможная причина сбоя проверки метрики, это срабатывающий кэш от каких–либо дополнений. В дополнение приложу свое видео записанное по этой статье.
В статье я ответил на вопрос как установить яндекс метрику на сайт WordPress, с помощью нескольких достаточно простых способов, рад был помочь, успехов!
Как добавить счетчик Яндекс Метрики на сайт WordPress: 4 способа установки
Рассказываем, как установить Яндекс.Метрику на любой сайт на WordPress
Яндекс.Метрика — это удобная система аналитики, которая помогает отслеживать, сколько пользователей перешло на сайт, откуда они зашли, сколько времени провели на сайте, какие страницы просмотрели и многое другое.
Добавить Метрику на сайт на Вордпрессе не сложно. Рассказываем о четырех способах установить Яндекс.Метрику на сайт WordPress: через настройки или редактирование темы, с помощью плагина, через Google Tag Manager или вручную через код.
Создание счетчика
Прежде всего понадобится создать счетчик в Яндекс.Метрике. Для этого нужно перейти на сайт metrika.yandex.ru, зайти в учетную запись Яндекса и нажать на кнопку «Добавить счетчик».
Введите следующие настройки:
Отметьте, собираетесь ли вы использовать Вебвизор — этот инструмент записывает видео посещения сайта пользователями в обезличенном виде. Вы сможете увидеть запись просмотра посетителя, куда он кликал, как пролистывал страницу и даже — в обезличенном виде — какие кнопки клавиатуры нажимал.
После этого подтвердите, что принимаете условия пользовательского соглашения, и нажмите на кнопку «Создать счетчик».
После этого вы увидите несколько способов установки счетчика Яндекс.Метрики. Для всех способов нам понадобится HTML.
При установке подключите «Электронная коммерция», если у вас интернет-магазин, и «Контентная аналитика», если у вас блог или медиа — эти настройки добавляют полезные функции для каждого из типов сайта
Прокрутите страницу вниз и вы увидите код Метрики, который нужно будет вставить на сайт. Скопируйте его.
Способ 1. Загрузить код счетчика через админку
Чтобы добавить код счетчика Яндекс.Метрики на сайт, понадобится отредактировать файлы темы WordPress. Это можно сделать двумя способами: относительно опасный — через редактор темы и относительно безопасный — через настройки темы.
1.1 Через редактор темы
В консоли WordPress перейдите в раздел Внешний вид → Редактор тем.
WordPress выдаст предупреждение, что редактировать файлы тем нужно с осторожностью. Нажмите кнопку «Я понимаю».
В перечне файлов справа найдите «Заголовок (header.php)» и кликните на его редактирование.
Вставьте код счетчика Яндекс.Метрики после тега и нажмите «Обновить файл».
1.2 Через настройки темы
Более безопасный способ — установка счетчика через настройки темы. Отметим, что в большинстве тем таким образом можно вставить код Метрики только в footer — подвал сайта. Благодаря этому загрузка счетчика не будет влиять на скорость загрузки страницы, но посещение будет учтено только в том случае, если она загрузилась у пользователя полностью.
В консоли выберите Внешний вид → Настроить.
В настройках выберите «Виджеты».
Нажмите на кнопку «Добавить виджет».
В поле ввода вставьте код установки счетчика Метрики и нажмите на «Готово».
После этого нажмите на кнопку «Опубликовать».
Готово — вы установили счетчик Метрики на сайте.
2. Загрузить счетчик Метрики через FTP
Еще один способ установить Яндекс.Метрику — отредактировать файл темы через файловый менеджер. Для этого подключитесь к сайту по FTP и в папке сайта найдите файл /wp-content/themes/[название_вашей_темы]/header.php. Откройте его в текстовом редакторе — рекомендуем использовать Notepad++ или Sublime Text.
Вставьте код счетчика за тегом и сохраните файл.
3. Установить код через Google Tag Manager
Если к вашему сайту подключена система управления тегами Google, подключение Метрики на сайте пройдет еще проще.
Зайдите в Google Tag Manager и нажмите «Добавить новый тег».
В создании тега нажмите на значок карандаша в правом верхнем углу и выберите «Пользовательский HTML» в качестве типа тега.
В поле ввода вставьте код счетчика, а затем нажмите на иконку карандаша в разделе «Триггеры».
Поставьте галочку возле надписи «All Pages» и нажмите «Добавить».
После внесения всех настроек нажмите на кнопку «Сохранить».
4. Загрузить Метрику через плагин
Вы можете подключить счетчик Яндекс.Метрики к WordPress через специальный плагин — это самый быстрый и безопасный способ.
4.1 Через плагин Яндекс.Метрики
В консоли перейдите в меню Плагины → Добавить новый.
В поле поиска введите «метрика». Вы увидите в списке плагин «Яндекс Метрика счётчик» — нажмите «Установить».
После установки плагина нажмите «Активировать».
После активации плагина вы окажетесь в разделе установленных плагинов. Нажмите «Настройки» на плагине подключения Яндекс.Метрики.
Вам понадобится только номер счетчика. Вот как его найти в коде, которые вы скопировали:
Номер счетчика находится в строке, которая начинается с ym( :
Вставьте номер из этой строки в поле ввода плагина.
Прокрутите вниз и выберите область вывода счетчика. Яндекс рекомендует устанавливать счетчик в header, но многие вебмастера устанавливают код в footer, чтобы он не мешал загрузке страницы.
4.1 Через плагин Clearfy Pro
Еще один простой и безопасный способ установить код отслеживания Яндекс.Метрики — использовать плагин Clearfy Pro. Он позволяет легко редактировать код сайта, а кроме этого, в нем много полезных для SEO-продвижения функций, например, редактирование robots.txt, настройка редиректов, транслитерация заголовков и многое другое.
Чтобы подключить Метрику к сайту через плагин Clearfy Pro, после установки и активации плагина зайдите на вкладку Код.
Вставьте код отслеживания в раздел «Код в ». После этого нажмите «Сохранить изменения».