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&§ion[0]==false){
pageTracker._trackEvent("Video 1", "30 Secs", "Viewer made it to 30 seconds");
section[0]=true;
}
if(event.position>=60&&event.position<=61&§ion[1]==false){
pageTracker._trackEvent("Video 1", "60 Secs", "Viewer made it to 60 seconds");
section[1]=true;
}
if(event.position>=90&&event.position<=91&§ion[2]==false){
pageTracker._trackEvent("Video 1", "90 Secs", "Viewer made it to 90 seconds");
section[2]=true;
}
if(event.position>=120&&event.position<=121&§ion[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/