Настройка отслеживания воспроизведения видео на сайтах

Question

Я пытаюсь отслеживать разные видео на нескольких сайтах. Все видео размещены на YouTube, и я разместил их на некоторых сайтах Joomla. Я пытаюсь настроить отслеживание событий для видео, чтобы видеть, какие видео воспроизводятся на каких веб-сайтах. После долгих чтений и исследований я обнаружил, что мне нужно настроить события и API YouTube. Я пробовал довольно много версий этого смешивания различных вещей, но я все еще не могу получить события для запуска. (Я думаю)

Я собрал следующий "код" и разместил его на сайте. У меня есть видео, которое вставляется на страницу, и оно воспроизводится, но когда я иду в ganalytics, событие не запускается. Что мне не хватает? Я, вероятно, имею больше, чем мне нужно, так как я собираю это вместе. То, что я хочу знать, это то, какое видео воспроизводится на веб-сайтах.

enter code here

<!-- 1. The <iframe> (and video player) will replace this <div> tag. -->
<iframe id="player" type="text/html"width="853" height="480" src="https://www.youtube.com/embed/9dWmDOdtPO0?enablejsapi=1&origin=http://www.mywebsite.com"
  frameborder="0"></iframe>


    <script>
      // 2. This code loads the IFrame Player API code asynchronously.
      var tag = document.createElement('script');

      tag.src="https://www.youtube.com/iframe_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

      // 3. This function creates an <iframe> (and YouTube player)
      //    after the API code downloads.
 var player;
      function onYouTubeIframeAPIReady() {
        player = new YT.Player('player', {

          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange,
            'onError': onPlayerError
          }
        });
      }

// 4. The API will call this function when the video player is ready.
      function onPlayerReady(event) {
       console.log('player is ready');
      }


      // 5. The API calls this function when the player's state changes.
function onPlayerStateChange(event) {
    switch (event.data) {
     case YT.PlayerState.PLAYING:
      ga('send', 'event', 'Videos', 'playing', 'Home Page Video', 'Create Memories')
      })
      break;
    case YT.PlayerState.PAUSED:
      ga('send', 'event', 'Videos', 'paused', 'Home Page Video', 'Create Memories')
      })
      break;
    case YT.PlayerState.ENDED:
      ga('send', 'event', 'Videos', 'ended', 'Home Page Video', 'Create Memories')
      })
      break;

    };
};

    </script>