Установка и настройка счетчика в Facebook Instant Articles
Счетчик Яндекс Метрики можно установить в моментальные статьи Facebook* (Facebook Instant Articles).
Из-за особенностей реализации моментальных статей JavaScript-код счетчика изолирован от других HTML-элементов. Поэтому следующие возможности Метрики будут недоступны:
- Вебвизор;
- Карты кликов, ссылок и скроллинга;
- Аналитика форм;
- отправка данных электронной коммерции.
Чтобы добавить код Метрики в моментальную статью, нужно использовать специальные HTML-элементы.
Установка счетчика
Внимание
C моментальных статей Facebook* (Facebook Instant Articles) невозможно собирать данные контентной аналитики.
Добавьте следующий код в элемент body
моментальной статьи:
...
<figure class="op-tracker">
<iframe>
<!-- Код счетчика -->
</iframe>
</figure>
...
Счетчик будет учитывать посещения для страницы, которая указана в элементе head
как каноническая:
...
<head>
<meta charset="utf-8">
<link rel="canonical" href="http://example.com/page.html">
<meta property="op:markup_version" content="v1.0">
</head>
...
Чтобы проверить работоспособность счетчика, воспользуйтесь эндпоинтом от Facebook*.
Отправка параметров визитов
-
Создайте JavaScript-объект
yaParams
:... var yaParams = { title: "Article title", referrer: "Article referrer" } ...
-
Передайте параметры при инициализации счетчика:
... ym(XXXXXX, 'init', {params: window.yaParams||{}}); ...
Facebook* предоставляет определенный набор данных о моментальных статьях, которые можно использовать в качестве параметров визитов. Данные можно взять из JavaScript-объекта
ia_document
.
Отправка параметров посетителей
-
Отправьте данные о просмотре с помощью метода
hit
после инициализации счетчика:... ym(XXXXXX, 'init', { defer: true }); ym(XXXXXX, 'hit', ia_document.shareURL, { referer: ia_document.referrer, title: ia_document.title }); ...
-
Отправьте параметры посетителей с помощью вызова функции
userParams
:... ym(XXXXXX, 'userParams', { user_key: "user_value"}); ...
Пример интеграции счетчика
<body>
...
<figure class="op-tracker">
<iframe>
<script type="text/javascript"></script>
<noscript><div><img src="https://mc.yandex.ru/watch/XXXXXX" style="position:absolute; left:-9999px;" alt=""/></div></noscript>
</iframe>
</figure>
...
</body>
XXXXXX
— номер вашего счетчика.
Узнайте больше
* Сервис, запрещенный на территории РФ.
Полезные ссылки |
Онлайн-обучение |
Сервис, запрещенный на территории РФ.
XXXXXX — номер вашего счетчика.