代码拉取完成,页面将自动刷新
注:JS-SDK仅适用于H5移动端网站应用,如你的应用是安卓App或IOS App请使用我们的Android-SDK或IOS-SDK.
首先需确保你已在链咖媒体平台注册账号, 并成功创建媒体, 每一个创建后的媒体系统都会分配一个对应的appKey.
根据你在媒体平台中所创建广告位类型,JS-SDK的使用可分为自定义和非自定义两种:
非自定义类型广告位使用方法
在媒体平台广告位列表中查看对应的广告位投放代码,该代码由我们系统自动生成,例:
(function(){
var s = document.getElementsByTagName('script');
var c = s[s.length-1].parentNode;
var j = document.createElement('script');
j.type = 'text/javascript';
j.src = '//resource.lianka123.net/sdk/js/lk-1.0.0.js';
j.onload = function(){
LianKaMedia({appKey:'91daBJ3g2FbMvWj68uyBTn4Ya51cXuQr3_0NFUUx4_L8vg', posId:'84', container:c});
}
document.querySelector('head').appendChild(j);
})();
请将投放代码复制到页面的"body"标签中任意位置,无需使用其他标签嵌套,如:
<body>
<script type="text/javascript">
(function(){
var s = document.getElementsByTagName('script');
var c = s[s.length-1].parentNode;
var j = document.createElement('script');
j.type = 'text/javascript';
j.src = '//resource.lianka123.net/sdk/js/lk-1.0.0.js';
j.onload = function(){
LianKaMedia({appKey:'91daBJ3g2FbMvWj68uyBTn4Ya51cXuQr3_0NFUUx4_L8vg', posId:'84', container:c});
}
document.querySelector('head').appendChild(j);
})();
</script>
</body>
请将投放代码复制到页面中想要显示广告的标签容器中 (注:这3种类型必须嵌套到相对应的"标签"容器中, 标签一般应为块级元素,如"div"、"p"、"li"等等), 以下为将投放代码放在页面中"div"标签中的示例:
<body>
<div class="demo-banner">
<script type="text/javascript">
(function(){
var s = document.getElementsByTagName('script');
var c = s[s.length-1].parentNode;
var j = document.createElement('script');
j.type = 'text/javascript';
j.src = '//resource.lianka123.net/sdk/js/lk-1.0.0.js';
j.onload = function(){
LianKaMedia({appKey:'91daBJ3g2FbMvWj68uyBTn4Ya51cXuQr3_0NFUUx4_L8vg', posId:'79', container:c});
}
document.querySelector('head').appendChild(j);
})();
</script>
<div>
</body>
自定义类型广告位使用方法
在你的页面“head”或“body”标签中的任意位置引入我们的JS-SDK文件,如下:
如果你的页面编码不是UTF-8,请给“script”标签添加 charset="utf-8" 属性,如下:
<script type="text/javascript">
LianKaMedia({
appKey: '763e1b864ef6bc93f5dabe1e7195c69b',
posId: 4,
target: '_self',
success: function(res){
console.log('LianKaMedia Response', res);
var media = '<a href="' + res.link + '"><img src="' + res.assets[0] + '" /></a>';
document.querySelector('#lk-custom').innerHTML = media;
}
});
</script>
参数名 | 描述 | 类型 | 默认值 | 必须 | 说明 |
---|---|---|---|---|---|
appKey | 应用公钥 | String | 无 | 是 | 在创建媒体时系统自动分配,请在平台的媒体列表查看 |
posId | 广告位ID | Number | 无 | 是 | 在创建广告位时系统自动分配,请在平台的广告位列表查看 |
container | 广告位容器 | String | body | 否 | DOM选择器值(如:#id | .class | div),建议使用'#id'选择器值 |
target | 跳转链接打开方式 | String | _self | 否 | 可选值:[ _self | _blank | _parent | _top ] |
coords | 浮标坐标位置 | String | rightBottom | 否 | 可选值:[ leftTop | rightTop | leftBottom | rightBottom ],也可以直接写CSS,如:'top:10px;left:10%;',注:此参数只对浮标类型广告位有效 |
coords | 横幅坐标位置 | String | top | 否 | 可选值:[ top | bottom ],也可以直接写CSS,如:'top:10px;left:10%;',注:此参数只对横幅类型广告位有效 |
success | 成功执行回调函数 | Function | 无 | 否 | 调用API方法请求成功后的回调函数,此函数的第一个参数为链咖API接口返回的JSON格式广告数据 |
error | 失败执行回调函数 | Function | 无 | 否 | 调用API方法请求失败后的回调函数 |
键名 | 描述 | 类型 | 说明 |
---|---|---|---|
posId | 广告位ID | Number | 广告位ID |
link | 跳转链接 | String | 点击广告后跳转的链接地址 |
width | 宽 | Number | 自定义广告位宽度 |
height | 高 | Number | 自定义广告位高度 |
assets | 素材资源 | Array | 上传的自定义广告素材资源列表 |
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。