Отправка видео просмотра поведения в GA.Данные не отправляются - PullRequest
0 голосов
/ 16 декабря 2018

Я хотел бы отправить данные в Google Analytics, чтобы измерить поведение пользователей при просмотре нескольких видео - я хочу знать, смотрели ли они видео, смотрели 25%, 50%, 75% или 100%.Код ниже не отправляет данные в GA.Я не уверен, что мой вопрос подпадает под Google Analytics или JavaScript или оба.Пожалуйста помоги.Спасибо.

<video id="v1" src="/v1.mp4" width="400px" height="200px" controls />
<video id="v2" src="/v2.mp4" width="400px" height="200px" controls />


<script type="text/javascript">
(function() {
  document.addEventListener('DOMContentLoaded', init, false);
  var videoId, dur, quarter, stat;

  function init() {
    for (var video of document.querySelectorAll('video')) {
      video.addEventListener('play', videoPlay, false);
      video.addEventListener('ended', videoEnd, false);
      video.addEventListener('timeupdate', videoTimeUpdate, false);
    }
  }

  function setKeyFrames(duration) {
    if (dur) {
      return;
    }
    dur = duration;
    quarter = duration / 4;
  }

  function videoTimeUpdate(e) {
    var videoId = e.target;
    var curTime = videoId.currentTime;
    if (curTime >= quarter && curTime < quarter * 2 && stat !== 1) {
      gtag('event', 'Watched Video', {
        'event_category': 'Video',
        'event_label': 'Watched 25% of ' + videoId.id
      });
      stat = 1;

    } else if (curTime >= quarter * 2 && curTime < quarter * 3 && stat !== 2) {
      gtag('event', 'Watched Video', {
        'event_category': 'Video',
        'event_label': 'Watched 50% of ' + videoId.id
      });
      stat = 2;

    } else if (curTime >= quarter * 3 && curTime < dur && stat !== 3) {
      gtag('event', 'Watched Video', {
        'event_category': 'Video',
        'event_label': 'Watched 75% of ' + videoId.id
      });
      stat = 3;

    }
  }

  function videoPlay(e) {
    var videoId = e.target;
    gtag('event', 'Watched Video', {
      'event_category': 'Video',
      'event_label': 'Video Played Is ' + videoId.id
    })
    setKeyFrames(this.duration);

  }


  function videoEnd(e) {
    var videoId = e.target;
    stat = 4;
    gtag('event', 'Watched Video', {
        'event_category': 'Video',
        'event_label': 'Watched ALL of ' + videoId.id
      });

  }



})();


</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...