Cloudinary Video Player

Analytics

Analytics documentation

Example Code:

      

        <video
          id="player"
          controls
          muted
          class="cld-video-player"
          width="500">
        </video>

      
      

        <!-- Google Analytics Code Snippet (GA4) -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX"></script>
        <script>
          window.dataLayer = window.dataLayer || [];
          function gtag(){dataLayer.push(arguments);}
          gtag('js', new Date());
          gtag('config', 'G-XXXXXXX', { debug_mode: true });
        </script>

        <script type="text/javascript">

          // Initialize player
          var player = cloudinary.videoPlayer('player', {
            cloud_name: 'demo',
            analytics: { // Enable player analytics
              events: [
                'play',
                'pause',
                { type: 'percentsplayed', percents: [10, 50, 75, 100] }, // Some events may have additional settings
                'start',
                'ended'
              ]
            }
          });

          var source = { publicId: 'marmots', info: { title: 'marmots', subtitle: 'marmots subtitle', description: 'lorem ipsum marmots' } };

          player.source(source).play();

        </script>