跟踪内嵌YouTube视频意见(tracking embeded youtube videos vi

2019-09-23 01:07发布

我在我的网站上内嵌一些YouTube视频。 我想跟踪与谷歌分析每个视频的看法,但由于影片使用iframe内嵌我抓不到任何onclick事件。 我如何能够跟踪使用iframe我的网页内嵌的YouTube视频的看法?

Answer 1:

我一直在使用YouTube的API来追踪戏剧在谷歌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>


文章来源: tracking embeded youtube videos views