Куда лучше вставить счетчик Яндекс Метрики?

Поставь его в <head>. Я сказал.  Разработчики российского поискового гиганта пишут, что код Яндекс Метрики можно располагать в любом месте HTML-кода, желательно ближе к началу страницы. В общем-то пост всецело посвящен этому «желательно» и особенностям с ним связанным. Особенности эти отлично себя проявляют как на больших, так и на малых объемах трафика.

Почему об этом не знает 80% разработчиков

В интернете вы найдете кучу постов по поводу того, что любые невидные пользователю скрипты коды Аналитики (в том числе и счетчик Яндекс Метрики) нужно загружать внизу страницы. Дескать, так они будут меньше влиять на скорость загрузки всего веб-документа. Поэтому многие рекомендуют ставить счетчик Яндекс Метрики перед закрывающим тегом </body>. Это считается «хорошими практиками» (с точки зрения фронт-энд разработчика).

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

Что об этом думает веб-аналитик

agile-analytics-cat[1]

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

Если код Метрики спрятан ближе к футеру — существует небольшая погрешность отправки данных в сервис, которая сильно неприятно искажает данные за неделю, месяц, и так далее…

Читайте также:  В интернете за тобой следят: все и всегда!

Что такое погрешность

Погрешность — это когда «где-то недовесили». Например, в магазине. Например, в логах сервера (или в прочих «аналитиках») Вы видите, что на сайте было 1000  уникальных посетителей, а до Яндекс Метрики дошло всего 976. Куда пропали 24 человека?

Такое часто происходит на длинных лонг-ридах или «бесконечных» лендингах. И не обязательно иметь длинную страницу для получения погрешности. Достаточно «нагрузить» короткий лендинг JavaScript’ом и запустить сравнительно большой трафик (5-6 тысяч уников в сутки).

Откуда берётся погрешность

Несмотря на асинхронность современного JavaScript, не все скрипты могут подгрузиться вовремя. В случае с кодом счетчика Яндекс Метрики, если он не успевает отправить события — вы теряете ценные данные.

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

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

Что по этому поводу пишут в Яндекс Метрике

Цитата:

Код можно располагать в любом месте HTML-кода, желательно ближе к началу страницы.

Элегантное решение, которое устроит многих

Annoying-Orange[2]

Если страница короткая — код идет в <head>. Если лонг-рид, то необходимо счетчик поставить сразу после первого видимого экрана. Это позволяет сохранить высокую скорость загрузки и максимально исключить возможные неточности сбора данных.

Читайте также:  Как считать уровень конверсии сайта?

Таким образом, если Метрика и повлияет на скорость загрузки страницы, пользователь это вряд ли заметит, т.к. браузер загрузит первый экран без «чужеродных» скриптов. И это быстро. Хорош такой вариант и для сбора данных: счетчик Метрики не заперт в подвале <footer> и не сдвинут с </body>, а значит, загружается максимально быстро.

 

Профессиональный оптимизатор сайтов и трафиковых показателей эффективности. Сертифицированный партнер Google в области веб-аналитики и контекстной рекламы. Фанат Google Analytics, Kissmetrics и решений, основанных на точных данных.
Сфера полномочий: от анализа ниши до реализации проекта и обеспечения самоокупаемости.

Добавить комментарий

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