# 移动端分享
移动端页面分享组件使用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>