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.

To learn more about how to send analytics to Adobe Media Analytics in Lura Player, check out Adobe Media Analytics Plugin

Example

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,
    },
});