Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

cloudinary-video-analytics

Package Overview
Dependencies
Maintainers
0
Versions
16
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

cloudinary-video-analytics

The Cloudinary Video Analytics package allows you to track analytics for your Cloudinary videos using video players other than the Cloudinary Video Player. The library targets the HTML5 video tag and is designed to work with any video player that use this

  • 1.7.1
  • latest
  • npm
  • Socket score

Version published
Weekly downloads
2K
increased by4.7%
Maintainers
0
Weekly downloads
 
Created
Source

Cloudinary Video Analytics

The Cloudinary Video Analytics package allows you to track analytics for your Cloudinary videos using video players other than the Cloudinary Video Player. The library targets the HTML5 video tag and is designed to work with any video player that use this tag. For more information view the documentation.

Usage

1. Install the package:

npm i cloudinary-video-analytics

2. Import the library:

import { connectCloudinaryAnalytics } from 'cloudinary-video-analytics';

3. Connect the analytics::

Connect the analytics by calling the connectCloudinaryAnalytics method and provide the video element as a parameter. For example, if your video element has the id ‘video-player’:

const videoElement = document.getElementById('video-player');
const cloudinaryAnalytics = connectCloudinaryAnalytics(videoElement);

4. Start tracking:

Start tracking analytics for any Cloudinary video by calling the startAutoTracking method:

cloudinaryAnalytics.startAutoTracking();

Alternatively, to track each video manually, call the startManualTracking method, providing your Cloudinary cloud name and the public id of the video you want to manually track:

cloudinaryAnalytics.startManualTracking({
  cloudName: 'demo',
  publicId: 'cld-sample',
})

Auto and manual tracking cannot be used together for the same video element. Manual tracking should only be used in cases where you need to track certain videos, you want to track a video tag element which is dynamic, or you have custom domains which require providing cloudName and publicId.

CodeSandbox examples

Native HTML Video Tag - Auto tracking
Native HTML Video Tag - Manual tracking

FAQs

Package last updated on 08 Aug 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc