架构库 李嘉文的架构规范

MSDK分享补丁(兼容PTT)


适用于MSDK2.14及以上版本。

最近更新:

去掉错误上报格式,接入PTT

1.去掉原来common.js里点击分享提示层的逻辑

2.检查页面是否有share-guide-task的div遮罩层(用于游戏外弹出分享提示)

如果已有,跳过这一步;如果没有,新增如下代码:

/*对应HTML*/
<div class="share-guide-task" style="display:none;">
    <p class="share-text title-text-color">点击 “<i class="icon iconfont">&#xe604;</i>” 按钮分享出去哦~</p>
</div>

/*对应CSS*/
.share-guide-task {width: 100%;height: 100%;background: #000;opacity: .8;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99;}

3.引入JS

<script src="/images/js/bsCommonFiles/msdkshare/msdkshare.js"></script>
/*utf-8版本*/
<script src="/images/js/bsCommonFiles/msdkshare/msdkshare-utf8.js"></script>

4.给触发分享的按钮新增class:shareBtn,如

<div class="shareBtn">告诉好基友去</div>

5.初始化MSDK分享

初始化,把title传进去

$(function() {
    //设置分享文案
    var sharedata = {
        title:"$sTitle.DATA$"
        ,desc:"腾讯游戏微官网"
        ,url:location.href
        ,img:"/images/hyrz/m/2016m/logo.png"  //换成游戏LOGO
    }
    //初始化
    window.ingameShare = new igShare({
    shareData:sharedata,
    tcss:"ingame.share"
    });
})

其他说明:

  1. 动态更新分享文案:

可以调用updateShare方法

ingameShare.updateShare({"title":"updateTxt","url":"/"});
  1. 指定按钮点击流:

可以初始化的时候加入tcss参数,建议不要超过3层:

    //初始化分享
    window.ingameShare = new igShare({
        shareData:sharedata,
        tcss:"ingame.share"
    });