Интеграция с Яндекс Метрикой (бета)
Для автоматической передачи событий в Яндекс Метрику нужно включить интеграцию и настроить цели в Яндекс Метрике.
Настройка цели в Яндекс Метрике
В настройках нужного счётчика добавьте новую цель и укажите:
- Название — любое, понятное вам
- Тип условия —
JavaScript-событие - Идентификатор цели —
совпадаетсkinescope.video_event
Настройка плеера
В настройках плеера к вашему видео включите интеграцию с Яндекс Метрикой и укажите номер счётчика. Включить интеграцию можно и через программный интерфейс плеера.
Если плеер встраивается через <iframe>, подключите на страницу с плеером скрипт интеграции — https://player.kinescope.io/latest/iframe.ym.js, расположив его после подключения Яндекс Метрики.
Пример: IFrame Player API с Яндекс Метрикой
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Kinescope + Яндекс Метрика</title>
<style>
body { margin: 0; padding: 2em; }
#player { width: 100%; height: 400px; background-color: #eee; }
</style>
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function (m, e, t, r, i, k, a) {
m[i] = m[i] || function () { (m[i].a = m[i].a || []).push(arguments); };
m[i].l = 1 * new Date();
for (var j = 0; j < document.scripts.length; j++) {
if (document.scripts[j].src === r) return;
}
(k = e.createElement(t)), (a = e.getElementsByTagName(t)[0]),
(k.async = 1), (k.src = r), a.parentNode.insertBefore(k, a);
})(window, document, "script", "https://mc.yandex.ru/metrika/tag.js?id=YOUR_COUNTER_ID", "ym");
ym(YOUR_COUNTER_ID, "init", {
webvisor: true,
clickmap: true,
trackLinks: true,
accurateTrackBounce: true,
});
</script>
<!-- /Yandex.Metrika counter -->
<!-- Подключение интеграции -->
<script src="https://player.kinescope.io/latest/iframe.ym.js"></script>
<script>
function onKinescopeIframeAPIReady(Player) {
return Player.create("player", {
url: "https://kinescope.io/embed/YOUR_VIDEO_ID",
size: { width: "100%", height: "100%" },
// Указываем счетчик с настроенной целью.
settings: { yandexMetrics: "YOUR_COUNTER_ID" },
});
}
</script>
<script async src="https://player.kinescope.io/latest/iframe.player.js"></script>
</head>
<body>
<div id="player"></div>
</body>
</html>
Замените YOUR_VIDEO_ID на ID вашего видео и YOUR_COUNTER_ID на номер счётчика Яндекс Метрики (в трёх местах: в URL скрипта Метрики, в ym(), и в settings.yandexMetrics).
Что дальше?
- IFrame Player API — программное управление плеером
- Kinescope Player Docs&iframe API — полная документация по плееру
Остались вопросы? Напишите в чат поддержки — специалисты помогут!