am 449809f9
: am 096d3031
: am 39e4cfab
: am f75ee21c
: add analytics event tracking for shadowbox player and rig the \'notice-developers-video\' style links to also use shadowbox for video playback
* commit '449809f9463310c8610b61b9f950c9eb601bb725': add analytics event tracking for shadowbox player and rig the 'notice-developers-video' style links to also use shadowbox for video playback
This commit is contained in:
commit
54d46a7e6a
1 changed files with 20 additions and 5 deletions
|
@ -560,7 +560,7 @@ false; // navigate across topic boundaries only in design docs
|
|||
|
||||
|
||||
/* setup shadowbox for any videos that want it */
|
||||
var $videoLinks = $("a.video-shadowbox-button");
|
||||
var $videoLinks = $("a.video-shadowbox-button, a.notice-developers-video");
|
||||
if ($videoLinks.length) {
|
||||
// if there's at least one, add the shadowbox HTML to the body
|
||||
$('body').prepend(
|
||||
|
@ -583,9 +583,7 @@ false; // navigate across topic boundaries only in design docs
|
|||
startYouTubePlayer(videoId);
|
||||
});
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
// END of the onload event
|
||||
|
||||
|
@ -601,7 +599,8 @@ function startYouTubePlayer(videoId) {
|
|||
width: '940',
|
||||
videoId: videoId,
|
||||
events: {
|
||||
'onReady': onPlayerReady
|
||||
'onReady': onPlayerReady,
|
||||
'onStateChange': onPlayerStateChange
|
||||
}
|
||||
});
|
||||
} else {
|
||||
|
@ -616,7 +615,7 @@ function onPlayerReady(event) {
|
|||
|
||||
function closeVideo() {
|
||||
try {
|
||||
youTubePlayer.stopVideo();
|
||||
youTubePlayer.pauseVideo();
|
||||
$("#video-container").fadeOut(200);
|
||||
} catch(e) {
|
||||
console.log('Video not available');
|
||||
|
@ -624,6 +623,22 @@ function closeVideo() {
|
|||
}
|
||||
}
|
||||
|
||||
/* Track youtube playback for analytics */
|
||||
function onPlayerStateChange(event) {
|
||||
// Video starts, send the video ID
|
||||
if (event.data == YT.PlayerState.PLAYING) {
|
||||
ga('send', 'event', 'Videos', 'Play', youTubePlayer.getVideoUrl().split('?v=')[1]);
|
||||
}
|
||||
// Video paused, send video ID and video elapsed time
|
||||
if (event.data == YT.PlayerState.PAUSED) {
|
||||
ga('send', 'event', 'Videos', 'Paused', youTubePlayer.getVideoUrl().split('?v=')[1], youTubePlayer.getCurrentTime());
|
||||
}
|
||||
// Video finished, send video ID and video elapsed time
|
||||
if (event.data == YT.PlayerState.ENDED) {
|
||||
ga('send', 'event', 'Videos', 'Finished', youTubePlayer.getVideoUrl().split('?v=')[1], youTubePlayer.getCurrentTime());
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
function initExpandableNavItems(rootTag) {
|
||||
|
|
Loading…
Reference in a new issue