Installera Media SDK med JavaScript install-web-sdks

Informationen på den här sidan beskriver hur du installerar den fristående SDK för webben och konfigurerar JavaScript.

Du kan också använda Adobe Media Analytics-tillägget för att implementera Adobe Streaming Media Collection-tillägget, vilket beskrivs i Implementera Analytics med Media Analytics-tillägget.

Förutsättningar prerequesites

  • Hämta giltiga konfigurationsparametrar

    Dessa parametrar kan hämtas från en Adobe-representant när du har konfigurerat ditt analyskonto.

  • Implementera AppMeasurement och Experience Cloud Identity Service för JavaScript i ditt medieprogram

    Mer information finns i Implementera analys med JavaScript och Implementera Experience Cloud Identity Service.

  • Ta med följande API:er i mediespelaren

    • Ett API för att prenumerera på spelarhändelser - Media SDK kräver att du anropar en uppsättning enkla API:er när händelser inträffar i spelaren.
    • Ett API som innehåller spelarinformation - Detta innehåller information om media, annonser och kapitel som spelas upp just nu.

Konfigurera JavaScript 3.x set-up-javascript

  1. Lägg till ditt hämtade-bibliotek i ditt projekt. Skapa lokala referenser till klasserna.

    1. Expandera filen MediaSDK-js-v3*.zip som du hämtade.

    2. Kontrollera att filen MediaSDK.js finns i katalogen libs.

    3. Värd för filen MediaSDK.js.

      Den här JavaScript-huvudfilen måste finnas på en webbserver som är tillgänglig för alla sidor på webbplatsen. Du behöver sökvägen till de här filerna för nästa steg.

    4. Referens MediaSDK.js på alla webbplatssidor.

      Inkludera MediaSDK för JavaScript genom att lägga till följande kodrad i taggen <head> eller <body> på varje sida. Exempel:

      code language-html
      <script type="text/javascript" src="https://INSERT-DOMAIN-AND-PATH-TO-CODE-HERE/MediaSDK.js"></script>
      
    5. Om du snabbt vill verifiera att biblioteket har importerats, kontrollerar du att ADB.Media har exporterats till Window-objektet.

      note note
      NOTE
      JavaScript SDK är kompatibelt med AMD- och CommonJS-modulspecifikationerna, och MediaSDK.js kan även användas med kompatibla modulinläsare.
  2. Skapa en instans av AppMeasurement och konfigurera visitor.

    Media SDK-konfigurationen kräver en instans av AppMeasurement med visitor konfigurerad.

    code language-js
     var appMeasurement = new AppMeasurement("<rsid>");
     appMeasurement.visitor = visitor;
     appMeasurement.trackingServer = "<visitor_namespace>.sc.omtrdc.net";
    
  3. Konfigurera Media SDK

    Media SDK bör konfigureras en gång per webbsida och konfigurationen gäller för alla spårningsinstanser som skapas.

    note important
    IMPORTANT
    Media SDK (3.x) använder Media Collection API för att spåra media som skiljer sig från HB-slutpunkten som används i 2.x SDK:er. Kontakta din Adobe-representant om du vill ha mer information.

    Här följer ett exempel på MediaConfig-initiering:

    code language-js
     // Create MediaConfig object (same as above)
     var mediaConfig = new ADB.MediaConfig();
     mediaConfig.trackingServer = Configuration.MEDIA_COLLECTION_ENDPOINT;
     mediaConfig.playerName = Configuration.PLAYER_NAME;
     mediaConfig.channel = Configuration.CHANNEL;
     mediaConfig.appVersion = Configuration.APP_VERSION;
     mediaConfig.debugLogging = false;
     mediaConfig.ssl = true;
    
     ADB.Media.configure(mediaConfig, appMeasurement);
    
  4. Skapa instansen MediaTracker.

    När Media SDK har konfigurerats kan spårningsinstanser för att spåra medieinnehåll skapas med getInstance API.

    code language-js
    var tracker = ADB.Media.getInstance();
    
    note important
    IMPORTANT
    Se till att din tracker-instans är tillgänglig och inte tas bort förrän mediesessionen är slut. Den här instansen används för att spåra alla följande händelser för den sessionen.

Migrera från JavaScript 2.x till 3.x

Mer information om migrering från 2.x till 3.x finns i 2.x till 3.x-migrering.

Mer information om äldre innehåll finns i Äldre implementeringar

recommendation-more-help
c8eee520-cef5-4f8c-a38a-d4952cfae4eb