DocumentazioneAnalyticsGuida a Streaming Media Collection

Tracciare la riproduzione di base in JavaScript 2.x

Ultimo aggiornamento: 15 luglio 2025
  • Argomenti:

Creato per:

  • Utente
  • Amministratore
  • Sviluppatore

Le istruzioni seguenti forniscono indicazioni per l’implementazione negli SDK 2.x.

IMPORTANTE
Se stai implementando una versione 1.x di SDK, puoi scaricare le guide per sviluppatori 1.x qui: Scarica SDK
  1. Configurazione del tracciamento iniziale

    Identifica quando l’utente attiva l’intenzione di riproduzione (l’utente fa clic su play e/o l’esecuzione automatica è attiva) e crea un’istanza MediaObject.

    API createMediaObject

    Nome variabileDescrizioneObbligatorio
    nameNome file multimedialeSì
    mediaidIdentificatore univoco del file multimedialeSì
    lengthLunghezza del file multimedialeSì
    streamTypeTipo di flusso (vedi Costanti StreamType sotto)Sì
    mediaTypeTipo di file multimediale (vedi Costanti MediaType sotto)Sì

    StreamTypeCostanti:

    Nome costanteDescrizione
    VODTipo di flusso per Video on Demand.
    LIVETipo di flusso per il contenuto LIVE.
    LINEARTipo di flusso per contenuti LINEAR.
    AODTipo di flusso per audio on-demand.
    AUDIOBOOKTipo di flusso per audiolibro.
    PODCASTTipo di flusso per podcast.

    Costanti MediaType:

    Nome costanteDescrizione
    AudioTipo di file multimediale per flussi Audio.
    VideoTipo di file multimediale per i flussi Video.
    var mediaObject =
      MediaHeartbeat.createMediaObject(<MEDIA_NAME>,
                                      <MEDIA_ID,
                                      <MEDIA_LENGTH>,
                                      MediaHeartbeat.StreamType.VOD,
                                      <MEDIA_TYPE>);
    
  2. Allega metadati

    Facoltativamente, allega oggetti metadati standard e/o personalizzati alla sessione di tracciamento tramite variabili di dati di contesto.

    • Metadati standard

      Implementazione dei metadati standard in JavaScript

      NOTE
      Il collegamento dell’oggetto metadati standard all’oggetto multimediale è facoltativo.
      • Riferimento API per le chiavi di metadati multimediali: Chiavi di metadati standard - JavaScript

        Consulta il set completo dei metadati disponibili qui: Parametri audio e video

    • Metadati personalizzati

      Crea un oggetto variabile per le variabili personalizzate e compila i dati per questo elemento multimediale. Ad esempio:

      /* Set custom context data */
      var customVideoMetadata = {
          isUserLoggedIn: "false",
          tvStation: "Sample TV station",
          programmer: "Sample programmer"
      };
      
  3. Tracciare l’intenzione di inizio riproduzione

    Per iniziare a tracciare una sessione multimediale, effettua una chiamata trackSessionStart sull’istanza Media Heartbeat:

    mediaHeartbeat.trackSessionStart(mediaObject, customVideoMetadata);
    
    TIP
    Il secondo valore è il nome dell’oggetto metadati multimediali personalizzati creato al passaggio 2.
    IMPORTANT
    trackSessionStart tiene traccia delle intenzioni di riproduzione dell’utente, non dell’inizio della riproduzione. Questa API viene utilizzata per caricare dati/metadati e per stimare la metrica QoS relativa al tempo di avvio (durata tra trackSessionStart e trackPlay).
    NOTE
    Se non utilizzi metadati personalizzati, invia semplicemente un oggetto vuoto per l’argomento data in trackSessionStart, come mostrato nella riga esterna di commento nell’esempio di iOS precedente.
  4. Tracciare l’inizio effettivo della riproduzione

    Identifica l’evento dal lettore multimediale per l’inizio della riproduzione, dove viene eseguito il rendering del primo fotogramma del file multimediale sullo schermo ed effettua una chiamata trackPlay.

    mediaHeartbeat.trackPlay();
    
  5. Tracciare il completamento della riproduzione

    Identifica l’evento dal lettore multimediale per il completamento della riproduzione in cui l’utente ha guardato il contenuto fino alla fine ed effettua una chiamata trackComplete.

    mediaHeartbeat.trackComplete();
    
  6. Tracciare la fine della sessione

    Identifica l’evento dal lettore multimediale per lo scaricamento/la chiusura della riproduzione in cui l’utente chiude l’elemento multimediale e/o l’elemento multimediale viene completato e scaricato ed effettua una chiamata trackSessionEnd.

    mediaHeartbeat.trackSessionEnd();
    
    IMPORTANT
    trackSessionEnd indica la fine di una sessione di tracciamento. Se la sessione è stata guardata correttamente fino al completamento, dove l’utente ha guardato il contenuto fino alla fine, assicurati che trackComplete venga chiamato prima di trackSessionEnd. Dopo trackSessionEnd, qualsiasi chiamata API track* viene ignorata, tranne la chiamata trackSessionStart per una nuova sessione di tracciamento video.
  7. Tracciare tutti gli scenari di pausa possibili

    Identifica l’evento dal lettore multimediale per la pausa ed effettua una chiamata trackPause.

    mediaHeartbeat.trackPause();
    

    Scenari di pausa

    Identifica uno scenario in cui il lettore multimediale si interrompe e verifica che trackPause sia chiamato correttamente. I seguenti scenari richiedono tutti una chiamata trackPause() dall’app:

    • L’utente mette esplicitamente in pausa l’app.
    • Il lettore si mette in pausa da solo.
    • (App per dispositivi mobili): l’utente mette l’applicazione in background, ma si desidera invece che l’app mantenga aperta la sessione.
    • (App per dispositivi mobili) - Può verificarsi qualsiasi tipo di interruzione di sistema che porta l’applicazione in background. Ad esempio, l’utente riceve una chiamata oppure la notifica da un’altra applicazione, ma desideri che l’applicazione mantenga aperta la sessione per dare all’utente l’opportunità di riprendere l’elemento multimediale dal punto in cui è stato interrotto.
  8. Identifica l’evento dal lettore per la riproduzione e/o la ripresa dalla pausa ed effettua una chiamata trackPlay:

    mediaHeartbeat.trackPlay();
    
    TIP
    Potrebbe trattarsi della stessa origine evento utilizzata nel passaggio 4. Quando la riproduzione riprende, assicurati che ogni chiamata API trackPause() sia associata alla seguente chiamata API trackPlay().
  • Scenari di tracciamento: Riproduzione VOD senza annunci
  • Lettore di esempio incluso con l’SDK JavaScript per un esempio di tracciamento completo.
recommendation-more-help
c8eee520-cef5-4f8c-a38a-d4952cfae4eb