Azotirovanie.ru

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

Подключение Яндекс Метрики и Google Analytics через

Подключение Яндекс Метрики и Google Analytics через functions.php

Частенько возникает потребность анализировать сайт, проверять посещения, следить за пользовательскими факторами. Это необходимо для улучшения сайта, лучшего понимания его устройства и SEO. В случае с WordPress проблем с подключением Яндекс Метрики или Google Analytics практически нет. Можно установить плагины, которые автоматически добавят необходимое, можно просто внести код в нужный файл. Лично я предпочитаю пользовательский код вынести в отдельный плагин, но сегодня расскажу, как это сделать через файл функций.

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

Нужна помощь? Не проблема, напишите мне на почту: admin@workinnet.ru

Добавляем Метрику или Google Anaytics в functions.php

Давайте сначала разберемся, где взять счетчики. Это задача простая, здесь требуется только зарегистрироваться и получить код. Я не буду описывать, как это сделать. Описание есть в справке на официальных сайтах: https://metrika.yandex.ru/ и https://analytics.google.com/ В общем, получение кода проблем не составит. А лишнее пустословие ни к чему.

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

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

Нет желания захламлять header.php или footer.php. Вполне объективная причина. Пак отдельный функций перенести проще, чем выковыривать отдельные фрагменты из разных файлов. Лучше в шаблоны не добавлять ничего лишнего.

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

Просто хочется позаморачиваться. Самая уважительная причина из всех. Сам такой.

Основные причины перечислил, пришло время добавлять Метрику или Аналитику через functions.php

Все крайне просто

Вообще, идеи подобных текстов рождаются, когда вдруг обнаруживаю, что есть кое-какая информация, но в сети об этом почему-то не рассказали. Даже удивительно, ведь встроить Метрику или Analytics через functions.php приходит в адекватную голову часто (но встройка в виджеты более распространенное явление). Конечно, опытный пользователь WordPress проблем в этом не увидит, а неопытного отправят… за плагином.

В общем, есть простое решение — хуки (крючки). Они позволяют избежать написания сложных функций, не плодить исполняемые файлы и не заморачиваться. Достаточно указать нужный hook и система поймет, куда нужно встроить код.

Читайте так же:
Счетчик маяк 301 арт

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

Добавляем Метрику через functions.php

Встраиваем Метрику через functions.php

В первую очередь добавляем счетчик и получаем код. Не забудьте включить Вебвизор, если нужен.

Устанавливаем Яндекс Метрика посредством functions

Открываем файл functions.php темы и добавляем следующие строки (не забудьте вставить свой счетчик, начинается он со строки <!— Yandex.Metrika counter —>, заканчивается строкой <!— /Yandex.Metrika counter —>:

Разберем по порядку.

Функция add_action добавляет определенное действие посредством использования хука (крючка). То бишь, wp_head – хук, который определяет, где будет совершено действие, в данном случае в разделе — <head> </head> , добавленное мной « wp_metrikass » – функция, которую я определю далее, ее название должно быть уникальным, в противном случае следует ожидать конфликтов, потому обзывайте изощреннее. Не забывайте перед началом кода ставить тег ?> , это завершит блок php . После вставки скрипта Метрики, который начинается со строки <!— Yandex.Metrika counter —> и завершается строкой <!— /Yandex.Metrika counter —> введите <?php и поставьте « > », чтобы завершить функцию. Код метрики скопируйте свой. Он будет выведен после создания счетчика.

Готово, Метрика добавлена через functions.php . Кстати, если решили вставлять код через подвал, используйте хук wp_footer вместо wp_head . В таком случае функция активируется при подгрузке подвала.

Встраиваем Google Analytics через functions.php

Есть ли в данном случае серьезные отличия? Конечно нет, принцип совершенно тот же. Создаем действие, указываем хук wp_head , создаем новую функцию. Блок выше сработает и для Аналитики, только создайте новую функцию, иначе конфликты гарантированы. Для примера выкладываю код:

Плагин Яндекс метрика для WordPress

Плагин Яндекс метрика для WordPress

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

Принцип работы ЯМ

Плагин Яндекс метрика для WordPress

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

Работа Метрики построена на нескольких базовых понятиях. Так, «посетитель» – это человек, зашедший на любую страницу сайта; «визит» – это время нахождения посетителя на сайте; «просмотр» – каждое открытие или обновление страницы. Визит включает все действия, включая просмотры, покупки, отправку сообщений и т. д. В отчетах можно увидеть все это в структурированной форме.

Читайте так же:
Что будет если истек срок поверки счетчика

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

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

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

Установка счетчика ЯМ на сайт WordPress

Установить счетчик можно самостоятельно или при помощи специального плагина. В первом случае нужно иметь представление о работе с файлами сайта. Код, предоставленный системой Метрики необходимо разместить между тегами <body> </body> или <head>….. </head>. По большому счету не важно, на какой части файла будет установлен код ЯМ. Но, чем ближе к началу общего кода он будет находиться, тем быстрее будет загружаться. А при быстрой загрузке счетчик будет успевать зафиксировать даже очень быстрый визит, при котором человек почти сразу нажал кнопку выхода.

Счетчик следует настраивать еще перед размещением кода на страницах. Если вдруг пришлось изменить его настройки, то код нужно на всех страницах обновить.

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

Установка ЯМ при помощи плагина

Установка ЯМ при помощи плагина

Самый удобный способ размещения кода счетчика – это использование плагина. Огромное количество веб-мастеров, работающих с платформой wordpress используют плагин DL Yandex Metrika. Это удобное, простое для использования и бесплатное решение, позволяющее экономить время и силы при настройке сайтов. У такого варианта установки несколько преимуществ. Во-первых, он избавляет от необходимости вручную вводить код, во-вторых, не требует вмешиваться в изначальный код темы, в-третьих, при обновлении темы счетчики продолжат работать без переустановки.

Устанавливается плагин нескольким способами, как все другие расширения. Чаще всего применяется установка через админ панель платформы. В ней нужно открыть раздел «плагины» и нажать «добавить новый». В открывшемся каталоге в поисковую строку ввести название плагина – Яндекс Метрика, найти нужное расширение, установить его и активировать.

Читайте так же:
Водоканал сервис замена счетчиков

После установки на панели управления появляется раздел «DL Yandex Metrika». Через него следует настроить плагин. Чтобы начать работу, нажимаем кнопку «разрешить доступ к своим данным метрики и получить токен». Система предложит авторизироваться на Яндексе. После этого всплывает окно, запрашивающее разрешение доступа к данным Яндекса. Здесь жмем на «разрешить».

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

Плагин DL Yandex Metrika покажет всю запрашиваемую статистику прямо в консоли управления сайтом или блогом. Просто выбираем интересующий раздел статистики, нажимаем на команду выведения данных, и получаем удобную картинку статистики.

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

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

Не работает информер яндекс-метрики на WordPress?

Плагины и Шаблоны для WordPress

Недавно произошел у меня непонятный глюк. Посещая в очередной раз, статистику Яндекса — Яндекс-метрика, я увидел, что она перестала работать. Все показатели были на нуле.Не работал так-же информер(счетчик), создалось такое впечатление, что сайт не работает. Тогда я подумал, что это временное явление и ничего не предпринял. На второй день, картина повторилась, потом третий и я понял, что нужно посмотреть у себя на сайте.

Конфликт

Скрипт Яндекс-метрики, у меня был размещен в подвале, поэтому я открыл файл footer.php и посмотрел на месте ли скрипт. На первый взгляд, все было нормально. Я решил еще раз скопировать код метрики на сайте Яндекса и еще раз вставить его себе на сайт. В тот момент, когда я добавлял код, я заметил, что он отличается от старого, на пару символов. Я разместил их рядом и начал сравнивать. И внутри кода я нашел такое отличие:

Плагины и Шаблоны для WordPress

Как видно, пропала [с] и не понятно почему и при каких обстоятельствах.

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

Читайте так же:
Где логика земной шар счетчик колесо

Я не очень люблю плагины, но некоторые из них я все же использую. Это плагины, которые просто скриптами не заменить или не имеет смысла заменять. У меня их 4 и я начал разбирать по-порядку. Первым был плагин, который делал постоянные ссылки ЧПУ. он отпал сразу, как и второй, что создавал карту сайта. Они не могли поменять файлы темы и я был уверен в этом. Третий был — Aksiment, который борется со спамом в комментариях. Это стандартный плагин и вряд ли он мог такое сделать, об этом бы много писали. Остался еще один, который помогает выводить коды в виде текста для моих статей.

Это был плагин SyntaxHighlighter. К тому же меня зацепило то, что в пропавшей части кода были квадратные скобки. Данный плагин тоже использует квадратные скобки для шорткодов, чтобы заключать код, который нужно вывести в виде текста. Немного повозившись я понял, что это 100% его вина и случилось это, через мою невнимательность.

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

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

На этом все, спасибо за внимание.

Если Вам был полезным мой труд, можете финансово поддержать сайт или отключить блокировщик рекламы, что займет 2 минуты 🙂

Настройка целей и событий Google Analytics / Яндекс Метрики на сайте WordPress и др.

событий Google Analytics и Метрики

Как-то так получилось, что до недавнего времени я почти не сталкивался с внедрением событий(events) аналитики Гугла и Яндекса. Вчера разобрался с этим вопросом и решил зафиксировать для себя в блоге основные нюансы по теме + возможно, внести ясность для пользователей-новичков. В примере будет фигурировать популярная нынче WordPress CMS, но логика работы актуальная и для других решений. Вопрос создания целей/событий в текущей статье я не рассматриваю, только техническая часть работы (не исключено, что позже дополню пост).

Установка кода

Первым делом вам, конечно, нужно будет зарегистрироваться в данных сервисах аналитики. Там вы получаете код счетчика, который следует добавить на свой веб-проект. Ранее в другом блоге я уже публиковал статьи о том как установить Google Analytics на WordPress и про внедрение кода Яндекс Метрики на сайт, где рассмотрел интеграцию скриптов через хедер/футер или специальные плагины.

В принципе, вставлять HTML/JS-код напрямую можно в любой CMS, однако в Вордпресс разработчики советуют делать это через файл функций (functions.php). Вот как это выглядит:

Здесь производится вставка содержимого функции add_analytics_codes в шапку сайта wp_head. Если вдруг захотите добавить код в футер, используйте значение wp_footer. Открывающего php-тега нет т.к. всю конструкцию вставлял в уже не пустой файл. Также не забудьте добавить реальные скрипты, в примере содержится лишь схема интеграции.

Читайте так же:
Пропускная способность турбинного счетчика

Создание целей и внедрение их на сайт

Дальше вам нужно создать и настроить цели. Зачастую они прикрепляются к определенным событиям на страничках сайта, отвечающим за конверсию: отправку заявки через форму, клик по определенной кнопке, по ссылке email и т.п.

По целям/событиям можете почитать тут, в общем случае для них используется следующая конструкция (кстати, сейчас у Гугла уже новый gtag скрипт).

  • action – определяет целевое действие (click, submit).
  • label – метка/ярлык события.
  • category – его категория.
  • value – ценность события (положительное число).

Например, мне для вставки целей прислали такие значения:

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

ym(XXXXXX, ‘reachGoal’, target[, params[, callback[, ctx]]]);

Добавление целей для кнопок/ссылок в HTML

Чтобы добавить реакцию на то или иное действие пользователя нужно использовать функцию javascript под названием “onclick”. Она вставляется в качестве атрибута тега А, например так:

<a onclick="gtag(‘event’, ‘click’, < 'event_category': 'tel',>); yaCounter555555.reachGoal(‘telclick’);" href="tel:+380676767667">Тел: +38(067)676-7667</a>

Как видите, тут у меня используется активная ссылка на номер телефона, о которой я писал ранее.

Форма обратной связи

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

Тут я нашел 2 решения.

1. В первом предлагается размещать срабатывание onclick в тег формы Form (НЕ на кнопку) + добавляется параметр return true дабы отслеживать исключительно успешные срабатывания.

2. Если же у вас установлен WordPress плагин Contact Form 7, то в современной его версии были введены специальные DOM-события, отвечающие за результаты работы формы:

  • wpcf7invalid — неправильное заполнение, отправки нет;
  • wpcf7spam — выявлен спам, отправки нет;
  • wpcf7mailsent — все успешно и письмо отправлено на почту;
  • wpcf7mailfailed — все заполнено и выслано, но возникла ошибка отправки на email.
  • wpcf7submit — успешное завершение работы с формой независимо от других факторов.

Нам пригодится третий вариант. Соответствующий скрипт добавляется в шапку сайта – для Worpdress через все тот же файл функций.

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

Здесь ХХХХХХ – номер (ID) созданной в Вордпресс формы. Также вам следует заменить значение цели Яндекс.Метрики yaCounter555555 на свое. Если надо внедрить какой-то, отличающийся от моих примеров, код Гугло-аналитики, то просто вставляйте свои значения по тому же алгоритму, что показан в статье.

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

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