admin管理员组

文章数量:1646328

最近在做一个h5活动页,要求是能够在微信,qq,浏览器中自定义分享,由于之前没做过,所以走了不少弯路,在这记录一下也算是给自己这个活动一个总结。

这篇介绍qq分享(定制微信,手机QQ,QQ空间APP内的分享内容):

腾讯移动web开发平台文档:http://open.mobile.qq/api/component/share

1.在页面中直接引入:

<script src="qqShare.js"></script>

2.调用setShareInfo接口,照下面,配置成自己需要的信息即可:

setShareInfo({
         title:          '父爱,在你看不到的地方',
         summary:        '父爱如山,感觉不到只因身在此山中',
         pic:            'http://qzonestyle.gtimg/aoi/sola/20150617094556_OvfOpoRKRB.png',
         url:            'http://qzs.qzone.qq//qzone/qzact/act/2015/father-day-m/index.html',
     });

坑点~~~~~~~~:

①设置好了,发现分享不起作用(测试时一般页面在本地)

解决: (页面最好放在外网能访问的域名底下)由于手机QQ限制,分享URL必须与页面URL同一域名,也就是说,分享最好是当前的页面的url,并且是在(一般是用公司的域名)的域名底下。

 

 

② 按照文档的设置好,域名也是对的,但是分享还是没有效果

解决: 看下你的域名是不是com,cn 等的常见域名,.xin好像是不识别。楼主自己碰到的,改成 的域名就好了(ps:因为这个问题被坑了一天,>>>_<<<<emmmmmm)。

 

③分享消息的图片不显示

解决:将上面的pic换成域名下的绝对路径

 

希望能帮到同样在坑里的小伙伴们~~~~~

好了,这是QQ的分享,要了解微信分享的点这里: 微信分享JS-sdk接口调用及分享实例

 

本文标签: qq