跟踪嵌入的YouTube视频观看次数

Question

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

Answer 1

我一直在使用YouTube的API来跟踪Google Analytics中的事件。它在iFrame API和javascript中是相同的格式。如果您想跟踪其他功能，请查看 iFrame API。这是我最初获得事件跟踪信息的地方。

您必须更改以下视频 ID：

<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>