Berezka7km.ru

Березка 7км
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Куда в вордпрессе вставить код счетчика. Куда лучше вставлять код яндекс метрики и почему? Установка счетчика Яндекс метрики, пошаговая инструкция

Куда в вордпрессе вставить код счетчика. Куда лучше вставлять код яндекс метрики и почему? Установка счетчика Яндекс метрики, пошаговая инструкция

Поменьше читайте всякий сео бред. Сео — это лженаука, выдуманная самими «сеошниками» дабы им было чем заняться и на чем заработать. Одни из них занимаются сео бредом чтобы срубить бабла. Другие — просто от нечего делать, или как говорится, — это «горе от ума» .
Куда вставить код счетчика — это не тот вопрос, о котором надо много думать. Без разницы куда его вставлять. Единственный критерий — что бы вам было удобно и чтобы он был на каждой странице.

В Метрике есть инструкция по установке счетчика

Установка
Добавьте код счетчика в HTML-код всех страниц сайта. Желательно разместить код ближе к началу страницы: так он будет быстрее загружаться. Если вы установили код на сайт, а потом поменяли настройки счётчика, код нужно будет обновить на всех страницах.

Сео — это лженаука, выдуманная самими «сеошниками» дабы им было чем заняться и на чем заработать.

СЕО — это не наука вовсе. Это комплекс мероприятий, направленных на улучшение видимости сайта в ПС и как следствие получения с них пользователей. Если пользователи с ПС не интересуют — тогда можно считать и лженаукой

А тот факт, что в этом деле 90% домыслы, глупости и откровеное враньё (потому как «сеошнеГи» даже документацию читать не могут и выдачу анализировать) — это другой вопрос.

Без разницы куда его вставлять.

Рассмотрим установку счетчика Яндекс-метрики на наш сайт , созданный на системе WordPress. мы говорили о том, что такое счетчики, какие они бывают и зачем нужны.

1. Установка счетчиков на сайт WordPress.

Общее правило: никогда не старайтесь поставить на сайт все возможные счетчики . Это замедлит работу сайта и не даст при этом большую пользу. Вы отлично сможете собирать необходимую информацию с помощью одного, максимум — двух счетчиков.

2. Устанавливаем счетчик Яндекс-метрику на наш сайт.

Шаг 1. Регистрация на сервисе Яндекс-метрика.

Заводим почту на Яндексе. У Яндекса имеется единая служба авторизации и мы сможем пользоваться всеми сервисами после создания почтового аккаунта.

Я не буду описывать детально шаги регистрации почты, думаю, с этим вопросов нет.

Шаг 2. Входим в панель Яндекс-метрики.

Мы вошли в панель метрики, где отображаются все наши счетчики. На данный момент счетчиков нет, давайте добавим счетчик.

Шаг 3. Добавляем наш сайт в Яндекс-Метрику.

Мы видим вот такую форму ввода данных:

В данной форме указываем наименование счетчика — это просто его название в панели метрики.

Вписываем адрес сайта (основной адрес, например сайт) и его зеркало — тут на всякий случай впишем www.сайт (несмотря на то, что у меня уже настроен 301-ый редириект, перенаправляющий всех посетителей с адреса www..org без www).

Отмечаем галочкой «Уведомлять меня о проблемах в работе сайта» — так вы сможете отслеживать стабильность работы сайта и хостинга.

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

Мы видим параметры настройки кода счетчика:

Нам нужно отметить галочками следующие опции:

Читайте так же:
Контрольный счетчик расчетный счетчик

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

Внизу страницы отображается код счетчика, который мы будем далее ставить на сайт.

Теперь выделяем весь код и копируем его нажатием комбинации клавиш ctrl+C.

Шаг 4. Добавляем код счетчика на сайт.

После этого переходим в административную панель нашего сайта на WordPress, в левой колонке находим кнопку «Внешний вид» —> «Редактор» . Мы попадаем в редактор кода нашей темы оформления.

Справа отображаются файлы темы, доступные для редактирования. Находим файл footer.php — код счетчика всегда вставляется в файл футера сайта:

В файл футера нам надо вставить скопированный ранее код счетчика. Я решил вставить код сразу после данных копирайта:

Помните: код счетчика всегда нужно вставлять до завершающих тегов футера :

WordPress — добавляем произвольный код HTML

WordPressСегодня хотел бы Вам рассказать о том как на примере WordPress добавить произвольный код HTML в нужном месте. Будь то код счётчика или код подписки на Ваш канал, реклама и так далее. Вставлять код будем через стандартный виджет WordPress.

WordPress — добавляем произвольный код HTML.

Всегда есть необходимость вставить произвольный код HTML, сделать красивую подписку на Ваш канал в боковой панели или просто разместить текст на главной странице, вариантов масса всё зависит от Ваших потребностей.

В последних версиях WordPress уже есть встроенный виджет для добавления произвольного HTML кода, так что устанавливать отдельные плагины не требуется.

И так, для того что бы добавить наш код нам необходимо в панели администратора перейти во вкладку «Внешний вид» -> «Настройка». Можно и через виджеты, но тогда мы не увидим сразу результат. Я предпочитаю больше визуальный редактор.

Визуальный редактор виджеты

Визуальный редактор виджеты

Выбираем место куда хотим добавить наш код. Я хочу добавить счётчик в боковую панель. Выбираем «Боковую панель (Sidebar)», у Вас может отличаться название, всё зависит от шаблона.

виджеты выбираем боковую панель

виджеты выбираем боковую панель

Дальше нажимаем «Добавить виджет» и выбираем из списка «HTML-код».

Выбираем виджет HTML

Выбираем виджет HTML

Появиться новый виджет, раскрываем его и в содержимое вписываем наш код, не забываем сохранять.

Вставляем в код виджет

Вставляем в код виджет

В результате получим такой результат.

Результат HTML

Таким образом Вы можете добавить HTML код в любое место где можно использовать виджеты.

На этом всё, надеюсь данная статья была полезной.

Не забывайте пользоваться кнопками «Поделиться в соц. сетях», так же подписываться на наш Канал и группы в ВК, Twitter, Facebook.

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

Дополнительные адреса сайта. Используются для мониторинга доступности сайта, фильтрации посторонних данных из отчётов и сбора статистики по внутренним переходам. Если у Вас только один адрес сайта, то оставьте это поле пустым.

Принимать данные только с указанных адресов. Если после начала работы Вы увидите в отчётах о посещаемости данные с других сайтов, то установите галочку в этом поле. При создании счетчика галочку не ставьте.

Часовой пояс – в этом меню установите время, которое соответствует Вашему постоянному месту проживания, чтобы Вы позже не запутались в оценке эффективности посещений сайта по времени суток. Например, если Вы живете в Москве, то оставьте GTM +3, а если в Красноярске, то выберите GTM +7.

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

Читайте так же:
Счетчик посещений сайта мейл

Тайм-аут визита в минутах – установите время бездействия посетителя на сайте (от 30 до 360 минут), после которого визит считается завершенным. Действия посетителя на сайте по истечении установленного времени будут считаться в рамках нового визита.

Если Вы владелец сайта услуг, интернет-магазина или блога – оставьте длительность тайм-аута без изменений. Если Вы владелец киносайта, то уставите тайм-аут визита на 3 часа, чтобы корректно получать данные о поведение пользователей, которые просматривают фильмы Тарантино)))

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

После того, как Вы нажали «создать счетчик» Вы автоматически попадаете на страницу настроек кода счетчика.

Если Вы не попали на эту страницу автоматически или настраиваете счетчик ранее установленный на сайт, то Вам необходимо перейти по ссылке https://metrika.yandex.ru/list (при необходимости авторизуйтесь), и напротив созданного Вами нового счетчика назад на шестеренку и перейти выбрать в верхнем меню «код счетчика».

Теперь нам необходимо настроить код счетчика под наши задачи:

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

Отслеживание хеша в адресной строке браузера. Добавьте эту опцию, если Ваш сайт работает на AJAX. Если Вы не знаете на какой CMS работает Ваш сайт – уточните этот вопрос у разработчика.

Асинхронный код – галочка стоит по умолчанию, оставляем все, как есть (код не блокирует и не влияет на скорость загрузки страницы вашего сайта).

Для XML сайтов– элемент noscript не должен использоваться в XML-документах. Добавьте эту опцию, если Ваш сайт работает на XML. Если Ваш сайт работает на обычной CMS (WordPress, Битрикс, Joomla и т.д) – пропустите этот пункт.

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

Запрет отправки на индексацию страниц сайта. Страницы сайта, на которых установлен код Яндекс.Метрики с включенной опцией, не отправляются автоматически на индексацию. Это важно когда на сайте есть закрытая информация, которая не должна оказаться в открытом доступе.

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

Отправка данных электронной коммерции. Опция позволяет подключить Ecommerce через веб-интерфейс. Если опция включена, по умолчанию JavaScript-массиву присваивается имя dataLayer. Вы можете изменить его в поле Имя контейнера данных. Актуально для интернет-магазинов, которые подключают ecommerc на свой сайт. Если Вы не владелец интернет-магазина оставьте ее пустой.

Как установить Яндекс.Метрику на сайт: пошаговая инструкция

Яндекс.Метрика — это инструмент веб-аналитики, позволяющий не только отслеживать количество посетителей сайта, но фиксировать действия и конверсии. Также сервис, дает возможность получать данные о пользователях:

  • Пол
  • Возраст
  • Географию
  • Устройства
Читайте так же:
Как считает счетчик моточасов

Данные о визитах и пользователях помогут бизнесу создавать сегменты для настройки рекламных компаний в Яндекс.Директ и составлять портрет целевой аудитории.

Создание аккаунта Яндекс.Метрики

Чтобы установить Яндекс.Метрику на сайт потребуется посетить сайт metrika.yandex.ru.

Главная страница Яндекс.Метрики

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

Главная страница Яндекс.Метрики

В появившемся окне видим список счетчиков. Если у Вас не было создано счетчиков Яндекс.Метрики или нет доступа к ним, то будет выведена надпись «Не найдено ни одного счётчика».

Для создания необходимо нажать на кнопку «Добавить счетчик».

Добавление нового счетчика Яндекс.Метрики

В появившемся окне необходимо заполнить:

  • Имя счетчика. Например, домен сайта, имя не влияет на характеристики счетчика и необходимо лишь для навигации;
  • Адрес сайта. Необходимо указать домен или полный путь к сайту;
  • Дополнительные адреса. Добавляет строчку для указания адреса, где можно указать дополнительный адрес сайта. Необходимо для фильтрации и мониторинга доступности сразу нескольких смежных сайтов, например, поддоменов;
  • Принимать данные только с указанных адресов. Ограничивает прием статистики именно с указанных адресов сайта. Если данный пункт не указан, то статистика будет учитываться со всех сайтов, где был установлен счетчик (не зависимо от указанных адресов).
  • Часовой пояс. Необходимо указывать часовой пояс клиентов, например, если сайт работает в основном в Москве, то потребуется выбрать «(GMT+03:00) Москва, Санкт-Петербург». Отвечает за корректность отчета «Посещаемость по времени суток»;
  • Вебвизор, карта скроллинга, аналитика форм (рекомендуется). Дает возможность к соответствующим инструментам веб-аналитики.

Настройка аккунта счетчика Яндекс.Метрики

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

Заполненный аккаунт Метрики

Для создания счетчика необходимо принять условия пользовательского соглашения и нажать на «Создать счетчик» и будет представлен код для установки Яндекс.Метрики.

Код счетчика Метрики

При необходимости можно вывести дополнительные настройки, где имеются:

  • Отслеживание хеша в адресной строке браузера. Функция полезна для сайтов на AJAX;
  • Для XML сайтов. В большинстве случаев не требуется;
  • В одну строку. Компонует код в одну строку;
  • Информер. Добавляет на сайт блок на сайт, показывающий статистику сайта, бывает простой и расширенный. Во втором случае при нажатии на блок показывается специальный виджет со статистикой за неделю (визиты, просмотры, пользователи, визиты);
  • Альтернативный CDN. Помогает корректно учитывать посещаемость из регионов, где заблокирован доступ ресурсам Яндекса. При включении опции может снизиться скорость загрузки счетчика;
  • Устаревший код счетчика (не рекомендуется);
  • Отправка в Метрику данных электронной коммерции. Необходима только при настроенной электронной коммерции (можно будет настроить позже);
  • Валюта. По умолчанию используется Российский рубль (RUB);
  • Тайм-аут визита. При бездействии пользователя на сайте в указанный промежуток времени визит будет считаться завершенным. Может принимать значения от 30 до 360, измеряется в минутах. По умолчанию используется 30 минут.

После этого можно приступать к установке кода Яндекс.Метрики на сайт.

Ручная установка Yandex Metrika (Способ №1)

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

Для установки потребуется внедрить код на все страницы сайта, как можно ближе к началу документа. Как правило, это элементы header (шапка сайта) или footer (подвал).

Для установки на WordPress потребуется зайти в «Внешний вид»-«Редактор» и найти файл head или footer и перед закрывающимся тегом </head> установить счетчик.

Редактор тем и header.php в WordPress

Также это можно сделать через FTP или файловый менеджер хостинга. Путь для данных файлов выглядит как «/wp-content/themes/ваша-тема/header.php».

Читайте так же:
Счетчика меркурий 230 sin

Для установки на Opencart необходимо зайти в файловый менеджер на хостинге или через FTP и изменить файл header.tpl, стандартный путь для файла «/catalog/view/theme/ваша-тема/template/common/header.tpl».

Установка через Google Tag Manager (Способ №2)

Если на сайте установлен менеджер тегов Google (GTM), то процесс установки будет значительно проще.

Заходим в аккаунт GTM для нужного сайта и выбираем вкладку «Теги» и нажимаем на кнопку «Создать»

Создание нового тега в GTM

Даем тегу название, например, yandexmetrika и выбираем конфигурацию тега.

Название тега yandexmetrika

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

В появившемся редакторе вводим созданный код счетчика.

сохранение тега метрики в Google Tag Manager

Теперь выбираем триггер для взаимодействия, который должен быть «All pages», что позволит подгружать счетчик на всех страницах сайта (где установлен Google Tag Manager).

публикация тега метрики на все страницы

После сохраняем тег.

сохранение тега метрики в Google Tag Manager

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

Публикация новой версии в GTM

Публикация новой версии в GTM

Все готово, счетчик установлен.

Установка Yandex.Metrika через плагины и модули для CMS (Способ №3)

Самый простой способ, подразумевающий под собой внедрение дополнительного функционала, позволяющего без знаний кода внедрить сервис данный сервис аналитики.

Для примера устанавливаем сервис Yandex.Metrika на сайт WordPress. В первую очередь заходит в административную панель сайта и выбираем вкладку «Плагины»->«Добавить новый», а в строке поиска вводим «yandex metrika».

Добавление нового плагина в WordPress

Поиск плагина Яндекс.Метрика в WordPress

После этого устанавливаем плагин (кнопка «Установить») и активируем его.

Активация плагина Яндекс.Метрика в WordPress

Для работы счетчика достаточно ввести ID в настройках, после чего статистика начнет собираться.

Как настроить цели Яндекс Метрики и Google Analytics для Contact Form 7

С начала 2018 года у многих пользователей WordPress и не только то и дело возникали проблемы с работоспособностью целей Яндекс.Метрики и Google Analytics. И в 95% случаев это связано с 2-мя событиями:

  1. После выхода версии 5+ Contact form 7 перестал работать старый способ добавления целей (on_sent_ok) и разработчики плагина предложили использовать DOM-события.
  2. С конца 2017 года для всех новых аккаунтов в Google Analytics по умолчанию предлагается установить новый код отслеживания Global Site Tag или gtag.js

В этой статье мы подробно разберём как настроить цели Contact form 7 в 2019 году, чтобы они работали. Разберем весь код на живом примере: на сайте Mebelzakaz5.by. А в конце я расскажу, как быстро проверить работоспособность целей.

DOM-события Contact Form 7 – что это и зачем

До 5-ой версии Contact Form 7 мы использовали параметры on_submit или on_sent_ok для отслеживания целей. И прописывали следующий код во вкладку “Дополнительные настройки”:

on_sent_ok: "yaCounterXXXXXXXX.reachGoal(‘id’);" on_sent_ok: "ga(‘send’, ‘event’, ‘id’, ‘Submit’);"

До 5-ой версии Contact Form 7 мы использовали параметры on_submit или on_sent_ok для отслеживания целей

А начиная с версии CF7 5.0 эти параметры были заменены на события DOM. Команда разработчиков мотивировала данное изменение, тем что использование параметров on_submit или on_sent_ok может угрожать безопасности сайта и в целом они устарели.

Вот небольшой список доступных DOM – событий

wpcf7invalid – срабатывает, когда поля неправильно заполнены, форма не отправляется.

wpcf7spam – срабатывает, когда есть подозрение на спам, форма не отправляется.

wpcf7mailsent – срабатывает, когда форма успешно заполнена и письмо отправлено на почту.

wpcf7mailfailed – срабатывает, когда форма успешно заполнена и отправлена, но при отправке на почту произошла ошибка.

wpcf7submit – срабатывает, когда отправка формы успешно завершена, независимо от других инцидентов.

В нашем случае мы будем использовать только событие wpcf7mailsent, которое срабатывает после успешной отправки формы.

Читайте так же:
Зеленоглазое такси шеф два счетчика

Как добавить цели Яндекс Метрики для Contact Form 7

Как настроить цели в интерфейсе Метрики:

Переходим в Яндекс.Метрику, выбираем нужный сайт, раздел Настройки – Цели – кнопка Добавить цель. В открывшемся окне выбираем JavaScript событие и пишем названием цели и идентификатор на латинице, как показано на скриншоте ниже. В моем случае я сделаю цель для всплывающего окна с формой «Перезвонить вам?», идентификатор цели будет: «formapopup».

Как настроить цели в интерфейсе Метрики

Цель создана, пора повесить цель на форму плагина Contact Form 7.

Настройка отслеживания цели на сайте WordPress:

Раньше мы переходили в настройки формы в вкладку “Дополнительные настройки” и писали там код:

Теперь нам нужен такой код:

<script type="text/javascript"> document.addEventListener( ‘wpcf7mailsent’, function(event) < yaCounterXXXXXXXX.reachGoal('formapopup'); >, false); </script>

Этот код необходимо разместить в Footer или Header вашего сайта, можно рядом с кодом подключения метрики или аналитики. Вместо “XXXXXXXX” нужно написать номер счетчика метрики вместо “formapopup” ваш идентификатор цели.

Как добавить цели Google Analytics для Contact Form 7

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

Старый код отслеживания GA – anlytics.js (до 2018)

<!— Google Analytics —> <script>(function(i,s,o,g,r,a,m),i[r].l=1*new Date(); a=s.createElement(o),m=s.getElementsByTagName(o)[0]; a.async=1;a.src=g;m.parentNode.insertBefore(a,m)>)(window,document,’script’,’//www.google-analytics.com/analytics.js’,’ga’); ga(‘create’, ‘UA-XXXXX-Y’, ‘auto’); ga(‘send’, ‘pageview’); </script> <!— End Google Analytics —>

Новый код отслеживания GA – gtag.js (с 2018)

<!— Global site tag (gtag.js) — Google Analytics —> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXX-Y"></script> <script>window.dataLayer = window.dataLayer || []; function gtag() gtag(‘js’, new Date()); gtag(‘config’, ‘UA-XXXXXXXX-Y’);</script>

Стоит отметить, что и новый и старый код прекрасно работают и передают все данные в Аналитику. Так что если у вас на сайте установлен старый код счетчика не спешите паниковать. А если хотите узнать в чем разница – читайте под спойлером ниже.

Не вдаваясь в подробности новый стиль установки счётчика был внедрен с одной целью — иметь один централизованный тег, который отправляет данные во все маркетинговые и аналитические инструменты Google.

Как настроить цели в интерфейсе Google Analytics

Выбираем сайт, далее Администратор, в третьей колонке “Представление” находим “Цели” и переходим в раздел.

Далее жмем красную кнопку “+ЦЕЛЬ”. В настройках цели на первом шаге “Установка цели” выбираем “Собственная”.

В “Описание цели” пишем название цели и выбираем тип “Событие”.

На последнем третьем шаге “Подробные сведения о цели” в поле “Категория” пишем уникальный идентификатор. В поле “Действие” прописываем “Submit”.

Ползунок под “Использовать ценность события в качестве ценности цели конверсии” выставляем в положение “Да”.

Картинку можно увеличить, нажмите на её

Как настроить цели в интерфейсе Google Analytics

Настройка отслеживания цели GA на сайте WordPress.

Перед тем как настроить цели на сайте нужно понять какой код отслеживания у вас установлен. Самый быстрый способ – это на любой странице сайта нажать “Ctrl+U” и, путем поиска на странице, найти код счетчика.

Если установлен “Старый” тип счетчика, код отслеживания цели будет такой:

<script type="text/javascript"> document.addEventListener(‘wpcf7mailsent’, function(event) < ga('send', 'event', 'formapopup', 'Submit'); >, false); </script>

Если установлен “Новый” тип счетчика, код отслеживания цели будет такой:

Вместо “formapopup” пишем свой идентификатор, который вы указали в поле “Категория”. “Submit” – это то,что вы указали в поле “Действие”.

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