{"id":407,"date":"2010-11-05T03:21:21","date_gmt":"2010-11-05T00:21:21","guid":{"rendered":"http:\/\/blog.denivip.ru\/?p=407"},"modified":"2013-08-05T14:13:06","modified_gmt":"2013-08-05T10:13:06","slug":"online-video-analytics-in-google-analytics","status":"publish","type":"post","link":"http:\/\/blog.denivip.ru\/index.php\/2010\/11\/online-video-analytics-in-google-analytics\/?lang=en","title":{"rendered":"Online video analytics in Google Analytics"},"content":{"rendered":"<p style=\"text-align:center;\"><a href=\"http:\/\/blog.denivip.ru\/wp-content\/uploads\/2010\/11\/up-and-down-graph.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.denivip.ru\/wp-content\/uploads\/2010\/11\/up-and-down-graph.jpg\" alt=\"\" title=\"video analytics\" width=\"400\" height=\"300\" class=\"aligncenter size-full wp-image-401\" srcset=\"http:\/\/blog.denivip.ru\/wp-content\/uploads\/2010\/11\/up-and-down-graph.jpg 400w, http:\/\/blog.denivip.ru\/wp-content\/uploads\/2010\/11\/up-and-down-graph-300x225.jpg 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/a><\/p>\n<p>In this article we will go through the exciting service which let you publish online video analytics from your Flash Player to your Google Analytics account. All you need is to put small actionscript code snippet inside your video player. It collects all statistics data and publishes them to Google when possible. Interesting thing that it works in embedded players also. In case you ever dream for TubeMogul video reports inside your Google Analytics panel then your time has come! Start using it right now &#8212; it is free, at least during beta.<br \/>\nProduct page with actual information is <a href=\"http:\/\/www.denivip.ru\/index.php\/social-video-analytics?lang=en\">here<\/a>.<br \/>\n<!--more--><br \/>\n<strong>Features<\/strong><br \/>\nOnline video analytics could be useful for you in case you need:<\/p>\n<ul>\n<li>Measure CDN performance or your inhouse content distribution platform<\/li>\n<li>Get an insight on video quality<\/li>\n<li>Monitor business metrics of your video (amount of views, viewed time)<\/li>\n<li>Analyze user experience and video quality perception<\/li>\n<li>Configure video profiles optimized for real users profiles<\/li>\n<\/ul>\n<p>This service could help you to measure (please note that we constantly adding new reports here):<\/p>\n<ul>\n<li>Distribution of video start duration &#8212; three customizable levels of video start delay across your visitors<\/li>\n<li>Distribution of rebuffering amount during video view<\/li>\n<li>Distribution of users bitrates<\/li>\n<li>Average video start duration<\/li>\n<li>Average rebuffering amount<\/li>\n<li>Average time spent on rebuffering<\/li>\n<li>Average bitrates<\/li>\n<li>Total video view time<\/li>\n<li>Total traffic<\/li>\n<li>Video view time (with item names and categories)<\/li>\n<\/ul>\n<p>Video analytics service works inside Flash Player and doesn&#8217;t use JS, hence it is able to measuer embedded video players also.<\/p>\n<p><strong>Tracking code installation<\/strong><br \/>\nTracking code installation is made really simple.<br \/>\n1. Download tracking code <a onclick=\"_gaq.push(['_trackEvent', 'download', 'video statistics', 'en'])\" href=\"http:\/\/www.denivip.ru\/downloads\/com.zip \">here<\/a>.<br \/>\n2. Unzip package archive (com.statistics.video.*) and include it in your Flash Video Player.<br \/>\n3. Import service loader<\/p>\n<div class=\"codecolorer-container text default\" style=\"overflow:auto;white-space:nowrap;width:540px;\"><table cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td class=\"line-numbers\"><div>1<br \/><\/div><\/td><td><div class=\"text codecolorer\">import com.statistics.video.StatLoader;<\/div><\/td><\/tr><\/tbody><\/table><\/div>\n<p>4. Create tracker right after NetStream object construction<\/p>\n<div class=\"codecolorer-container text default\" style=\"overflow:auto;white-space:nowrap;width:540px;\"><table cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td class=\"line-numbers\"><div>1<br \/>2<br \/>3<br \/>4<br \/>5<br \/>6<br \/>7<br \/>8<br \/>9<br \/>10<br \/>11<br \/>12<br \/>13<br \/>14<br \/>15<br \/>16<br \/><\/div><\/td><td><div class=\"text codecolorer\">\/\/ Create object<br \/>\nstat = new StatLoader();<br \/>\n\/\/ Get default parameters<br \/>\nvar cfg:Object = stat.getDefaultCfg();<br \/>\n\/\/ Put content item name (for reports)<br \/>\ncfg.m_sItemName = &quot;My super video&quot;;<br \/>\n\/\/ Put content item category (for reports)<br \/>\ncfg.m_sCatName = new String(&quot;Live&quot;);<br \/>\n\/\/ Init modified configuration<br \/>\nstat.init(cfg); <br \/>\n\/\/ Add loader on stage (required)<br \/>\nstage.addChild(stat);<br \/>\n\/\/ Push NetConnection<br \/>\nstat.setNetConnection(nc);<br \/>\n\/\/ Push NetStream<br \/>\nstat.setNetStream(ns);<\/div><\/td><\/tr><\/tbody><\/table><\/div>\n<p>All you need (as shown above) is to create StatLoader object, configure it, add it to the Stage, and push NetConnection and NetStream objects into the StatLoader. All the work with events collection and measurement is done by service.<\/p>\n<p><strong>Tracking code configuration<\/strong><br \/>\nPlease check StatLoader.as file and method<\/p>\n<div class=\"codecolorer-container text default\" style=\"overflow:auto;white-space:nowrap;width:540px;\"><table cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td class=\"line-numbers\"><div>1<br \/><\/div><\/td><td><div class=\"text codecolorer\">getDefaultCfg()<\/div><\/td><\/tr><\/tbody><\/table><\/div>\n<p>&#8212; there are comments for all available parameters. You could fine tune them for better abd more usefull reports in GA.<\/p>\n<p><strong>Watching reports in Google Analytics<\/strong><br \/>\nAll reports are placed in &#171;Content&#187; section, &#171;Event Tracking&#187; subsection. This is very useful Google Analytics mechanism for custom data tracking and it gives you full power of Google Analytics platform: segmentation, filtering, navigation.<br \/>\n<a href=\"http:\/\/blog.denivip.ru\/wp-content\/uploads\/2010\/11\/Events-menu.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.denivip.ru\/wp-content\/uploads\/2010\/11\/Events-menu.png\" alt=\"\" title=\"\u0420\u0430\u0437\u0434\u0435\u043b \u0421\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435\" width=\"226\" height=\"419\" class=\"aligncenter size-full wp-image-395\" \/><\/a><br \/>\nYou may watch video reports in many different modes and with different types of visualization. Don&#8217;t forget about Google Analytics common features like segmentation\/filtering. As example, you may check bitrates only in specific region or only among paying customers.<br \/>\n&#171;Event Tracking&#187; dashboard gives you several video reports to start with.<br \/>\n<a href=\"http:\/\/blog.denivip.ru\/wp-content\/uploads\/2010\/11\/Video-reports.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.denivip.ru\/wp-content\/uploads\/2010\/11\/Video-reports.png\" alt=\"\" title=\"Video reports\" width=\"458\" height=\"243\" class=\"aligncenter size-full wp-image-396\" srcset=\"http:\/\/blog.denivip.ru\/wp-content\/uploads\/2010\/11\/Video-reports.png 458w, http:\/\/blog.denivip.ru\/wp-content\/uploads\/2010\/11\/Video-reports-300x159.png 300w\" sizes=\"(max-width: 458px) 100vw, 458px\" \/><\/a><br \/>\nAs example, video viewed report in Pie mode could show you shares of your most popular videos:<br \/>\n<a href=\"http:\/\/blog.denivip.ru\/wp-content\/uploads\/2010\/11\/Watch-pie-report.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.denivip.ru\/wp-content\/uploads\/2010\/11\/Watch-pie-report.png\" alt=\"\" title=\"\u041e\u0442\u0447\u0435\u0442 \u043f\u043e \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0430\u043c\" width=\"500\" height=\"236\" class=\"aligncenter size-full wp-image-397\" srcset=\"http:\/\/blog.denivip.ru\/wp-content\/uploads\/2010\/11\/Watch-pie-report.png 500w, http:\/\/blog.denivip.ru\/wp-content\/uploads\/2010\/11\/Watch-pie-report-300x141.png 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><br \/>\nVideo start duration could show you what is the most popular delay in video start playing among your site visitors. Sample view is below:<br \/>\n<a href=\"http:\/\/blog.denivip.ru\/wp-content\/uploads\/2010\/11\/Start-time-report.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.denivip.ru\/wp-content\/uploads\/2010\/11\/Start-time-report.png\" alt=\"\" title=\"Start time report\" width=\"500\" height=\"57\" class=\"aligncenter size-full wp-image-398\" srcset=\"http:\/\/blog.denivip.ru\/wp-content\/uploads\/2010\/11\/Start-time-report.png 500w, http:\/\/blog.denivip.ru\/wp-content\/uploads\/2010\/11\/Start-time-report-300x34.png 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p><strong>How it works<\/strong><br \/>\nActually, StatLoader loads tracking core which listens to all NetStream, NetConnection and NetGroup events and based on them triggers Google Analytics to store events. All events tracking is optimized to trigger only once per session as amount of events is limited.<\/p>\n<p><strong>Soon<\/strong><br \/>\nA little bit later we will publish handy AIR application for comfortable video reports viewing &#8212; there will be a lot of predefined reports based on collected data. AIR application is working through Google Data Export API.<br \/>\n<br \/>\nWe will be very glad for your feedback and proposals.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this article we will go through the exciting service which let you publish online video analytics from your Flash Player to your Google Analytics account. All you need is to put small actionscript code snippet inside your video player. It collects all statistics data and publishes them to Google when possible. Interesting thing that [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,12],"tags":[69,14,515],"_links":{"self":[{"href":"http:\/\/blog.denivip.ru\/index.php\/wp-json\/wp\/v2\/posts\/407"}],"collection":[{"href":"http:\/\/blog.denivip.ru\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.denivip.ru\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.denivip.ru\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.denivip.ru\/index.php\/wp-json\/wp\/v2\/comments?post=407"}],"version-history":[{"count":39,"href":"http:\/\/blog.denivip.ru\/index.php\/wp-json\/wp\/v2\/posts\/407\/revisions"}],"predecessor-version":[{"id":655,"href":"http:\/\/blog.denivip.ru\/index.php\/wp-json\/wp\/v2\/posts\/407\/revisions\/655"}],"wp:attachment":[{"href":"http:\/\/blog.denivip.ru\/index.php\/wp-json\/wp\/v2\/media?parent=407"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.denivip.ru\/index.php\/wp-json\/wp\/v2\/categories?post=407"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.denivip.ru\/index.php\/wp-json\/wp\/v2\/tags?post=407"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}