Seguimiento de anuncios en JavaScript 2.x track-ads-on-javascript

Las siguientes instrucciones proporcionan directrices para la implementación mediante SDK de 2.x.

IMPORTANT
Si va a implementar una versión 1.x del SDK, puede descargar las guías del desarrollador de 1.x aquí: Descargar SDK.

Constantes de seguimiento de anuncio

Nombre de la constante
Descripción
AdBreakStart
Constante para rastrear el evento de inicio de AdBreak
AdBreakComplete
Constante para rastrear el evento de finalización de AdBreak
AdStart
Constante para rastrear el evento de Inicio de Ad
AdComplete
Constante para rastrear el evento de Finalización de Ad
AdSkip
Constante para rastrear el evento Omitir Ad

Pasos de implementación

  1. Identifique cuándo comienza la zona de salto de anuncio, incluido el anuncio previo a la emisión, y cree un AdBreakObject utilizando la información de la pausa publicitaria.

    Referencia de AdBreakObject:

    table 0-row-3 1-row-3 2-row-3 3-row-3 3-align-center 7-align-center 11-align-center 15-align-center
    Nombre de variable Descripción Requerido
    name Nombre de la pausa publicitaria: publicidad pre-roll, mid-roll y post-roll.
    position La posición numérica de la pausa publicitaria, comenzando por 1.
    startTime Valor del cabezal de reproducción al comienzo de la pausa publicitaria.

    Creación de objeto de pausa publicitaria:

    code language-js
    var adBreakObject =
      MediaHeartbeat.createAdBreakObject(<ADBREAK_NAME>,
                                         <POSITION>,
                                         <START_TIME>);
    
  2. Invoque trackEvent() con AdBreakStart en la instancia de MediaHeartbeat para iniciar el seguimiento de la pausa publicitaria:

    code language-js
    mediaHeartbeat.trackEvent(MediaHeartbeat.Event.AdBreakStart, adBreakObject);
    
  3. Identifique cuándo se inicia el anuncio y cree una instancia de AdObject con la información de la publicidad.

    Referencia de AdObject:

    table 0-row-3 1-row-3 2-row-3 3-row-3 4-row-3 3-align-center 7-align-center 11-align-center 15-align-center 19-align-center
    Nombre de variable Descripción Requerido
    name Nombre descriptivo del anuncio.
    adId Identificador único del anuncio.
    position Posición numérica del anuncio en la pausa publicitaria, comenzando por 1.
    length Duración del anuncio

    Creación de objeto de anuncio:

    code language-js
    var adObject =
      MediaHeartbeat.createAdObject(<AD_NAME>,
                                    <AD_ID>,
                                    <POSITION>,
                                    <LENGTH>);
    
  4. Opcionalmente, se pueden adjuntar metadatos estándar o de anuncio a la sesión de seguimiento de contenido mediante el uso de variables de datos de contexto.

    • Implementación de metadatos de publicidad estándar en JavaScript

    • Metadatos de anuncio personalizados: para los metadatos personalizados, cree un objeto de variable para las variables de datos personalizadas y rellénelas con los datos del anuncio actual:

      code language-js
      /* Set custom context data */
      var adCustomMetadata = {
          affiliate: "Sample affiliate",
          campaign: "Sample ad campaign",
          creative: "Sample creative"
      };
      
  5. Invoque trackEvent() con el evento AdStart de la instancia de MediaHeartbeat para iniciar el seguimiento de la reproducción de publicidad.

    Incluya una referencia a la variable de metadatos personalizada (o un objeto vacío) como tercer parámetro de la llamada de evento:

    code language-js
    _onAdStart = function() {
        this._mediaHeartbeat.trackEvent(MediaHeartbeat.Event.AdStart,
                                        adObject,
                                        adCustomMetadata);
    };
    
  6. Cuando la reproducción del anuncio llega al final, invoque trackEvent() con el evento AdComplete:

    code language-js
    _onAdComplete = function() {
        this._mediaHeartbeat.trackEvent(MediaHeartbeat.Event.AdComplete);
    };
    
  7. Si la reproducción de la publicidad no ha finalizado porque el usuario ha elegido omitirla, realice un seguimiento del evento AdSkip

    code language-js
    _onAdSkip = function() {
        this._mediaHeartbeat.trackEvent(MediaHeartbeat.Event.AdSkip);
    };
    
  8. Si hay anuncios adicionales dentro del mismo AdBreak, repita los pasos del 3 al 7.

  9. Cuando finalice la pausa publicitaria, utilice el evento AdBreakComplete para realizar el seguimiento:

    code language-js
    _onAdBreakComplete = function() {
        this._mediaHeartbeat.trackEvent(MediaHeartbeat.Event.AdBreakComplete);
    };
    

Consulte la situación de seguimiento Reproducción de VOD con anuncios previos a la emisión para obtener más información.

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