Question

我有一个包含以下嵌入的网站：

<div class="embed-responsive embed-responsive-16by9">
    <iframe id="video-markets" class="embed-responsive-item" src="http://www.youtube.com/embed/txFhtgO7-28?enablejsapi=1"></iframe>
</div>

当您点击“播放”，“暂停”以及到达“视频结尾”时，我正在尝试收集事件。为此，我添加了youtube本身提供的以下API：

var tag = document.createElement('script');
tag.src = "http://www.datagro.com.br/datagro-markets/js/iframe_api.js";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

然后通过js：

发出呼叫事件

var pauseFlag = false;
    function onPlayerReady(event) {
    }

    function onPlayerStateChange(event) {
        if (event.data == YT.PlayerState.PLAYING) {
            _gaq.push(['_trackEvent', 'Video', 'Play', 'Video Play']);
            pauseFlag = true;
        }
        if (event.data == YT.PlayerState.PAUSED && pauseFlag) {
            _gaq.push(['_trackEvent', 'Video', 'Pause', 'Video Pause']);
            pauseFlag = false;
        }
        if (event.data == YT.PlayerState.ENDED) {
            _gaq.push(['_trackEvent', 'Video', 'Finished', 'Video Visualizado']);
        }
    }

但我无法在Google Analytics中注册我的活动。该问题仅适用于视频，因为我可以记录其他链接<a>并测量网站统计信息。

我在使用调试器时注意到的一个细节是出现以下错误，不知道是否有事情要做：

XMLHttpRequest cannot load [...] No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

有人可以帮我弄清楚为什么我无法在视频上点击点击吗？

Answer 1

您的iframe网址必须包含&origin=http://example.com iframe才能收听播放器事件。

如何在youtube视频中添加谷歌分析？

1 个答案: