StrixOS/build
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change video analytics to distinguish between start and resume events.

Browse Source 
also scrub out any additional parameters from the videoId before passing to analytics

Change-Id: Idf3351028e62d0d03c0f680a904bb83ef8353797
This commit is contained in:
smain@google.com
2015-02-05 13:27:16 -08:00
parent 529a107f9d
commit d162be5b5f
1 changed files with 21 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
tools/droiddoc/templates-sdk/assets/js/docs.js
View File

@@ -603,9 +603,12 @@ function getVideoHeight() {
return frameHeight - (marginTop * 2); return frameHeight - (marginTop * 2);
} }
var mPlayerPaused = false;
function startYouTubePlayer(videoId) { function startYouTubePlayer(videoId) {
$("#video-container").show(); $("#video-container").show();
$("#video-frame").show(); $("#video-frame").show();
mPlayerPaused = false;
// compute the size of the player so it's centered in window // compute the size of the player so it's centered in window
var maxWidth = 940; // the width of the web site content var maxWidth = 940; // the width of the web site content
@@ -645,7 +648,7 @@ function startYouTubePlayer(videoId) {
// reset the size in case the user adjusted the window since last play // reset the size in case the user adjusted the window since last play
youTubePlayer.setSize(videoWidth, videoHeight); youTubePlayer.setSize(videoWidth, videoHeight);
// if a video different from the one already playing was requested, cue it up // if a video different from the one already playing was requested, cue it up
if (videoId != youTubePlayer.getVideoUrl().split('?v=')[1]) { if (videoId != youTubePlayer.getVideoUrl().split('?v=')[1].split('&')[0].split('%')[0]) {
youTubePlayer.cueVideoById(videoId); youTubePlayer.cueVideoById(videoId);
} }
youTubePlayer.playVideo(); youTubePlayer.playVideo();
@@ -654,16 +657,13 @@ function startYouTubePlayer(videoId) {
function onPlayerReady(event) { function onPlayerReady(event) {
event.target.playVideo(); event.target.playVideo();
// track the start playing event so we know from which page the video was selected mPlayerPaused = false;
ga('send', 'event', 'Videos', 'Start: ' +
youTubePlayer.getVideoUrl().split('?v=')[1], 'on: ' + document.location.href);
} }
function closeVideo() { function closeVideo() {
try { try {
youTubePlayer.pauseVideo(); youTubePlayer.pauseVideo();
} catch(e) { } catch(e) {
console.log('Video not available');
} }
$("#video-container").fadeOut(200); $("#video-container").fadeOut(200);
} }
@@ -672,18 +672,30 @@ function closeVideo() {
function onPlayerStateChange(event) { function onPlayerStateChange(event) {
// Video starts, send the video ID // Video starts, send the video ID
if (event.data == YT.PlayerState.PLAYING) { if (event.data == YT.PlayerState.PLAYING) {
ga('send', 'event', 'Videos', 'Play', if (mPlayerPaused) {
youTubePlayer.getVideoUrl().split('?v=')[1]); ga('send', 'event', 'Videos', 'Resume',
youTubePlayer.getVideoUrl().split('?v=')[1].split('&')[0].split('%')[0]);
} else {
// track the start playing event so we know from which page the video was selected
ga('send', 'event', 'Videos', 'Start: ' +
youTubePlayer.getVideoUrl().split('?v=')[1].split('&')[0].split('%')[0],
'on: ' + document.location.href);
}
mPlayerPaused = false;
} }
// Video paused, send video ID and video elapsed time // Video paused, send video ID and video elapsed time
if (event.data == YT.PlayerState.PAUSED) { if (event.data == YT.PlayerState.PAUSED) {
ga('send', 'event', 'Videos', 'Paused', ga('send', 'event', 'Videos', 'Paused',
youTubePlayer.getVideoUrl().split('?v=')[1], youTubePlayer.getCurrentTime()); youTubePlayer.getVideoUrl().split('?v=')[1].split('&')[0].split('%')[0],
youTubePlayer.getCurrentTime());
mPlayerPaused = true;
} }
// Video finished, send video ID and video elapsed time // Video finished, send video ID and video elapsed time
if (event.data == YT.PlayerState.ENDED) { if (event.data == YT.PlayerState.ENDED) {
ga('send', 'event', 'Videos', 'Finished', ga('send', 'event', 'Videos', 'Finished',
youTubePlayer.getVideoUrl().split('?v=')[1], youTubePlayer.getCurrentTime()); youTubePlayer.getVideoUrl().split('?v=')[1].split('&')[0].split('%')[0],
youTubePlayer.getCurrentTime());
mPlayerPaused = true;
} }
} }