Adobe Media Analytics

Adobe Media Analytics is a comprehensive data analysis platform developed by Adobe for measuring and interpreting user engagement with digital media content. It provides robust analytics tools to track and analyze user interactions across various media channels, offering insights into audience behavior, content performance, and campaign effectiveness. By aggregating and visualizing data on factors such as views, clicks, and engagement metrics, Adobe Media Analytics empowers businesses and content creators to optimize their strategies, enhance user experiences, and make data-driven decisions in the dynamic landscape of digital media.

Configuration

Attribute	Type	Required	Description
enabled	boolean	No	Enable the plugin (Defaults to false if no value is given.)
appId	string	Yes	Application id used for configuration.
griffonUrl	string	No	URL needed for starting assurance and inspect collected data on assurance server
marketingCloudId	string	Yes	Marketing Cloud ID for getting the visitor.
publisherId	string	Yes	ID of the publisher.
trackingServer	string	Yes	AppMeasurement tracking server
mediaTrackingServer	string	Yes	Media collection server endpoint to which all the media tracking data is sent
channel	string	Yes	Channel name
userId	string	Yes	User/Account ID to get app measurement instance.
pageName	string	Yes	Name of the page.
playerName	string	No	Name of the media player in use (defaults to Lura Player)
debugLogging	boolean	No	A boolean to enable debug mode on adobe media analytics sdk
contentInfo	object	No	Information related to content
contentInfo.name	string	Yes	Name of the currently playing content
contentInfo.id	string	Yes	ID of the currently playing content
contentInfo.length	number	Yes	Length of the currently playing content in seconds
contentInfo.streamType	"vod" \| "live"	Yes	Type of the stream
contentInfo.mediaType	"video" \| "audio"	Yes	Type of the media
contextData	{[key: string] : string}	No	Metadata that will be passed to adobe media analytics

import React, { useRef, useEffect, useState } from "react";
import { SafeAreaView, StyleSheet, View } from "react-native";
import { LuraPlayer, type UnifiedPlayer, type Configuration } from "@akta-tech/lura-player-react-native";
import { LuraPlayerControls } from "@akta-tech/lura-player-react-native-ui";

export default function App() {
    const playerRef = useRef<UnifiedPlayer>(null);
    const config: Configuration = {
      ...
      plugins: {
          ...
          adobeMediaAnalytics?: {
              enabled?: true;
              // For mobile sdks
              appId?: "APP_ID";
              griffonUrl?: "GRIFFON_URL";
              // For web sdk
              marketingCloudId?: "MARKETING_CLOUD_ID";
              publisherId?: "PUBLISHER_ID";
              trackingServer?: "TRACKING_SERVER";
              mediaTrackingServer?: "MEDIA_TRACKING_SERVER";
              channel?: "CHANNEL";
              userId?: "USER_ID";
              pageName?: "PAGE_NAME";
              playerName?: "PLAYER_NAME";
              // For both
              debugLogging?: false;
              contentInfo?: {
                  name: "NAME";
                  id: "ID";
                  length: 0;
                  streamType: "STREAM_TYPE";
                  mediaType: "MEDIA_TYPE";
              };
              contextData: {
                  [key: string]: string;
              };
          };
          ...
      },
      ...
    };
    useEffect(() => {
        playerRef.current?.setConfig(config)
    }, [playerRef]);
    return (
        <View>
            <SafeAreaView />
            <LuraPlayer ref={playerRef} style={styles.player}>
                <LuraPlayerControls></LuraPlayerControls>
            </LuraPlayer>
        </View>
    );
}

const styles = StyleSheet.create({
    player: {
        backgroundColor: "#000",
        width: "100%",
        maxWidth: 640,
        aspectRatio: 16 / 9,
    },
});

Configuration​

Configuration