prueba analytics

templates/test/index.html.twig

@@ -8,6 +8,17 @@
         <link href="{{asset('videojs-plugins/thumbnails/videojs-thumbnails.min.css')}}" rel="stylesheet">
         <link href="{{asset('videojs-plugins/overlay/videojs-overlay.css')}}">
         <link href="{{asset('videojs-plugins/style-videojs.css')}}">
+        <!-- Global site tag (gtag.js) - Google Analytics -->
+        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-56570961-2"></script>
+        <script>
+            window.dataLayer = window.dataLayer || [];
+            function gtag() {
+                dataLayer.push(arguments);
+            }
+            gtag('js', new Date());
+
+            gtag('config', 'UA-56570961-2');
+        </script>
 
 
     </head>
@@ -37,6 +48,7 @@
         <script src="{{asset('videojs/video.min.js')}}"></script>           
         <script src="{{asset('videojs-plugins/thumbnails/videojs-thumbnails.min.js')}}"></script>
         <script src="{{asset('videojs-plugins/overlay/videojs-overlay.js')}}" ></script>
+        <script src="{{asset('videojs-plugins/analitycs/videojs-analytics.js')}}"></script>
         <script>
             //uri codificada
             var dmUri = "{{url}}";
@@ -60,7 +72,7 @@
                 });
 
                 player.overlay({
-                    
+
                     debug: true,
                     overlays: [{
                             content: '<div class="myOverlay"><h1>DreamGirls - 01</h1></div>',
@@ -68,6 +80,17 @@
                             end: 'pause'
                         }]
                 });
+
+                player.analytics({
+                    events: [
+                        {
+                            name: 'play',
+                            label: 'reproduccion video',
+                            action: 'play',
+                        }
+                    ]
+                })
+
             }(
                     window, window.videojs));