Vídeo JWPlayer com rastreamento GA avançado.

Este é um snippet de código para incorporar um JWPlayer e eventos do Google Analytics incluídos para enviar dados adicionais ao GA sobre o seu vídeo. Este exemplo ajuda você a ver onde as pessoas estão parando, quantas ficam em tela inteira, quantas reproduções iniciais, etc. Isso usa a API Javascript JWPlayer e o javascript do Google Analytics. Meus eventos GA estão usando o código GA antigo, então você pode precisar ajustá-los se estiver usando o novo código ga assíncrono.

<script type="text/javascript">
var played = new Array();
played
[0] = false;
var section = new Array();
section
[0] = false;
section
[1] = false;
section
[2] = false;
section
[3] = false;
section
[4] = false;
section
[5] = false;
</script>
<script type="text/javascript">
jwplayer
("container").setup({
levels
: [
{file: '<filename>.mp4' },
{file: '<filename>.webm', type: 'video/webm' },
],
modes
: [
{ type: 'html5', config: {'file': '<filename>.mp4','provider': 'video'}},
{ type: 'flash', src: '<path to player>player.swf' }
],
"height": "272",
"width": "480",
"logo.hide": "true",
"image": "<path to image>.png",
"skin": "<path to jw skin>.zip",
"plugins": {
"gapro": {
"trackstarts": "true",
"trackpercentage": "true",
"trackseconds": "true",
"trackingobject": "pageTracker"
},
"captions-2": {
file
: "<path to caption file>.srt",
color
: "#ff6600",
state
: false
}
},
events
: {
onTime
: function(event) {
if(event.position>=0&&event.position<=1&&played[0]==false){
pageTracker
._trackEvent("Video 1", "Video Plays", "Video Plays");
played
[0]=true;
}
if(event.position>=30&&event.position<=31&&section[0]==false){
pageTracker
._trackEvent("Video 1", "30 Secs", "Viewer made it to 30 seconds");
section
[0]=true;
}
if(event.position>=60&&event.position<=61&&section[1]==false){
pageTracker
._trackEvent("Video 1", "60 Secs", "Viewer made it to 60 seconds");
section
[1]=true;
}
if(event.position>=90&&event.position<=91&&section[2]==false){
pageTracker
._trackEvent("Video 1", "90 Secs", "Viewer made it to 90 seconds");
section
[2]=true;
}
if(event.position>=120&&event.position<=121&&section[3]==false){
pageTracker
._trackEvent("Video 1", "120 Secs", "Viewer made it to 120 seconds");
section
[3]=true;
}

},
onComplete
: function(complete){
pageTracker
._trackEvent("Video 1", "Complete", "Viewer made it to the end of the video.");
section
[0]=false;
section
[1]=false;
section
[2]=false;
section
[3]=false;
},
onFullscreen
: function(fullscreen){
pageTracker
._trackEvent("Video 1", "Fullscreen", "Viewer watched this in Fullscreen");
}
}
});
</script>

Para obter mais informações sobre a API Javascript do JW Player, vá aqui: http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/12540/javascript-api-reference/