示例

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

同步方法

异步方法

示例细节：

没有为第一次广告调用设置回调函数。
为第二次调用和后续每次调用指定了每个可能的回调。
为显示广告按钮分配了 'click' 事件句柄（在每次点击该按钮时调用广告）。

 1<!DOCTYPE html>
 2<html>
 3<head>
 4    <meta charset="UTF-8">
 5    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
 6    <meta name="mobile-web-app-capable" content="yes">
 7    <meta name="apple-mobile-web-app-capable" content="yes">
 8    <title>SDK 同步配置的页面示例</title>
 9    <script src="/sdk.js"></script>
10    <script>
11        YaGames.init().then(ysdk => {
12            ysdk.adv.showFullscreenAdv();
13
14            const buttonElem = document.querySelector('#button');
15
16            let commonCounter = 0;
17            buttonElem.addEventListener('click', () => {
18                let counter = 0;
19
20                function getCallback(callbackName) {
21                    return () => {
22                        counter += 1;
23                        commonCounter += 1;
24
25                        console.log(`showFullscreenAdv; callback ${callbackName}; ${counter} call`);
26                    }
27                }
28
29                ysdk.adv.showFullscreenAdv({
30                    callbacks: {
31                        onClose: getCallback('onClose'),
32                        onOpen: getCallback('onOpen'),
33                        onError: getCallback('onError')
34                    }
35                });
36            });
37        });
38    </script>
39</head>
40<body>
41    <button id="button">显示广告</button>
42</body>
43</html>

示例细节：

为第一次广告调用设置了 onClose 回调函数。
为第二次调用和后续每次调用指定了每个可能的回调函数。
在广告块关闭后运行的代码将添加到 onClose 回调函数中。
SDK 或回调函数造成的所有错误都会传递给 onError 函数。
为显示广告按钮分配了 'click' 事件句柄（在每次点击该按钮时调用广告）。

 1<!DOCTYPE html>
 2<html>
 3<head>
 4    <meta charset="UTF-8">
 5    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
 6    <meta name="mobile-web-app-capable" content="yes">
 7    <meta name="apple-mobile-web-app-capable" content="yes">
 8    <title>SDK 异步配置的页面示例</title>
 9    <script>
10        let ysdk;
11
12        function initSDK() {
13            YaGames
14                .init()
15                .then(ysdk_ => {
16                    ysdk = ysdk_;
17                    ysdk.adv.showFullscreenAdv({
18                        callbacks: {
19                            onClose: wasShown => {
20                                console.info('First close')
21                            }
22                        }
23                    });
24                })
25        }
26
27        document.addEventListener('DOMContentLoaded', () => {
28            const buttonElem = document.querySelector('#button');
29
30            let commonCounter = 0;
31            buttonElem.addEventListener('click', () => {
32                let counter = 0;
33
34                function getCallback(callbackName) {
35                    return () => {
36                        counter += 1;
37                        commonCounter += 1;
38
39                        if (commonCounter % 3 === 0) {
40                            throw new Error(`Test error in ${callbackName}, everything okey, it should not abort other code execution`);
41                        }
42
43                        console.info(`showFullscreenAdv; callback ${callbackName}; ${counter} call`);
44                    }
45                }
46
47                function makeSomethingImportant() {
48                    console.info('It\'s very important \'console.info\'');
49                }
50
51                if (ysdk) {
52                    ysdk.adv.showFullscreenAdv({
53                        callbacks: {
54                            onClose: makeSomethingImportant,
55                            onOpen: getCallback('onOpen'),
56                            onError: function(error) {
57                                console.error(error);
58                            }
59                        }
60                    });
61                } else {
62                    makeSomethingImportant();
63                }
64            });
65        });
66    </script>
67</head>
68<body>
69<!-- Yandex Games SDK -->
70<script>
71    (function(d) {
72        var t = d.getElementsByTagName('script')[0];
73        var s = d.createElement('script');
74        s.src = '/sdk.js';
75        s.async = true;
76        t.parentNode.insertBefore(s, t);
77        s.onload = initSDK;
78    })(document);
79</script>
80<button id="button">显示广告</button>
81</body>
82</html>

这篇文章是否有用？

其他对象和SDK参数

初识与安装