# 移动端分享

移动端页面分享组件使用LOL项目组件LOL_App.js,该组件封装微信,掌盟,手Q分享功能,分享功能不需添加TGMobileShare

# 使用示例

先加载依赖的脚本:

//用户手Q分享以及在手机上拉起掌盟
<script src="//pub.idqqimg.com/qqmobile/qqapi.js?_bid=152"></script>
//移动端必引,同时分享依赖该文件
<script src="//ossweb-img.qq.com/images/js/zepto/zepto.min.js"></script>
//分享依赖该文件
<script src="//ossweb-img.qq.com/images/js/mobile_bundle/milo.js"></script>
//核心JS
<script src="//lol.qq.com/m/public/LOL_App.js"></script>

执行init_ZMApp方法:

init_ZMApp({
           'title':'2016全明星赛投票开启,参与即得图标。投出属于您的一票,做好准备:大战即将来临。',
           'summery':'2016全明星赛投票开启,参与即得图标。投出属于您的一票,做好准备:大战即将来临。',
           'subtitle' : '资讯详情',
           'img':'https://game.gtimg.cn/images/lol/m/act/a20180821seven/share.png',
           'url':location.href.split('?')[0],
           'WXtrigger':function(res){
                //微信动作回调
            },
            'WXsuccess':function(res){
                //微信成功回调
                if(!res) return;
                if(res.errMsg == 'sendAppMessage:ok') {
                    //微信分享个人
                    PTTSendClick('btn','sharewx1','分享给好友');
                } else if(res.errMsg == 'shareTimeline:ok') {
                    //微信分享朋友圈
                    PTTSendClick('btn','sharewx2','分享到朋友圈');
                }else if(res.errMsg == 'shareQQ:ok'){
                    //微信分享至QQ
                    PTTSendClick('btn','shareqq','分享到QQ');  
                }
            },
            'WXcancel':function(res){
                //微信分享取消动作回调
                PTTSendClick('btn','sharewx_cancel','分享取消');
            },
            'WXfail':function(res){
                //微信分享失败动作回调
                PTTSendClick('btn','sharewx_fail','分享失败');
            },
            'QQtrigger':function(res){
                //QQ动作回调

            },
            'QQcallback':function(res){
                //QQ分享成功
                PTTSendClick('btn','shareqq_succ','QQ分享成功');
            },
            'LOL_APPsuccess' : function(res){
                //掌盟分享成功
                PTTSendClick('btn','sharezm_succ','掌盟分享成功');
             }
});

提示

PTTSendClick是统计上报脚本中的方法,具体使用参考 https://tgideas.qq.com/doc/frontend/spec/common/datareport.html

# 其他功能方法

  • 判断平台类型(掌盟、道聚城、微信、手Q等)
switch(CheckApp.Is_Plat){
  case "ZM":
    //掌盟 逻辑处理
    break;
  case "WX":
    //微信 逻辑处理
    break;
  case "DJC":
    //道聚城 逻辑处理
    break;
  case "QQ":
    //手Q 逻辑处理
    break;
  case "WEIBO":
    //微博 逻辑处理
    break;
  default:
    //其他 逻辑处理
}
  • 主动拉起掌盟

当在微信或者手Q打开URL后面带is_call=1的H5页面,会自动呼起掌盟,无需配置入口,例如: https://lol.qq.com/m/act/a20170411egg/index.htm?is_call=1

  • 拉起掌盟或下载

需要在页面定义HTML弹窗, 注意去掌盟的a标签ID必须设为know,示例:

<div class="dialog dialog-1" id="dialog-1" style="display:block;">
     <div class="dia-cont">
          <div class="txt txc">
             <p>请前往掌上英雄联盟参与活动!</p>
           </div>
           <div class="btn-box txc">
              <a href="" class="sp">再看看</a>
              <a href="javascript:;" class="sp" id="know" ontouchend="PTTSendClick('btn','gotoZM','去掌盟')">去掌盟</a>
            </div>
      </div>
</div>