示例
以下示例展示如何使用同步或异步方法配置 Yandex Games SDK。
同步方法
异步方法
示例细节:
- 没有为第一次广告调用设置回调函数。
- 为第二次调用和后续每次调用指定了每个可能的回调。
- 为显示广告按钮分配了
'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>
示例细节:
-
为第一次广告调用设置了 onClose 回调函数。
-
为第二次调用和后续每次调用指定了每个可能的回调函数。
-
在广告块关闭后运行的代码将添加到
onClose
回调函数中。 -
SDK 或回调函数造成的所有错误都会传递给 onError 函数。
-
为显示广告按钮分配了
'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
:在成功打开广告的时候调用。
已复制
已复制