跟踪嵌入的YouTube视频视图 [英] tracking embeded youtube videos views

问题描述

我在我的网站中嵌入了一些YouTube视频。我想通过谷歌分析跟踪每个视频的观看次数，但我无法捕捉任何onClick事件，因为视频是嵌入在使用iFrame中的。如何使用iFrame跟踪嵌入在我的网页中的YouTube视频的视图？

I have embeded some youtube videos in my website. I want to track the views of each videos with google analytics, but I cannot catch any onClick event because the videos are embeded in using iFrame. How can I track the views of youtube videos that is embeded in my webpage using iFrame ?

推荐答案

我一直在使用YouTube的API在Google Analytics中将活动作为活动进行跟踪。这与 iFrame API 和javascript中的格式相同。如果您想跟踪其他功能，请查看iFrame API。这是我最初获得活动跟踪信息的地方。

I've been using YouTube's API to track plays as events in Google Analytics. It's the same format in iFrame API and javascript. Look at the iFrame API if you want to track other functions. This is where I originally got the event tracking information.

您必须更改下面的 videoID ：

You'll have to change the videoID below:

<div id="player"></div>

<script type="text/javascript">
    var tag = document.createElement('script');
    tag.src = "http://www.youtube.com/player_api";
    var firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
    var player;

    function onYouTubePlayerAPIReady() {
        player = new YT.Player('player', {
            height: '390',
            width: '640',
            videoId: 'fYmrMt01S1U',
            events: {
                'onReady': onPlayerReady,
                'onStateChange': onPlayerStateChange
            }
        });
    }

    function onPlayerReady(event) {
        /// event.target.playVideo(); 
    }

    function onPlayerStateChange(event) {
        if (event.data == YT.PlayerState.PLAYING) {
            _gaq.push(['_trackEvent', 'Videos', 'Play',
            player.getVideoUrl()]);
        }
        if (event.data == YT.PlayerState.PAUSED) {
            _gaq.push(['_trackEvent', 'Videos', 'Paused',
            player.getVideoUrl()]);
        }
        if (event.data == YT.PlayerState.ENDED) {
            _gaq.push(['_trackEvent', 'Videos', 'Watch to End',
            player.getVideoUrl()]);
        }
    }
    // ]]>
</script>

这篇关于跟踪嵌入的YouTube视频视图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！