示例

以下示例展示如何使用同步或异步方法配置 Yandex Games SDK。

示例细节:

  1. 没有为第一次广告调用设置回调函数
  2. 为第二次调用和后续每次调用指定了每个可能的回调。
  3. 显示广告按钮分配了 'click' 事件句柄(在每次点击该按钮时调用广告)。
 <!DOCTYPE html>
 <html>
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <title>SDK 同步配置的页面示例</title>
     <script src="/sdk.js"></script>
     <script>
         YaGames.init().then(ysdk => {
             ysdk.adv.showFullscreenAdv();

             const buttonElem = document.querySelector('#button');

             let commonCounter = 0;
             buttonElem.addEventListener('click', () => {
                 let counter = 0;

                 function getCallback(callbackName) {
                     return () => {
                         counter += 1;
                         commonCounter += 1;

                         console.log(`showFullscreenAdv; callback ${callbackName}; ${counter} call`);
                     }
                 }

                 ysdk.adv.showFullscreenAdv({
                     callbacks: {
                         onClose: getCallback('onClose'),
                         onOpen: getCallback('onOpen'),
                         onError: getCallback('onError')
                     }
                 });
             });
         });
     </script>
 </head>
 <body>
     <button id="button">显示广告</button>
 </body>
 </html>

示例细节:

  1. 为第一次广告调用设置了 onClose 回调函数。

  2. 为第二次调用和后续每次调用指定了每个可能的回调函数

  3. 在广告块关闭后运行的代码将添加到 onClose 回调函数中。

  4. SDK 或回调函数造成的所有错误都会传递给 onError 函数。

  5. 显示广告按钮分配了 'click' 事件句柄(在每次点击该按钮时调用广告)。

 <!DOCTYPE html>
 <html>
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <title>SDK 异步配置的页面示例</title>
     <script>
         let ysdk;

         function initSDK() {
             YaGames
                 .init()
                 .then(ysdk_ => {
                     ysdk = ysdk_;
                     ysdk.adv.showFullscreenAdv({
                         callbacks: {
                             onClose: wasShown => {
                                 console.info('First close')
                             }
                         }
                     });
                 })
         }

         document.addEventListener('DOMContentLoaded', () => {
             const buttonElem = document.querySelector('#button');

             let commonCounter = 0;
             buttonElem.addEventListener('click', () => {
                 let counter = 0;

                 function getCallback(callbackName) {
                     return () => {
                         counter += 1;
                         commonCounter += 1;

                         if (commonCounter % 3 === 0) {
                             throw new Error(`Test error in ${callbackName}, everything okey, it should not abort other code execution`);
                         }

                         console.info(`showFullscreenAdv; callback ${callbackName}; ${counter} call`);
                     }
                 }

                 function makeSomethingImportant() {
                     console.info('It\'s very important \'console.info\'');
                 }

                 if (ysdk) {
                     ysdk.adv.showFullscreenAdv({
                         callbacks: {
                             onClose: makeSomethingImportant,
                             onOpen: getCallback('onOpen'),
                             onError: function(error) {
                                 console.error(error);
                             }
                         }
                     });
                 } else {
                     makeSomethingImportant();
                 }
             });
         });
     </script>
 </head>
 <body>
 <!-- Yandex Games SDK -->
 <script>
     (function(d) {
         var t = d.getElementsByTagName('script')[0];
         var s = d.createElement('script');
         s.src = '/sdk.js';
         s.async = true;
         t.parentNode.insertBefore(s, t);
         s.onload = initSDK;
     })(document);
 </script>
 <button id="button">显示广告</button>
 </body>
 </html>
  • onClose:在广告关闭、发生错误或广告因调用过于频繁而未能打开的时候调用。与 wasShown 参数(boolean 类型)一起使用,它的值表示是否显示广告。
  • onOpen:在成功打开广告的时候调用。
  • onError:在发生错误的时候调用。错误对象会传递给回调函数。

onClose:在广告关闭、发生错误或广告因调用过于频繁而未能打开的时候调用。与 wasShown 参数(boolean 类型)一起使用,它的值表示是否显示广告。

onError:在发生错误的时候调用。错误对象会传递给回调函数。

onOpen:在成功打开广告的时候调用。