Запустите видео
Вы смотрите видео про ...

Как отправить событие в Яндекс.Метрику о запуске YouTube видео в Tilda

Отправим событие о включении пользователем каждого видео в Метрику на примере блока VD06
Как выполнен пример:
1. Создан блок VD06
2. Видео в него не добавляли, добавили через скрипт
2. Добавили скрипт
3. Прописали ссылки на видео:
9PrfSFSrYLo - 1-ое видео
xyT0oFdvut8
4. Прописали код счётчика Метрики и названия событий
yaCounterXXXXXX
ЗапустилВидео1
ЗапустилВидео2

Скрипт вставляется в блок ДРУГОЕ►Т123

   <script>
     //Добавляем ID для каждого видео 
     $(".t223-col:eq(0)").attr("id", "video0");
     $(".t223-col:eq(1)").attr("id", "video1");
     //Подключаем API YouTube
      var tag = document.createElement('script');
      tag.src = "https://www.youtube.com/iframe_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
      // Переменные плееров
      var player1;
      var player2;
      
      function onYouTubeIframeAPIReady() {
       
        //Добавляем плеер 1
        player1 = new YT.Player('video0', {
          //Ссылка видео 1
          videoId: '9PrfSFSrYLo',
          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange1
          }  });   
          //Добавляем плеер 2
          player2 = new YT.Player('video1', {
         //Ссылка видео 2 
          videoId: 'xyT0oFdvut8',
          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange2
          }  });  
          
          
          
      };
          
 function onPlayerReady(event) {};
 
 var done = false;
      //Когда произошёл запуск плееров
      function onPlayerStateChange1(event) {
        if (event.data == YT.PlayerState.PLAYING) {
          //Если запустили 1-ый плеер, то отправляем событие 1
           yaCounterXXXXXX.reachGoal('ЗапустилВидео1');
        };
      };
      
       function onPlayerStateChange2(event) {
        if (event.data == YT.PlayerState.PLAYING) {
          //Если запустили 2-ой плеер, то отправляем событие 2
           yaCounterXXXXXX.reachGoal('ЗапустилВидео2');
        };
      };
      
     </script> 
      
Made on
Tilda