Compartir a través de

Tutorial de control de errores en JavaScript

  • Artículo

Advertencia

A partir del 1 de junio de 2020, se cerrará la plataforma de monetización de anuncios de Microsoft para aplicaciones para UWP de Windows. Más información

En este tutorial se muestra cómo detectar errores relacionados con anuncios en la aplicación de JavaScript. En este tutorial se usa un AdControl para mostrar un anuncio de banner, pero los conceptos generales en él también se aplican a anuncios intersticiales y anuncios nativos.

En estos ejemplos se supone que tiene una aplicación de JavaScript que contiene un AdControl. Para obtener instrucciones paso a paso que muestran cómo agregar un AdControl a la aplicación, consulte AdControl en HTML 5 y JavaScript. Para obtener un proyecto de ejemplo completo que muestra cómo agregar anuncios de banner a una aplicación JavaScript/HTML, consulte [ejemplos de publicidad en GitHub]https://github.com/microsoft/Windows-universal-samples/tree/b1cb20f191d3fd99ce89df50c5b7d1a6e2382c01/archived/Advertising).

  1. En el archivo default.html, agregue un valor para el evento onErrorOccurred donde defina las opciones data-win-options en el div para AdControl. Busque el código siguiente en el archivo default.html. 
    <div id="myAd" style="position: absolute; top: 53px; left: 0px; width: 300px; height: 250px; z-index: 1"
  data-win-control="MicrosoftNSJS.Advertising.AdControl"
  data-win-options="{applicationId: '3f83fe91-d6be-434d-a0ae-7351c5a997f1', adUnitId: 'test'}">
</div>
    Después del atributo adUnitId , agregue el valor para el evento onErrorOccurred . 
    <div id="myAd" style="position: absolute; top: 53px; left: 0px; width: 300px; height: 250px; z-index: 1"
  data-win-control="MicrosoftNSJS.Advertising.AdControl"
  data-win-options="{applicationId: '3f83fe91-d6be-434d-a0ae-7351c5a997f1', adUnitId: 'test', onErrorOccurred: errorLogger}">
```

  1. Cree un div que muestre texto para que pueda ver los mensajes que se generan. Para ello, agregue el código siguiente después del div para myAd.

    <div style="position:absolute; width:100%; height:130px; top:300px; left:0px">
    <b>Ad Events</b><br />
    <div id="adEvents" style="width:100%; height:110px; overflow:auto"></div>
</div>

  2. Cree un AdControl que desencadene un evento de error. Solo puede haber un identificador de aplicación para todos los objetos AdControl de una aplicación. Por lo tanto, al crear uno adicional con un identificador de aplicación diferente, se desencadenará un error en tiempo de ejecución. Para ello, después de las secciones div anteriores que ha agregado, agregue el código siguiente al cuerpo de la página default.html.

    <!-- Because only one applicationId can be used, the following ad control will fire an error event. -->
<div id="liveAd" style="position: absolute; top:500px; left:0px; width:480px; height:80px"
  data-win-control="MicrosoftNSJS.Advertising.AdControl"
  data-win-options="{applicationId: '00000000-0000-0000-0000-000000000000', adUnitId: 'test', onErrorOccurred: errorLogger }" >
</div>

  3. En el archivo default.js del proyecto, después de la función de inicialización predeterminada, agregará el controlador de eventos para errorLogger. Desplácese hasta el final del archivo y después del último punto y coma es donde colocará el código siguiente.

    WinJS.Utilities.markSupportedForProcessing(
window.errorLogger = function (sender, evt) {
    adEvents.innerHTML = (new Date()).toLocaleTimeString() + ": " +
    sender.element.id + " error: " + evt.errorMessage + " error code: " +
    evt.errorCode + "<br>" + adEvents.innerHTML;
    console.log("errorhandler hit. \n");
});

  4. Compile y ejecute el archivo. Verá el anuncio original de la aplicación de ejemplo que creó anteriormente y el texto en ese anuncio que describe el error. No verá el anuncio con el identificador de liveAd.