как асинхронно загрузить код яндекс метрики
Асинхронный код счетчика
Асинхронный код отслеживания (счетчика) — это код скрипта, вставляемого в тело сайта, разработанный для отслеживания статистики посещаемости. К ним относятся скрипты Google Analytics и Яндекс.Метрики.
Асинхронным этот код называется из-за того, что выполняется параллельно всем остальным скриптам. Что это значит?
По умолчанию, все JavaScript выполняются последовательно, и, если в первом коде есть ошибка или элемент, задерживающий загрузку остальных скриптов, то в отслеживание статистики посещений может закрасться ошибка. Асинхронный код выполняется параллельно остальным процессам и самым первым при загрузке страницы. Это обеспечивает его 100% срабатывание и точный сбор данных.
Данные, отправляемые этим скриптом, формируют статистические объекты. К ним относятся:
Эти данные нужны для того, чтобы сформировать общую картину о сайте: количество посетителей, их пол и возраст, географию и время, проведенное на сайте, страницы входа и выхода, и т. д.
Где взять код Google Analytics и Яндекс.Метрики?
Чтобы получить код Google Analytics вам необходимо:
Чтобы получить ассинхронный код в Яндекс. Метрике:
Куда ставить код Google Analytics и Яндекс.Метрики?
Но, если вы, например, владелец сайта на WordPress, то для вас доступны специальные плагины с кодом «Google Analytics for WordPress» или Google Analyticator. Вы просто вставляете ваш Tracking ID в поле Analytics Profile, и система выполняет авторизацию самостоятельно.
Вы сами формируете оценки эффективности для нас: продажи, кол-во заявок, другое
Мы работаем в рамках ваших бюджетов на прогнозируемый результат
Как сделать в яндекс метрике асинхронный код?
Всем привет! Подскажите как сделать в Яндекс метрике асинхронный код? В старых версиях раньше был чек бокс с выбором ставить с async или нет. В актуальной версии такого выбора нет (
Он как бы есть, но поставив код старой версии и там уже выбрать асинхронный код ), но хотелось бы актуальную версию. Либо async встроен в код в новой версии по умолчанию?
Почему везде рекомендуют код метрики устанавливать в конце тега body? Аргументируя это, якобы так уменьшается точность, но не страдает скорость загрузки). Но для меня не понятно, если код асинхронный, какая разница, где его устанавливать, ведь можно сделать по мануалу закинуть в header и радоваться более точным показателям и скорость как я писал за счет асинхронного кода не пострадает. Так в чем прикол?)
Александр, может, Вы подскажите?
Комментарии:
Если вы вставите код Яндекс Метрики в общий внешний файл, то он всё равно будет загружен асинхронно. Код счетчика же очень простой. Он создаёт элемент script. Добавляет к нему свойство asynс со значением 1 и src со значением «https://mc.yandex.ru/metrika/tag.js». Далее находит самый первый элемент script на странице и подключает только что созданный элемент script перед ним. После этого браузер загружает скрипт Яндекс Метрики асинхронно (т.к. он имеет свойство async равное true) и после загрузки выполняет.
Поместить код Яндекс метрики в свой внешний скрипт или расположить его непосредственно на странице после подключения этого внешнего скрипта – это почти одно и тоже.
Почему вы свой внешний скрипт не загружаете в фоне? Сейчас уже никто не помещает скрипты в конец страницы. Лучше поместите свой внешний скрипт в head и добавьте к нему атрибут defer. В этом случае он будет грузиться в фоне и как только DOM дерево будет готово, то сразу выполнится. Вот это действительно может увеличить быстродействие, т.к. пользователь с ней сможет взаимодействовать намного раньше.
Если вы хотите выполнить код после того, как DOM будет готов, то используйте следующую конструкцию:
Статус счетчика может показываться красным если от него не было получено отклика (превышено время ожидания). Это может случиться, если страница очень долго загружается, а он подключен после полной её загрузки.
Для проверки лучше проводить несколько тестов, а потом вычислять среднее значение, которые затем уже сравнивать. У вас все результаты в пределах погрешности ±5%.
Какой вариант выбрать вы должны сами. У каждого варианта имеется свои плюсы и минусы. Кто-то одни плюсы и недостатки считает более весомыми, и предлагает делать так, кто-то считает наоборот и делает по-другому. И тот и другой может привести аргументы и отстаивать свой вариант.
Лично я в данный момент предпочитаю подключать все скрипты в head, тем которым нужен DOM с атрибутом defer, кому не нужен – async.
Код Метрики стал быстрее
Долгожданное обновление: мы ускорили код Метрики, чтобы он как можно меньше влиял на работу сайта. Мы внимательно следили за вашими пожеланиями — поэтому доработали код таким образом, чтобы он стал работать быстрее даже на самых «тяжёлых» и сложных сайтах. И даже если на счётчике подключены дополнительные возможности — Вебвизор, электронная коммерция или контентная аналитика. При этом переустанавливать счётчик на сайт не понадобится.
Коротко — самое главное:
Как именно мы ускорили код
Для этого потребовались два больших проекта:
Счётчик не просто загружается быстрее: теперь он способен фиксировать больше коротких визитов на сайт, которые раньше просто не успевали записаться в отчёты — так как к концу супер-короткого визита счётчик ещё не был загружен. В результате статистика станет ещё более полной — вы сможете лучше понимать, сколько визитов оказываются совсем непродолжительными, и исследовать, почему это происходит. Например, дело может быть в неудачной ссылке в рекламном объявлении — и это важно вовремя исправить.
Такие масштабные изменения всегда требуют длительной и тщательной отладки. Недостаточно просто переписать код с нуля — важно проверить, что он совместим со всеми браузерами и со всеми способами вёрстки, и со всеми их комбинациями. Например, если посетитель заходит с какой-нибудь устаревшей модели мобильного, на Linux, из браузера Puffin — ведь счётчик должен корректно отрабатывать в самых разных ситуациях. Поэтому на тестирование более быстрого кода потребовалось значительное время.
Мы благодарим всех участников закрытого бета-тестирования, которые помогали нам проверять работу более быстрого кода «в боевых условиях». Ваши отзывы и подробные комментарии помогли нам сделать быстрый код доступным для всех пользователей Метрики 🙌
Быстрый код подключается автоматически только при условии, что на сайте у вас установлена актуальная версия счётчика.
Как проверить версию счётчика: если в коде Метрики у вас на сайте есть строчка tag.js, это актуальный код. А если в нём встречается watch.js — значит, у вас устаревшая версия. Как посмотреть код счётчика на сайте, описано в Справке.
Если у вас — устаревшая версия кода, рекомендуем заменить её на актуальную. В устаревшей версии watch.js не поддерживаются новые возможности Метрики, в том числе и более быстрая загрузка серверной части кода. Актуальная версия кода Метрики есть в настройках счётчика — просто скопируйте этот код и установите его на все страницы сайта вместо старого кода.
Чтобы ещё больше ускорить код Метрики, мы готовим и другие обновления. Оставайтесь на связи — подписывайтесь на наши новости, чтобы ничего не пропустить!
Скрипт метрики (tag.js) съедает процессорное время при загрузке
Обнаружил что при загрузке страницы скрипт Яндекс.Метрики что-то очень активно обрабатывает. Длится это
400 мс. Проверял на 2х сайтах.
Небольшое копание вглубь показывает (насколько я понял) что для работы вебвизора либо аналитики форм метрика индексирует весь DOM и именно на это уходит очень много ресурсов.
Кто-то сталкивался с подобной проблемой? Совсем отказываться не хочется, но и людей с мобильными браузерами жалко.
В большинстве случаев при правильной установке код Метрики не должен существенно влиять на скорость загрузки сайта. Рекомендуем проверить, что код счётчика Метрики установлен так, что он загружается полностью асинхронно от контента сайта.
Помимо этого, советуем обращать внимание именно на те показатели отчёта Google PageSpeed Insights, которые напрямую связаны с качеством взаимодействия конкретно с вашим сайтом. Например, для контентных сайтов важно время до отрисовки, а для сайтов с интерактивными элементами — время загрузки для взаимодействия.
Также напомним, что по утверждению самих разработчиков сервиса рекомендации по оптимизации (в том числе и рекомендации по работе со сторонним кодом) не являются факторами, которые напрямую влияют на общий показатель производительности сайта.
Сейчас мы работаем над созданием новой версии легкого кода счетчика, который будет работать быстрее. В настоящее время проводится закрытое тестирование: https://yandex.ru/blog/metrika/otkryvaem-zapis-na-testirovanie-novogo-koda-schetchika
Следите за новостями;)
Сейчас мы готовим большое обновление Вебвизора 2.0, в котором будет исправлено множество проблем. Мы постараемся учесть и Вашу проблему.
320кб минифицированного файла.
страница со счетчиком становится доступной пользователю почти на секунду позже, чем страница без счетчика http://joxi.ru/823RRZZcJNl9Rm
Для моб версий сайтов это достаточно негативно сказывается на пользовательском опыте.
У нас файлы скриптов spa-приложения, написанного на реакте, с редаксом, роутингом, со всеми зависимостями меньше размером чем один скрипт счетчика метрики.
Команда метрики не думала по этому поводу огромного размера скрипта? Может для мобильных устройств нужно сделать скрипт поскромнее в размерах?
320кб минифицированного файла.
страница со счетчиком становится доступной пользователю почти на секунду позже, чем страница без счетчика http://joxi.ru/823RRZZcJNl9Rm
Для моб версий сайтов это достаточно негативно сказывается на пользовательском опыте.
У нас файлы скриптов spa-приложения, написанного на реакте, с редаксом, роутингом, со всеми зависимостями меньше размером чем один скрипт счетчика метрики.
Команда метрики не думала по этому поводу огромного размера скрипта? Может для мобильных устройств нужно сделать скрипт поскромнее в размерах?
Мы понимаем важность корректной работы Вебвизора и прилагаем максимум усилий для скорейшего решения вопроса, однако на поиск окончательного решения может потребоваться длительное время.
На смартфоне в Mozilla в адаптивной версии сайта наблюдаю замедление загрузки сайта, появляется окно ошибки сценария \»Внимание: Сценарий не отвечает\» и ссылка на сценарий https://mc.yandex.ru/metrika/tag.js:66
В Chrome ошибки сценария нет. Тормоза с загрузкой скрипта есть.
Добрый день, присоединяюсь к просьбе что-нибудь сделать с кодом Метрики:
На смартфоне в Mozilla в адаптивной версии сайта наблюдаю замедление загрузки сайта, появляется окно ошибки сценария «Внимание: Сценарий не отвечает» и ссылка на сценарий https://mc.yandex.ru/metrika/tag.js:66
В Chrome ошибки сценария нет. Тормоза с загрузкой скрипта есть.
По возможности опишите подробно шаги, при которых наблюдается ситуация, а также приложите скриншоты и скринкасты, подтверждающие тормоза.
И после этого вылетает программа SOCPUBLIC AGENT
По возможности опишите подробно шаги, при которых наблюдается ситуация, а также приложите скриншоты и скринкасты, подтверждающие тормоза.
По возможности опишите подробно шаги, при которых наблюдается ситуация, а также приложите скриншоты и скринкасты, подтверждающие тормоза.
пожалуйста, пришлите примеры ситуаций в поддержку: https://yandex.ru/support/metrika/troubleshooting.html
По возможности опишите подробно шаги, при которых наблюдается ситуация, а также приложите скриншоты и скринкасты, подтверждающие тормоза.
постоянно стал выдавать это сообщение и подвисать, что делать?
По возможности опишите подробно шаги, при которых наблюдается ситуация, а также приложите скриншоты и скринкасты, подтверждающие тормоза.
«,»replyTo»:»5d38b45e1c76670031159a7d»,»replyToName»:»Вова из Коврова»>>»>
tag.js поддерживает Вебвизор 2.0 и новые (и старые тоже) методы JS API.
Метрика сжирает 2 054 ms при загрузки сайта.
Метрика сжирает 2 054 ms при загрузки сайта.
У нас основной пожиратель времени по загрузке и выполению js, это YM:
если верить этому измерению, то код YM замедляет нам страницу на 1+ с, что конечно очень много в современных реалиях!
Сайт на Битриксе note-store.ru. И что делать? Никакого решения в интернете не нашел.
Аналогичная ситуация с кодом Я.Метрики, которая замедляет скорость загрузки страницы.
У нас основной пожиратель времени по загрузке и выполению js, это YM:
https://yadi.sk/i/sdgyzx1WkARKVg
https://yadi.sk/i/tm1jof6CjvC9vg
если верить этому измерению, то код YM замедляет нам страницу на 1+ с, что конечно очень много в современных реалиях!
Сайт на Битриксе note-store.ru. И что делать? Никакого решения в интернете не нашел.
здравствуйте. Посмотрел ваш сайт. Вы так и не нашли решение этой проблемы?
сек задержка только из-за метрики. Пока проблему решил временно: Отключить визор и вставить устаревший код счетчика асинхронно. Результат конечно радует, но без визора. Подпишусь на эту страницу, может когда нибудь эта проблема решиться.
сек задержка только из-за метрики. Пока проблему решил временно: Отключить визор и вставить устаревший код счетчика асинхронно. Результат конечно радует, но без визора. Подпишусь на эту страницу, может когда нибудь эта проблема решиться.
Вебвизор 2.0 включен.
Я так понимаю, что решить проблему можно только пожертвовав Вебвизором?
Тоже временно перешел на старый код метрики со старым вебвизором.
Долшо до абсурдного, что Явебмастере появляются критические предупреждения о медленной работе сайта. Т.е. Яндекс жалуется, на свои же скрипты.
Да! Новый вебвизор сканирует весь DOM.
Тоже временно перешел на старый код метрики со старым вебвизором.
Долшо до абсурдного, что Явебмастере появляются критические предупреждения о медленной работе сайта. Т.е. Яндекс жалуется, на свои же скрипты.
Попробуем старый код, спасибо за идею:)
Кто-то ка-то решил проблему? 🙂
Кто-то ка-то решил проблему? 🙂
В большинстве случаев при правильной установке код Метрики не должен существенно влиять на скорость загрузки сайта. Проверьте, что код счётчика Метрики установлен так, что он загружается полностью асинхронно от контента сайта.
Напомним, что по утверждению самих разработчиков сервиса рекомендации по оптимизации (в том числе и рекомендации по работе со сторонним кодом) не являются факторами, которые напрямую влияют на общий показатель производительности сайта.
В некоторых случаях может наблюдаться увеличение времени загрузки для счетчиков, у которых включен Вебвизор 2.0. Специфика его работы требует полной обработки контента сайта. Если ваш сайт обладает множеством контентных элементов, вы можете переключиться на Вебвизор 1.0, выбрав галочку \»Устаревший код счетчика\» в Настройках
https://yandex.ru/support/metrica/general/counter-general.html#other. Не забудьте переустановить код счетчика Метрики на всех страницах сайта.
Мы постоянно работаем над ускорением загрузки кода, и в следующих обновлениях кода счётчика представим более лёгкую версию.
02.02.2020 UPD: М ы работаем над новой версией кода счетчика, который будет работать быстрее. Записывайтесь на закрытое тестирование: https://yandex.ru/blog/metrika/otkryvaem-zapis-na-testirovanie-novogo-koda-schetchika
На данный момент в тестирование, в первую очередь, мы сможем взять счетчики с большим объемом трафика (
10 000 посетителей в неделю), т.к. на таких счетчиках можно быстрее протестировать работу нового кода.
В большинстве случаев при правильной установке код Метрики не должен существенно влиять на скорость загрузки сайта. Проверьте, что код счётчика Метрики установлен так, что он загружается полностью асинхронно от контента сайта.
Напомним, что по утверждению самих разработчиков сервиса рекомендации по оптимизации (в том числе и рекомендации по работе со сторонним кодом) не являются факторами, которые напрямую влияют на общий показатель производительности сайта.
В некоторых случаях может наблюдаться увеличение времени загрузки для счетчиков, у которых включен Вебвизор 2.0. Специфика его работы требует полной обработки контента сайта. Если ваш сайт обладает множеством контентных элементов, вы можете переключиться на Вебвизор 1.0, выбрав галочку «Устаревший код счетчика» в Настройках
https://yandex.ru/support/metrica/general/counter-general.html#other. Не забудьте переустановить код счетчика Метрики на всех страницах сайта.
Мы постоянно работаем над ускорением загрузки кода, и в следующих обновлениях кода счётчика представим более лёгкую версию.
02.02.2020 UPD: Мы работаем над новой версией кода счетчика, который будет работать быстрее. Записывайтесь на закрытое тестирование: https://yandex.ru/blog/metrika/otkryvaem-zapis-na-testirovanie-novogo-koda-schetchika
На данный момент в тестирование, в первую очередь, мы сможем взять счетчики с большим объемом трафика (
10 000 посетителей в неделю), т.к. на таких счетчиках можно быстрее протестировать работу нового кода.
Как установить счетчик Яндекс.Метрики на сайт
София Биткова ppc.world (до 2019 года)
Яндекс.Метрика — это бесплатный сервис веб-аналитики, который собирает в отчеты данные о посещаемости, поведении пользователей и помогает повысить эффективность рекламы. В этой статье мы разберем, с чего начать работу с Яндекс.Метрикой и как установить ее на сайт.
Для авторизации в Яндекс.Метрике нужно использовать аккаунт, зарегистрированный в системе Яндекс. Лучше выбрать логин, под которым вы работаете в Яндекс.Директ.
Этап 1. Создание счетчика
1. Чтобы начать, на сайте metrika.yandex.ru нажмите «Добавить счетчик»:
2. Откроется страница «Новый счетчик», где нужно заполнить поля информацией.
Имя счетчика — это название будет использоваться для внутренней работы со счетчиками в системе. Для удобства лучше использовать название сайта. Если оно не заполнено, имя подтянется из поля Адрес сайта.
Адрес сайта — основной домен сайта без префикса протокола http:// или путь сайта до элемента
Дополнительные адреса — поле заполняется в следующих случаях:
Принимать данные только с указанных адресов — эту опцию необходимо выбрать, если в отчетах вы заметили данные о посещении страниц с посторонних сайтов.
Совет: опции Включая поддомены и Принимать данные только с указанных адресов можно активизировать при создании счетчика, даже если нет дополнительных адресов. В будущем у сайта могут появиться поддомены, или это пригодится для профилактики реферального спама.
Часовой пояс — в данном поле нужно указать часовой пояс, в котором живет ваша целевая аудитория, а не рекламодатель. Если вы не уверены, то часовой пояс можно будет изменить после запуска счетчика. В отчете Посетители → География можно проверить, в каком регионе находятся ваши основные посетители.
Валюта — используется для обозначения ценности цели, а также для данных по доходу Директа и электронной коммерции. Для удобства используйте ту же валюту, что и в Директе.
Тайм-аут визита в минутах — время бездействия на сайте (от 30 до 360). После истечения выбранного времени визит считается завершенным. Оптимальная длина определяется в зависимости от контента. Если на сайте размещают объемные материалы или длинные видеоролики, тайм-аут стоит увеличить.
Счетчик создан. После сохранения система присвоит ему уникальный номер.
3. Новый счетчик будет показываться на странице Счетчики.
Этап 2. Настройка счетчика
Прежде чем устанавливать код Метрики на сайт, необходимо сделать еще несколько настроек. После сохранения система направит вас на страницу настройки счетчика. К ним можно также перейти из списка счетчиков с помощью значка шестеренки.
Вебвизор
Вебвизор — это инструмент, который записывает действия посетителей сайта.
На странице Вебвизор доступны следующие настройки:
1. С опцией Запись страниц при просмотре посетителем Метрика будет сохранять не только действия посетителя, но и содержание страниц, с которыми он взаимодействовал. Во время воспроизведения действия будут показываться вместе с содержанием страницы во время просмотра, а не ее текущей версии. Инструмент может получить содержание двумя способами:
Эту настройку нужно включать только в том случае, если вы часто обновляете страницы сайта. Если вы работаете с одной постоянной версией, опцию включать не обязательно. Запись содержания может увеличить время загрузки сайта, что отразится на поведении пользователей. Они могут закрыть страницу, не дождавшись загрузки.
В открывшемся поле Список страниц для сохранения нужно указать шаблоны адресов, которым должны соответствовать страницы. Можно использовать неполный адрес или регулярное выражение:
2. Загрузка страниц в плеер. Есть два способа:
Код счетчика
На этой странице формируется код, который нужно установить на сайт. Код изменится в зависимости от выбранных настроек, поэтому сначала проверьте все параметры и потом переходите к установке счетчика Яндекс.Метрики на сайт. Если вы уже установили его, а потом внесли изменения в настройки, код придется обновить на всех страницах сайта.
Здесь несколько важных настроек:
Этап 3. Установка кода на сайт
Последний этап добавления счетчика Яндекс.Метрики на сайт — установка кода. Правильный код будет доступен после сохранения всех настроек:
Разместить код можно двумя способами:
После установки кода данные сразу начнут синхронизироваться. Их можно посмотреть на странице Мои Счетчики.
На этом установка счетчика Яндекс.Метрики на сайт завершена. Следует перейти к настройке целей, фильтров и операций, чтобы определить релевантные действия и типы данных.