Condividi tramite

Presentazione dettagliata sulla gestione degli errori in JavaScript

  • Articolo

Avviso

A partire dal 1° giugno 2020, la piattaforma Microsoft Ad Monetization per le app Windows UWP verrà arrestata. Ulteriori informazioni

Questa procedura dettagliata illustra come rilevare gli errori relativi agli annunci in un'app JavaScript. Questa procedura dettagliata usa un oggetto AdControl per visualizzare un banner pubblicitario, tuttavia i concetti generali si applicano anche ad annunci intermedi e nativi.

Questi esempi presuppongono che si abbia un'app JavaScript contenente un oggetto AdControl. Per istruzioni dettagliate su come aggiungere un oggetto AdControl all'app, vedere AdControl in HTML 5 e JavaScript. Per un progetto di esempio completo che illustra come aggiungere banner pubblicitari a un'app JavaScript/HTML, vedere gli esempi di annunci in GitHub.

  1. Nel file default.html aggiungere un valore per l'evento onErrorOccurred in cui si definisce data-win-options in div per AdControl. Trovare li codice seguente nel file 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: '00001111-aaaa-2222-bbbb-3333cccc4444', adUnitId: 'test'}">
</div>
    Dopo l'attributo adUnitId, aggiungere il valore per l'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: '00001111-aaaa-2222-bbbb-3333cccc4444', adUnitId: 'test', onErrorOccurred: errorLogger}">
```

  1. Creare un elemento div che visualizzerà il testo per poter vedere i messaggi generati. A tale scolo, aggiungere il codice seguente dopo div per 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. Creare un oggetto AdControl che genererà un evento di errore. In un'app può essere presente un solo ID applicazione per tutti gli oggetti AdControl. Pertanto, la creazione di un'altra app con un ID applicazione diverso genererà un errore in fase di runtime. A tale scopo, dopo le sezioni div precedenti che si sono aggiunte, aggiungere il codice seguente al corpo della pagina 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. Nel file default.js, dopo la funzione di inizializzazione predefinita, si aggiungerà il gestore eventi per errorLogger. Scorrere fino alla fine del file e inserire il codice seguente dopo l'ultimo punto e virgola.

    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. Compilare ed eseguire il file. Si visualizzerà l'annuncio originale dell'app di esempio compilato in precedenza e il testo sotto tale annuncio che descrive l'errore. Non si visualizzerà l'annuncio con l'ID liveAd.