Compartilhar via

Tratamento de erros no Guia passo a passo do JavaScript

  • Artigo

Aviso

A partir de 1.º de junho de 2020, a plataforma de monetização de anúncios da Microsoft para aplicativos UWP do Windows será encerrada. Saiba mais

Este passo a passo demonstra como detectar erros relacionados a anúncios em seu aplicativo JavaScript. Este passo a passo usa um AdControl para exibir um anúncio de faixa, mas os conceitos gerais nele também se aplicam a anúncios intersticiais e anúncios nativos.

Esses exemplos pressupõem que você tenha um aplicativo JavaScript que contém um AdControl. Para obter instruções passo a passo que demonstram como adicionar um AdControl ao seu aplicativo, consulte AdControl em HTML 5 e JavaScript. Para obter um projeto de exemplo completo que demonstra como adicionar anúncios de faixa a um aplicativo JavaScript/HTML, consulte os exemplos de publicidade no GitHub.

  1. No arquivo default.html, adicione um valor para o evento onErrorOccurred em que você define as opções de ganho de dados no div para o AdControl. Encontre o código a seguir no arquivo 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>
    Após o atributo adUnitId , adicione o valor do 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. Crie um div que exibirá texto para que você possa ver as mensagens que estão sendo geradas. Para fazer isso, adicione o código a seguir após o 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. Crie um AdControl que acionará um evento de erro. Só pode haver um ID de aplicativo para todos os objetos AdControl em um aplicativo. Portanto, criar um adicional com uma ID de aplicativo diferente acionará um erro em tempo de execução. Para fazer isso, após as seções div anteriores que você adicionou, adicione o código a seguir ao corpo da 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. No arquivo default.js do projeto, após a função de inicialização padrão, você adicionará o manipulador de eventos para errorLogger. Role até o final do arquivo e após o último ponto e vírgula é onde você colocará o código a seguir.

    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 e execute o arquivo. Você verá o anúncio original do aplicativo de exemplo criado anteriormente e o texto abaixo desse anúncio descrevendo o erro. Você não verá o anúncio com o id liveAd.