Audytor.ru

Теплоснабжение "Аудитор"
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

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

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

Привет:) В этом посте покажу пошагово установку Яндекс Метрики на сайт WordPress. Разберу все способы как быстро и без головной боли добавить статистику посещений на свой ресурс.

  • Как получить код счетчика Yandex Metrika
  • Оптимизация счетчика статистики
  • Куда добавлять счетчик: в хэдер или футер?
  • Как установить код Яндекс Метрики
  • Через редактирование шаблона активной темы
  • С помощью плагина
  • С помощью functions.php
  • Через FTP
  • Как проверить работу счетчика
  • Ускорение работы счетчика статистики

Установка Метрики в WordPress (через админку в Footer)

Внимание(!) В отличии от предыдущей публикации мы будем: 1) добавлять код в подвал (футер) нашего веб-ресурса; 2) делать это через WP админку. Таким образом покажу вам еще один принцип работы, однако, если хотите, вместо футера можете разместить отслеживание в хедер (header.php). Какой-то сверх принципиальной разницы лично я не вижу: раньше аналитику юзали в конце страницы дабы не мешать ее загрузке, но сейчас все сервисы работают асинхронно, и считается, что чуть лучше данные грузятся из хедера (особенно, когда сайт медленный).

1. После регистрации и входа в свой аккаунт Яндекс.Метрики находите сверху кнопу «Добавить счетчик». При клике по ней появится следующая форма:

  • Пишете имя — любое произвольное для отображения в системе.
  • Вводите адрес своего сайта, например kasinoazov.com (можно добавить несколько).
  • Отмечаете галочку «Принимать информацию только со указанного домена» (дабы сторонние значения не попадали в отчеты).
  • Ставите часовой пояс.
  • Если надо, дополнительно активируете функции Вебвизора, отслеживания скроллинга и т.п.

Затем соглашаетесь «Принять условия» пользовательского соглашения и нажимаете «Создать счетчик».

2. На следующем шаге вы сможете выбрать метод как вставить код Яндекс Метрики в WordPress и на другие CMS — через обычный HTML или с помощью существующих специальных решений. Признаться, юзабилити здесь получше чем у Google Analytics.

Читайте так же:
Счетчик меркурий накрутил больше

Нам нужна вкладка «HTML», где над формой кода увидите открывающийся блок «Дополнительные настройки».

Лично я тут всегда отмечаю:

  • асинхронный вывод;
  • в одну строку;
  • информер — если хотите показывать счетчик;
  • альтернативный CDN — позволяет корректно работать из любых регионов, где есть определенные сложности, например сейчас Яндекс.Метрика в Украине заблокирована .

После указания всех параметров внизу найдете готовый для вставки код.

3. Теперь заходим админ панель WP и выбираем пункт меню «Внешний вид» — «Редактор». По умолчанию будет открыта ваша текущая тема, поэтому остается только кликнуть по названию нужного файла — footer.php . Наверняка вы заметили, что в WP 4.9 появилась подсветка синтаксиса и автоматическая проверка ошибок.

Выбираете место в шаблоне, куда именно хотите установить код Яндекс Метрики в Вордпресс проекте. Разработчики советуют добавлять его в Header дабы учитывать даже тех юзеров, которые моментально закрыли страницу, но лично я ставлю его там, где хочу отображать счетчик — не охота «разрывать» информер и блок отслеживания по разным файлам макета.

Затем нажимаете на кнопку «Обновить файл» и проверяете все ли хорошо работает во фронтенде + внутри сервиса аналитики. Если собираетесь изменять настройки счетчика, то после выбора и сохранения соответствующих опций его нужно будет заново переустановить в шаблоне.

Метод №3. С помощью Google Tag Manager

Google Tag Manager (GTM) — это специальный сервис для удобного управления JavaScript и HTML-тегами без помощи программистов. Адрес сервиса: https://tagmanager.google.com/. Сначала нужно авторизоваться в аккаунте Google и нажать на кнопку «Создать аккаунт».

Создаем аккаунт в Google Tag Manager.

Введите название аккаунта, выберите страну, добавьте контейнер (адрес вашего сайта), выберите тип целевой платформы (в нашем случае — веб-сайт).

Настройки аккаунта GTM.

Установите код GTM по инструкции, описанной в справке.

Читайте так же:
Перестал работать счетчик километража ауди 80

Инструкция, как установить GTM.

Далее перейдите на вкладку «Теги» и нажмите на кнопку «Создать».

Создаем первый тег в GTM.

Введите понятное название тега, перейдите в конфигурацию и выберите «Пользовательский HTML».

Выбираем настройки тега для счетчика.

Скопируйте в поле код счетчика.

Настраиваем конфигурацию тега.

Установите триггер «All Pages» на все страницы сайта.

Специальный триггер для срабатывания тега.

Сохраните и опубликуйте полученный тег.

Конечные настройки тега в GTM.

В предварительном просмотре вы сможете увидеть, срабатывает тег или нет.

Миф о вреде Яндекс Метрики

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

Еще бытует мнение, что к молодым проектам противопоказано подключать Метрику, мол, сайт еще совсем зеленые и не имеет траста, пузомерок, посетителей, соответственно у него большой показатель отказов.

А это все приведет к тому, что на такой ресурс наложат фильтр и ему так не удастся подняться в выдаче.

Лично я сам раньше придерживался такой позиции, потому что этот блог попал под спустя 4 месяца, как появился на свет.

Естественно я тоже винил во всем Яндекс Метрику и корил себя даже по началу за то, что установил ее счетчик и спалили Яшке все данные блога.

А теперь давайте посмотрим на все это с другой стороны. Раз Метрика так вредит сайту, тогда почему мой блог спустя какое-то время , да еще и набрал 1000-ную посещаемость?

Очевидно, что установив счетчик вы не запорите свой проект, а наоборот получите доступ к полезной статистике, благодаря которой исправите ряд ошибок и увеличите приток не только посетителей, но и эффективность рекламных компаний, что позволит не сливать деньги.

Читайте так же:
Как заполнять счета при счетчиках

А если у вас на сайте плохие поведенческие факторы, то у Яндекса куча других способов, как об этом узнать. Например из того же браузера, которым вы пользуетесь. Если это Яндекс браузер, так тут и так все понятно, ну а если Опера, Хром, Эксплорер и другие, то откуда вы знаете, какое с ними заключил соглашение Яндекс на получение данных о пользователей.

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

Тоже самое можно сказать и о сервисах Лайвинтернет, Рамблер, может быть они сливают данные Яндексу?

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

Далее вам нужно проставить несколько галочек по своему желанию. Советую вам включить Вебвизор, это позволит вам отслеживать все действия пользователей на сайте. Вы можете выбрать, показывать информер Метрики на сайте или нет.

После всех настроек, скопируйте код счетчика Яндекс Метрики в буфер обмена и нажмите кнопку «Сохранить». Код счетчика нужно будет разместить на вашем сайте.

Код Яндекс Метрики для сайта

Google tag manager: настройка прослушивания форм и передача данных в Яндекс метрику

Прежде чем возвращаться в GTM, сохраним в текстовом файле код цели для сайта, скопированный в конце предыдущего шага. Позже мы возьмем оттуда номер нашего счетчика.

В GTM нам необходимо создать один пользовательский триггер и два тега.

Начнем с создания тега, фиксирующего взаимодействие пользователя с формой, созданной при помощи плагина contact form 7.

В рабочей области GTM переходим в пункт меню «Теги» — «Создать» — «Тип тега — пользовательский HTML».

Читайте так же:
Счетчики часто задаваемые вопросы

Далее, копируем и вставляем в окно HTML следующий код:

В качестве триггера выбираем — «Все страницы». Название тега — любое:

contact form 7 tracking

Сохраняем и публикуем тег.

Следующий шаг — создание триггера, который будет срабатывать при заполнении формы. Переходим в пункт меню «Триггеры» — «Создать» — «Тип события — Пользовательское событие»:

Пользовательское событие

В графе «Имя события» указываем formSubmit. Будьте внимательны — необходимо точно соблюдать синтаксис, иначе событие не сработает!

Название события — также рекомендую указать formSubmit или заполнение формы:

form submit

Сохраняем и опубликовываем изменения.

Мы почти у цели — осталось передать информацию о заполненной форме в наш счетчик Яндекс Метрики!

Для этого переходим в раздел «Теги» — «Создать» — «Тип тега — Пользовательский HTML» — и вставляем следующий код:

123456 — замените на номер Вашего счетчика Яндекс Метрики. Взять его можете из файла с кодом, который мы создали в начале этого шага или со страницы настроек (пример):

nomer

В качестве триггера для тега указываем пользовательское событие formSubmit:

Отслеживание форм ЯМ

Сохраняем тег и публикуем изменения на сервере.

Все готово! Проверить работоспособность тегов можно при помощи режима отладки в Google Tag Manager или зайдя на сайт с другого браузера и заполнив форму на сайте.

О работе в режиме отладки (предварительнго просмотра) я расскажу в одном из следующих постов, поэтому сегодня можете использовать второй вариант.

Если у Вас остались вопросы — задавайте из в комментариях! Всем удачи и до скорых встреч.

Нюансы

При отсутствии знаний и понимания общей логики работы того или иного файла, либо строчек кода в CMS вы повышаете риск вставить код не в то место, либо случайно удалить один из открывающихся или закрывающихся тегов. В этом случае можно получить распространенную ошибку – белый экран. Чтобы избежать таких побочных эффектов лучше всего редактировать файл через ftp. Файл будет находится в папке активной темы. Название активной темы можно посмотреть в админке Внешний вид -> Темы. После этого понадобится отыскать ее каталог по пути wp-content/theme/имя_нашей_темы . А дальше ищем footer.php и правим через любой удобный для вас редактор, проще всего это делать через Notepad++ . При любых багах мы можем откатиться к предыдущему варианту через команду CTR+Z и пересохраниться.

  1. 5
  2. 4
  3. 3
  4. 2
  5. 1

не скупись ;-)ставь лайк
Автор блогаРябухин Максим

Читайте так же:
Тольяттинский цсм поверка счетчиков

Я фрилансер веб-разработчик. Последние несколько лет занимаюсь версткой и веб-программированием на PHP и Javascript. Если вам понадобится помощь с блогом WordPress, либо адаптация сайта, я всегда рад помочь.

голоса
Рейтинг статьи
Ссылка на основную публикацию
Adblock
detector