@theoplayer/react-native-analytics-comscore
TypeScript icon, indicating that this package has built-in type declarations

1.7.1 • Public • Published

THEOplayer React-Native Comscore Connector

A Comscore analytics connector for @theoplayer/react-native.

Installation

npm install @theoplayer/react-native-analytics-comscore

Usage

Configuring the connector

Create the connector by providing the THEOplayer instance, a ComscoreConfiguration (which contains your publisher id) and the ComscoreMetadata of the first source you will set to the player (you can change it dynamically throughout the entire lifecycle of the connector):

import { useComscore } from '@theoplayer/react-native-analytics-comscore';

export const comscoreMetadata: ComscoreMetadata = {
    mediaType: ComscoreMediaType.longFormOnDemand,
    uniqueId: 'testuniqueId',
    length: 634.566,
    stationTitle: 'THEOTV',
    programTitle: 'Big Buck Bunny',
    episodeTitle: 'Intro',
    genreName: 'Animation',
    classifyAsAudioStream: false,
    customLabels: {
        testcustomlabel: 'testcustomvalue'
    }
};

const comscoreConfig: ComscoreConfiguration = {
    publisherId: '<your publisher id (aka c2 id)',
    applicationName: '<your app name>',
    userConsent: ComscoreUserConsent.granted,
    usagePropertiesAutoUpdateMode: ComscoreUsagePropertiesAutoUpdateMode.foregroundOnly,
    debug: true
};

const App = () => {
    const [comscore, initComscore] = useComscore(COMSCORE_METADATA, comscoreConfig);

    const onPlayerReady = (player: THEOplayer) => {
        // Initialize Comscore connector
        initComscore(player);
    };

    return <THEOplayerView config={playerConfig} onPlayerReady={onPlayerReady} />;
};

Passing metadata dynamically

The connector allows passing or updating the current asset's metadata at any time:

const onUpdateMetadata = () => {
    comscore.current.update({
        mediaType: ComscoreMediaType.longFormOnDemand,
        uniqueId: 'testuniqueId',
        length: 634.566,
        stationTitle: 'THEOTV',
        programTitle: 'Big Buck Bunny',
        episodeTitle: 'Intro',
        genreName: 'Animation',
        classifyAsAudioStream: false,
        customLabels: {
            testcustomlabel: 'testcustomvalue'
        }
    });
};

ComscoreMetadata fields

Based on the ComscoreMetadata type, you can tell which fields are mandatory and which aren't. Note that this is purely for the integration to work correctly. Depending on the Comscore solution you are using, different fields are required/optional. The mandatory fields in the ComscoreMetadata type are the ones that are mandatory for all three Comscore solutions:

  • Video Metrix (V)
  • Cross Platform Product Suite (X)
  • Cross Media Audience Measurement (C)
Property Required Optional
mediaType All
uniqueId All
length All
c3? V
c4? V
c6? V
stationTitle All
stationCode? All
networkAffiliate? All
publisherName? X C V
programTitle All
programId? V C
episodeTitle All
episodeId? X C
episodeSeasonNumber? X C
episodeNumber? X C
genreName All
genreId? All
carryTvAdvertisementLoad? X
classifyAsCompleteEpisode? X
dateOfProduction? C
timeOfProduction? C
dateOfTvAiring? X C
timeOfTvAiring? X C
dateOfDigitalAiring? X C
timeOfDigitalAiring? X C
feedType? X
classifyAsAudioStream Al
deliveryMode? All
deliverySubscriptionType? All
deliveryComposition? All
deliveryAdvertisementCapability? All
mediaFormat? All
distributionModel? All
playlistTitle? C
totalSegments? V C
clipUrl? V C
videoDimension? C
customLabels? All

Package Sidebar

Install

npm i @theoplayer/react-native-analytics-comscore

Weekly Downloads

1,334

Version

1.7.1

License

SEE LICENSE AT https://www.theoplayer.com/terms

Unpacked Size

2.41 MB

Total Files

197

Last publish

Collaborators

  • theotechnologies-admin