Яндекс Метрика
Интеграция в статусе
@beta. Следите за изменениями плеера
.Плеер может сам отправлять события просмотра в Яндекс Метрику. Нужны цель в счётчике и включённая интеграция в плеере (или через API).
Настройка цели в Метрике
В настройках счётчика добавьте цель:
| Поле | Значение |
|---|---|
| Название | Любое понятное вам |
| Тип условия | JavaScript-событие |
| Идентификатор цели | совпадает с kinescope.video_event |
Включение в плеере
В панели управления — в настройках плеера включите интеграцию с Яндекс Метрикой и укажите номер счётчика.
Через IFrame API — передайте номер счётчика в settings.yandexMetrics при create()
:
playerFactory.create('player', {
url: 'https://kinescope.io/VIDEO_ID',
settings: { yandexMetrics: '000000000' },
})
Скрипт интеграции для iframe
Если плеер во <iframe> (простое встраивание
или IFrame API
), подключите:
https://player.kinescope.io/latest/iframe.ym.js
Скрипт должен идти после кода Яндекс Метрики. Без него события из iframe в Метрику не попадут.
Пример: простое встраивание
<head>
<!-- 1. Яндекс Метрика -->
<script>
// Код инициализации счётчика из интерфейса Метрики
</script>
<!-- 2. Скрипт интеграции (после Метрики) -->
<script src="https://player.kinescope.io/latest/iframe.ym.js"></script>
</head>
<body>
<iframe
src="https://kinescope.io/embed/VIDEO_ID"
allow="autoplay; fullscreen; picture-in-picture; encrypted-media; gyroscope; accelerometer; clipboard-write; screen-wake-lock;"
style="border: none;"
></iframe>
</body>
Счётчик Метрики в этом случае задайте в настройках плеера в панели управления.
Пример: IFrame API
<html>
<head>
<!-- 1. Яндекс Метрика -->
<script>
// Код инициализации Яндекс Метрики...
</script>
<!-- 2. Скрипт интеграции (после Метрики) -->
<script src="https://player.kinescope.io/latest/iframe.ym.js"></script>
<!-- 3. IFrame API -->
<script>
function onKinescopeIframeAPIReady(playerFactory) {
playerFactory.create('player', {
url: 'https://kinescope.io/VIDEO_ID',
settings: { yandexMetrics: '000000000' },
})
}
</script>
<script async src="https://player.kinescope.io/latest/iframe.player.js"></script>
</head>
<body>
<div id="player"></div>
</body>
</html>
Что дальше?
- Google Analytics — события плеера в GA4 и GTM
- Простое встраивание
- Создание плеера
— параметр
settings