--- metadata: - name: generator content: Diplodoc Platform v5.54.1 alternate: - https://www.yandex.com/support/metrica/en/code/install-counter-amp.md - https://www.yandex.com/support/metrica/es/code/install-counter-amp.md - https://www.yandex.com/support/metrica/pt/code/install-counter-amp.md - https://www.yandex.com/support/metrica/ru/code/install-counter-amp.md - https://www.yandex.com/support/metrica/tr/code/install-counter-amp.md - https://www.yandex.com/support/metrica/zh/code/install-counter-amp.md - href: ru/code/install-counter-amp.md type: text/markdown title: Markdown version - href: ../llms.txt type: text/markdown title: llms.txt title: Установка счетчика на сайт с AMP description: Как установить счетчик на сайт с AMP. --- > **Documentation Index:** Fetch the complete configuration index at https://www.yandex.com/support/metrica/ru/llms.txt # Установка и настройка счетчика на сайт с AMP Счетчик Яндекс Метрики предполагает выполнение JavaScript-кода. При установке кода счетчика на сайт, который использует технологию [Accelerated Mobile Pages](https://amp.dev/about/how-amp-works/) (AMP), страницы сайта не пройдут [валидацию](https://validator.ampproject.org/). Это объясняется тем, что технология AMP накладывает некоторые ограничения на использование возможностей JavaScript и HTML5. Поэтому можно установить счетчик специальным способом. {% note info %} При этом не поддерживается ряд функций Яндекс Метрики: [Электронная коммерция](https://www.yandex.com/support/metrica/ru/ecommerce/about.md), [Вебвизор](https://www.yandex.com/support/metrica/ru/webvisor/info.md), отслеживание нажатий [кнопки «Поделиться»](https://www.yandex.com/support/metrica/ru/content/share-button.md). {% endnote %} ## Подключение счетчика на сайт с AMP {#how-to} {% note alert %} C сайтов, которые используют технологию Accelerated Mobile Pages (AMP), невозможно собирать данные контентной аналитики. {% endnote %} Внесите изменения в HTML-код страниц вашего сайта: 1. Для отслеживания действий посетителей на страницах сайта с AMP используется дополнительный компонент [amp-analytics](https://amp.dev/documentation/components/amp-analytics/?format=websites). Добавьте его в код страниц вашего сайта — внутрь элемента `head`: ```javascript ... ... ``` 1. Внесите изменения в элемент `body`: добавьте элемент `amp-analytics`. Чтобы данные о посещениях передавались в Метрику, укажите для атрибута `type` значение `metrika`, а также номер счетчика с помощью переменной `counterId`. ```javascript ... ... ``` ## Передача данных {#data} {% note alert %} Когда пользователь открывает AMP-страницу, Яндекс Метрика фиксирует [просмотр](*pageview) (`pageview`). Поэтому вам не нужно дополнительно передавать это событие. Если вы отправите его, в отчетах Яндекс Метрики будет отображаться неверное количество просмотров. {% endnote %} Для передачи данных при инициализации счетчика используются: - переменная [yaParams](https://www.yandex.com/support/metrica/ru/data/visit-params-data.md) — для отправки параметров визитов; - атрибуты [триггеров](https://amp.dev/documentation/components/amp-analytics/?format=websites#triggers) — для передачи событий (например, достижения цели). ### Отправка параметров визитов и посетителей {#params} Пример передачи произвольных [параметров визита](https://www.yandex.com/support/metrica/ru/data/visit-params-data.md) и [параметров посетителей](https://www.yandex.com/support/metrica/ru/data/user-params-data.md) в момент посещения сайта с помощью переменной yaParams: ```javascript ... "vars": { "counterId": "XXXXXXXX", "yaParams": "{\"key\":\"value\",\"__ymu\":{\"user_param_key\":\"user_param_value\"}}" }, ... ``` Также можно передать только параметры визита или только параметры посетителя: {% list tabs %} - Параметры визита ```javascript ... "vars": { "counterId": "XXXXXXXX", "yaParams": "{\"key\":\"value\"}" }, ... ``` - Параметры посетителя ```javascript ... "vars": { "counterId": "XXXXXXXX", "yaParams": "{\"__ymu\":{\"user_param_key\":\"user_param_value\"}}" }, ... ``` {% endlist %} ### Точный показатель отказов {#bounce} Чтобы зафиксировать точный показатель отказа, используйте атрибут триггера [timer](https://amp.dev/documentation/components/amp-analytics/?format=websites#timer-trigger): ```javascript { ... "triggers": { "notBounce": { "on": "timer", "timerSpec": { "immediate": false, "interval": 15, "maxTimerLength": 14 }, "request": "notBounce" }, ... } } ``` ### Достижение цели {#goal} Чтобы отслеживать достижение цели при клике на определенный элемент страницы, используйте атрибут триггера [click](https://amp.dev/documentation/components/amp-analytics/?format=websites#click-trigger). ```javascript { ... "triggers": { "someGoalReach": { "on": "click", "selector": "#Button", "request": "reachGoal", "vars": { "goalId": "superGoalId", "yaParams": "{\"key\": \"value\"}" // В качестве параметров визита при достижении цели будет использоваться значение переменной из события } }, ... } } ``` #| || **Поле** | **Тип** | **Описание** || || `goalId` | String | Идентификатор цели, который задается при создании цели типа [JavaScript-событие](https://www.yandex.com/support/metrica/ru/general/goal-js-event.md) в интерфейсе Метрики || |# ### Скроллинг страницы {#scroll} Вы можете фиксировать скроллинг страницы до определенной точки (долю в процентах от всей высоты страницы) с помощью атрибута тригерра [scroll](https://amp.dev/documentation/components/amp-analytics/?format=websites#scroll-trigger). Это событие может быть задано в качестве цели. ```javascript { ... "triggers": { "halfScroll": { "on": "scroll", "scrollSpec": { "verticalBoundaries": [ 50 ] }, "request": "reachGoal", "vars": { "goalId": "halfScrollGoal" } }, "partsScroll": { "on": "scroll", "scrollSpec": { "verticalBoundaries": [ 25, 90 ] }, "request": "reachGoal", "vars": { "goalId": "partsScrollGoal" } }, ... } } ``` ### Скроллинг бесконечной ленты {#next-page-scroll} Бесконечная лента может применяться для просмотра статей, следующих друг за другом. Чтобы фиксировать переходы от статьи к статье и просмотры каждой из них, используйте триггер [amp-next-page-scroll](https://amp.dev/documentation/components/amp-next-page/#analytics). ```javascript { ... "triggers": { "trackScrollThrough": { "on": "amp-next-page-scroll", "request": "pageview" }, ... } } ``` ### Загрузка отдельного элемента страницы {#visible} Чтобы фиксировать момент отображения на экране элементов страницы, используйте атрибут триггера [visible](https://amp.dev/documentation/components/amp-analytics/?format=websites#page-and-element-visibility-trigger). ### Общий пример кода счетчика {#general-amp} Пример кода приведен только для иллюстрации возможностей счетчика. При его копировании удалите комментарии (//<...>), вместо XXXXXXXX укажите номер вашего счетчика, а также внесите дополнительные изменения (например, настройте передачу параметров посетителей и визитов). ``` ... ... ``` ### Узнайте больше - [Общие указания по интеграции инструментов аналитики на сайт с AMP](https://github.com/ampproject/amphtml/blob/master/extensions/amp-analytics/integrating-analytics.md) [Написать в чат](https://yandex.com/chat/#/user/036e6a02-3620-9cdc-4c5e-a34667a7379e?utm_source=spravka){.button}
{% cut "Написать письмо" %} Если вам не удалось [самостоятельно проверить работу счетчика](https://www.yandex.com/support/metrica/ru/general/check-counter.md), воспользуйтесь рекомендациями ниже. {% list tabs radio %} - Данные в консоли не отправляются {% include [qanda-check2-2](../_includes/popup/id-qanda/check2-2.md) %} {% cut "Рекомендации не помогли" %}
{% endcut %} - Данные в консоли есть, но отчеты не отображаются Это значит, что информация отправляется Яндекс Метрике. При этом данные могут не отображаться в отчетах по следующим причинам: - Данные отправляются на счетчик с другим номером. - В настройках счетчика, на вкладке **Фильтры**, указаны слишком жесткие фильтры. Удалите ненужные фильтры. - В настройках счетчика, на вкладке **Фильтры**, задан фильтр **Не учитывать мои визиты**. Это значит, что счетчик не учитывает ваши посещения — попробуйте перейти на сайт в режиме браузера «инкогнито». {% cut "Рекомендации не помогли" %}
{% endcut %} {% endlist %} {% endcut %}
- - -
#| || Полезные ссылки - [Демосчетчик](https://metrica.yandex.com/r/dashboard?) - [Добавить счетчик](https://metrica.yandex.com/add/) - [Бесплатная настройка счетчика](https://yandex.com/promo/freeservice/metrica?utm_source=help_metrica_en&utm_medium=cpc&utm_campaign=1) - [API Яндекс Метрики](https://tech.yandex.com/metrika/) - [Предложить идею](https://yandex.com/support/metrica/troubleshooting/idea.html) - [Обсудить в Telegram](https://t.me/yandexmetrika) | Онлайн-обучение - [Получить сертификат по Яндекс Метрике](https://yandex.ru/adv/expert/exam/metrika/?utm_source=metrika_help&utm_medium=web&utm_campaign=static&utm_content=useful_links) - [Пройти обучающий курс](https://yandex.com/adv/edu/online/metrika?utm_source=metrika_help&utm_medium=web&utm_campaign=static&utm_content=useful_links) || |#
[*pageview]: Загрузка страницы сайта при переходе посетителя на нее. К просмотрам также относятся перезагрузка страницы, обновление AJAX-сайтов, отправка данных с помощью [метода hit](https://yandex.ru/support/metrica/objects/hit.html). [*goalid]: **Тип** String **Описание** Идентификатор цели, который задается при создании цели типа [JavaScript-событие](https://yandex.ru/support/metrica/general/goal-js-event.html) в интерфейсе Метрики. {% included (../_includes/popup/id-qanda/check2-2.md) %} Возможные причины: - Счетчик установлен неправильно. Например, CMS внесла изменения в код счетчика. Следует переустановить счетчик или обратиться в службу поддержки вашей CMS. - Работу счетчика Яндекс Метрики на сайте блокируют неработающие скрипты. Проверить это можно в консоли браузера. {% endincluded %}