Penanganan kesalahan dalam panduan JavaScript

Peringatan

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

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

Contoh-contoh ini mengasumsikan bahwa Anda memiliki aplikasi JavaScript yang berisi AdControl. Untuk instruksi 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]https://github.com/microsoft/Windows-universal-samples/tree/b1cb20f191d3fd99ce89df50c5b7d1a6e2382c01/archived/Advertising).

1. Dalam file default.html, tambahkan nilai untuk peristiwa onErrorOccurred tempat Anda menentukan data-win-optionsdiv 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>
   

   Mengikuti 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}">
   

```

2. 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>
   

3. Buat AdControl yang akan memicu peristiwa kesalahan. Hanya ada satu id aplikasi untuk semua objek AdControl di 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 isi 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>
   

4. Dalam file default.js proyek, setelah fungsi inisialisasi default, Anda akan menambahkan penanganan aktivitas untuk errorLogger. Gulir ke akhir file dan setelah titik koma 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");
   });
   

5. Buat dan jalankan file. Anda akan melihat iklan asli dari aplikasi sampel yang Anda buat sebelumnya dan teks di bawah iklan tersebut yang menjelaskan kesalahan. Anda tidak akan melihat iklan dengan id liveAd.

Topik terkait

• Sampel iklan di GitHub