追蹤概觀 tracking-overview

本文件涵蓋 SDK 2.x 版中的追蹤。

IMPORTANT
若您正在實作 SDK 1.x 版,您可以在此處下載 1.x 開發人員指南:下載 SDK。

播放器事件

追蹤核心播放包含追蹤媒體載入、媒體開始、媒體暫停和媒體完成。追蹤緩衝和搜尋雖然並非為強制性,但也是可用於追蹤內容播放的核心元件。在您的媒體播放器 API 中,識別與 Media SDK 追蹤呼叫對應的播放器事件,並編寫事件處理程式的程式碼,以呼叫追蹤 API 及填入必要和選用的變數。

媒體載入時

  • 建立媒體物件
  • 填入中繼資料
  • 呼叫 trackSessionStart;例如:trackSessionStart(mediaObject, contextData)

媒體開始時

  • 呼叫 trackPlay

暫停/繼續時

  • 呼叫 trackPause
  • 繼續播放時,呼叫 trackPlay

媒體完成時

  • 呼叫 trackComplete

媒體中止時

  • 呼叫 trackSessionEnd

拖曳開始時

  • 呼叫 trackEvent(SeekStart)

拖曳結束時

  • 呼叫 trackEvent(SeekComplete)
    取消變更

緩衝開始時

  • 呼叫 trackEvent(BufferStart);

緩衝結束時

  • 呼叫 trackEvent(BufferComplete);

實作 implement

  1. 初始追蹤設定 - 識別使用者何時觸發播放意圖 (使用者點按播放和/或自動播放已開啟),然後使用媒體資訊建立 MediaObject 例項,以設定內容名稱、內容 ID、內容長度和資料流類型。

    MediaObject參考資料:

    table 0-row-3 1-row-3 2-row-3 3-row-3 4-row-3 5-row-3
    變數名稱 說明 必填
    name 內容名稱
    mediaid 內容唯一識別碼
    length 內容長度
    streamType 資料流類型
    mediaType 媒體類型 (音效或視訊內容)

    StreamType常數:

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2
    常數名稱 說明
    VOD 隨選視訊的資料流類型。
    LIVE Live 內容的資料流類型。
    LINEAR Linear 內容的資料流類型。
    AOD 隨選音效的資料流類型
    AUDIOBOOK 有聲書的資料流類型
    PODCAST 播客的資料流類型

    MediaType常數:

    table 0-row-2 1-row-2 2-row-2
    常數名稱 說明
    Audio 音效資料流的媒體類型。
    Video 視訊資料流的媒體類型。

    建立 MediaObject 的一般格式為 MediaHeartbeat.createMediaObject(<MEDIA_NAME>, <MEDIA_ID>, <MEDIA_LENGTH>, <STREAM_TYPE>, <MEDIA_TYPE>);

  2. 附加中繼資料 - 可選擇透過內容資料變數,將標準和/或自訂中繼資料物件附加到追蹤工作階段。

    • 標準中繼資料 -

      note note
      NOTE
      將標準中繼資料物件附加到媒體物件為選用。

      在媒體心率物件上,實例化標準中繼資料物件、填入必要的變數,然後設定中繼資料物件。

      請在此處參閱完整的中繼資料清單:音效和視訊參數.

    • 自訂中繼資料 - 為自訂變數建立變數物件,並為此內容填入資料。

  3. 追蹤開始播放的意圖 - 若要開始追蹤工作階段,請呼叫媒體心率例項上的 trackSessionStart

    note important
    IMPORTANT
    trackSessionStart 會追蹤使用者的播放意圖,而非播放的開始。此 API 用來載入資料/中繼資料,以及估計開始 QoS 量度所需的時間 (trackSessionStarttrackPlay 之間的時間)。
    note note
    NOTE
    如果您未使用自訂中繼資料,只要為 trackSessionStart 中的 data 引數傳送空白物件即可。
  4. 追蹤實際的播放開始 - ​找出來自媒體播放器的播放開始 (畫面上產生內容的第一個影格) 事件,並呼叫 trackPlay

  5. 追蹤播放完成 - 識別來自媒體播放器的播放完成 (使用者已觀看內容至結尾) 事件,並呼叫 trackComplete

  6. 追蹤工作階段結尾 - 識別來自媒體播放器的取消載入/關閉播放 (使用者關閉內容及/或內容已完成並取消載入) 事件,並呼叫 trackSessionEnd

    note important
    IMPORTANT
    trackSessionEnd 會標記追蹤工作階段的結尾。如果成功觀看工作階段至完成 (使用者觀看了內容至結尾),請確定在 trackComplete 之前呼叫 trackSessionEnd。在 trackSessionEnd 之後會忽略任何其他 track* API 呼叫 (除了新追蹤工作階段的 trackSessionStart)。
  7. 追蹤所有可能的暫停情況 - 識別來自媒體播放器的暫停事件,並呼叫 trackPause

    暫停情況 - 識別「播放器」會暫停的情況,並請務必正確呼叫 trackPause。以下情形都要求應用程式呼叫 trackPause()

    • 使用者明確在應用程式中點擊暫停。
    • 播放器自行進入「暫停」狀態。
    • (行動應用程式) - 使用者讓應用程式進入背景,但您希望應用程式保持工作階段開啟。
    • (行動應用程式) - 發生任何類型的系統中斷,導致應用程式進入背景。例如,使用者接聽電話、或發生來自另一個應用程式的彈出視窗,但您希望應用程式維持工作階段進行中,讓使用者能夠從中斷點復原內容。
  8. 識別來自播放器的播放和/或來自暫停的恢復事件,並呼叫 trackPlay

    note tip
    TIP
    這可能與在步驟 4 使用的事件來源相同。確保播放恢復時,每個 trackPause() API 呼叫都與下列 trackPlay() API 呼叫成對。
  9. 從媒體播放器上聽取播放搜尋事件。在搜尋開始事件通知上使用 SeekStart 事件追蹤搜尋。

  10. 在來自媒體播放器的搜尋完成通知上,使用 SeekComplete 事件來追蹤搜尋的結尾.

  11. 接聽來自媒體播放器的播放緩衝事件,並在緩衝開始事件通知時使用 BufferStart 事件追蹤緩衝。

  12. 在來自媒體播放器的緩衝完成通知上,使用 BufferComplete 事件來追蹤緩衝的結尾。

請參閱下列平台專屬主題中每個步驟的範例,並查看 SDK 包含的範例播放器。

如需播放追蹤的簡單範例,請參閱 HTML5 播放器中 JavaScript 2.x SDK 的使用。

/* Call on media start */
if (e.type == "play") {

    // Check for start of media
    if (!sessionStarted) {
        /* Set media info */
        /* MediaHeartbeat.createMediaObject(<MEDIA_NAME>,
                                            <MEDIA_ID>,
                                            <MEDIA_LENGTH>,
                                            <MEDIA_STREAMTYPE>,
                                            <MEDIA_MEDIATYPE>);*/
        var mediaInfo = MediaHeartbeat.createMediaObject(
          document.getElementsByTagName('video')[0].getAttribute("name"),
          document.getElementsByTagName('video')[0].getAttribute("id"),
          video.duration,
          MediaHeartbeat.StreamType.VOD);

        /* Set custom context data */
        var customVideoMetadata = {
            isUserLoggedIn: "false",
            tvStation: "Sample TV station",
            programmer: "Sample programmer"
        };

        /* Set standard video metadata */
        var standardVideoMetadata = {};
        standardVideoMetadata[MediaHeartbeat.VideoMetadataKeys.EPISODE] = "Sample Episode";
        standardVideoMetadata[MediaHeartbeat.VideoMetadataKeys.SHOW] = "Sample Show";
        mediaInfo.setValue(MediaHeartbeat.MediaObjectKey.StandardVideoMetadata,
                           standardVideoMetadata);

        // Start Session
        this.mediaHeartbeat.trackSessionStart(mediaInfo, customVideoMetadata);

        // Track play
        this.mediaHeartbeat.trackPlay();
        sessionStarted = true;

    } else {
        // Track play for resuming playack
        this.mediaHeartbeat.trackPlay();
    }
};

/* Call on video complete */
if (e.type == "ended") {
    console.log("video ended");
    this.mediaHeartbeat.trackComplete();
    this.mediaHeartbeat.trackSessionEnd();
    sessionStarted = false;
};

/* Call on pause */
if (e.type == "pause") {
    this.mediaHeartbeat.trackPause();
};

/* Call on scrub start */
if (e.type == "seeking") {
    this.mediaHeartbeat.trackEvent(MediaHeartbeat.Event.SeekStart);
};

/* Call on scrub stop */
if (e.type == "seeked") {
    this.mediaHeartbeat.trackEvent(MediaHeartbeat.Event.SeekComplete);
};

/* Call on buffer start */
if (e.type == "buffering") {
    this.mediaHeartbeat.trackEvent(MediaHeartbeat.Event.BufferStart);
};

/* Call on buffer complete */
if (e.type == "buffered") {
    this.mediaHeartbeat.trackEvent(MediaHeartbeat.Event.BufferComplete);
};

驗證 validate

如需有關驗證​ 舊版 ​實作的資訊,請參閱舊版驗證

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