rocketwheel-command 1.0.9 → 1.1.0

data/lib/rocketwheel/command/version.rb

@@ -1,5 +1,5 @@
 module Rocketwheel
   module Command
-    VERSION = '1.0.9'
+    VERSION = '1.1.0'
   end
 end

data/templates/project/2.1/Rocketfile.yml.tt

@@ -26,11 +26,12 @@ meta:
   page-title: 'page title'
   share-title: 'share this title'
   share-url: 'http://www.'
-  share-image: 'http://www.'
+  share-image: '/images/'
   share-description: 'share this description'
   share-sitename: 'share this sitename'
   share-pub-id: 'b9f8cca1-6dd1-42d9-b354-0ae0088e96cc'
   ga-tracking-id: 'UA-xxxxxxx-x'
+  tracking-category: 'Company - Project'
 
 # transloadit:
 #   key: transloadit key

data/templates/project/2.1/source/index-480.html.tt.ignore

@@ -5,7 +5,7 @@
   <meta property="og:title" content="<%= meta['share-title']%>" />
   <meta property="og:type" content="Sharing Widgets" />
   <meta property="og:url" content="<%= meta['share-url']%>" />
-  <meta property="og:image" content="<%= meta['share-image']%>" />
+  <meta property="og:image" content="<%= meta['share-image']%><%= meta['company']%>-<%= meta['project']%>-poster-thumb.jpg" />
   <meta property="og:description" content="<%= meta['share-description']%>" />
   <meta property="og:site_name" content="<%= meta['share-sitename']%>" />
   <link rel="stylesheet" href="demoplayer/stylesheets/player.css" type="text/css" media="screen">
@@ -22,11 +22,64 @@
   </script>
   <meta name="viewport" content="width=880" />
   <script type="text/javascript">
+    //tracking vars
+    var track_category = 'Tracking - Cat';
+    var percentage_played = 0;
+    var secs_played =  0;
+    var track_play = true; 
+    var title = null;
+    var this_duration = 0;
+    var video_completed = true;
+    var ctaLink = null;
+    
     $(function() {
       Player.setup({
         playlist: <%= JSON.pretty_generate(playlist) %>,
         jwplayer_options: <%= JSON.pretty_generate(player_options) %>
       })
+      //Events and Tracking
+      Player.addHandler('onPlay', function() {
+          if(track_play) {
+              title = Player.Controller.playlist[Player.Controller.current.index].title;
+              this_duration = Player.Controller.playlist[Player.Controller.current.index].duration;
+              track_play = false;
+              video_completed = false;
+              _gaq.push(['_trackEvent', track_category, 'Video: Started', title]);
+          };
+      });
+      Player.addHandler('onComplete', function(e) {
+          video_completed = true;
+          track_play = true;
+          _gaq.push(['_trackEvent', track_category, 'Video: Completed', title]);
+          _gaq.push(['_trackEvent', track_category, 'Video: Seconds Played', title, this_duration]);
+          _gaq.push(['_trackEvent', track_category, 'Video: Percentage Played', title, 100]);
+      });
+      Player.addHandler('onPlaylistItem', function(e) {
+          if(!video_completed) {
+              _gaq.push(['_trackEvent', track_category, 'Video: Seconds Played', title, secs_played]);
+              _gaq.push(['_trackEvent', track_category, 'Video: Percentage Played', title, percentage_played]);
+          }
+          track_play = true;
+      });
+      Player.addHandler('onTime', function(e) {
+          secs_played =  Math.round(e.position);
+          percentage_played = Math.round((secs_played / this_duration) * 100);
+      });
+      $('.track-link').live("click", function(event){
+          event.preventDefault();
+          _gaq.push(['_trackEvent', track_category, $(this).data('track-action') , Player.Controller.playlist[Player.Controller.current.index].title]);
+          ctaLink = $(this).attr('href');
+          setTimeout(function() {
+              top.location.href = ctaLink;
+          }, 1500);
+      });
+      window.onbeforeunload = function(e) {
+          if(!video_completed) {
+              _gaq.push(['_trackEvent', track_category, 'Video: Percentage Played', title, percentage_played]);
+              _gaq.push(['_trackEvent', track_category, 'Video: Seconds Played', title, secs_played]);
+          }
+      };
+      //end of Events and Tracking
     })
   </script>
 </head>
@@ -46,6 +99,14 @@
         </div>
       {{/view}}           
     </script>
+    <script type="text/x-handlebars" data-template-name="annotations">
+      {{#annotation cta-1 video="1" start="59" image="images/<%= meta['company']%>-<%= meta['project']%>-cta-480.jpg"}}
+        <a class="track-link" href="http://www." data-track-action="CTA: Video - Contact Us" style="border: 1px solid red; position: absolute;top: 335px;left: 470px;width: 230px;height: 60px;"></a>
+        <div class="demoplayer-action-playfirst">
+          <a href="#" id="replay"><img src="demoplayer/images/replay.png" /></a>
+        </div>     
+      {{/annotation}}   
+    </script>
   </div>
 <script type="text/javascript">var switchTo5x=true;</script>
 <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: rocketwheel-command
 version: !ruby/object:Gem::Version
-  version: 1.0.9
+  version: 1.1.0
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-07-19 00:00:00.000000000 Z
+date: 2013-07-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: thor