Penanganan kesalahan dalam penelusuran JavaScript

Peringatan

Mulai 1 Juni 2020, platform Monetisasi Iklan Microsoft untuk Windows aplikasi UWP akan ditutup. Pelajari lebih lanjut

Panduan ini menunjukkan cara menangkap kesalahan terkait iklan di aplikasi JavaScript Anda. Panduan ini menggunakan AdControl untuk menampilkan iklan banner, tetapi konsep umum di dalamnya juga berlaku untuk iklan interstisial dan iklan asli.

Contoh-contoh ini mengasumsikan bahwa Anda memiliki aplikasi JavaScript yang berisi AdControl. Untuk petunjuk langkah demi langkah yang menunjukkan cara menambahkan AdControl ke aplikasi Anda, lihat AdControl di HTML 5 dan Javascript. Untuk proyek sampel lengkap yang menunjukkan cara menambahkan iklan banner ke aplikasi JavaScript/HTML, lihat sampel iklan di GitHub.

  1. Dalam file default.html, tambahkan nilai untuk peristiwa onErrorOccurred tempat Anda menentukan opsi data-win di div untuk AdControl. Temukan kode berikut dalam 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: '3f83fe91-d6be-434d-a0ae-7351c5a997f1', adUnitId: 'test'}">
    </div>
    
    Setelah atribut adUnitId , tambahkan nilai untuk peristiwa 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. Buat div yang akan menampilkan teks sehingga Anda dapat melihat pesan yang dihasilkan. Untuk melakukan ini, tambahkan kode berikut setelah div untuk 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. Buat AdControl yang akan memicu peristiwa kesalahan. Hanya ada satu id aplikasi untuk semua objek AdControl dalam aplikasi. Jadi membuat yang tambahan dengan id aplikasi yang berbeda akan memicu kesalahan saat runtime. Untuk melakukan ini, setelah bagian div sebelumnya yang Telah Anda tambahkan, tambahkan kode berikut ke badan halaman 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. Dalam file default.js proyek, setelah fungsi inisialisasi default, Anda akan menambahkan penangan peristiwa untuk errorLogger. Gulir ke akhir file dan setelah semi-titik terakhir adalah tempat Anda akan meletakkan kode berikut.

    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. Bangun dan jalankan file. Anda akan melihat iklan asli dari aplikasi sampel yang Anda buat sebelumnya dan teks di bawah iklan yang menjelaskan kesalahan. Anda tidak akan melihat iklan dengan id liveAd.