[html5]微信分享代码设定标题缩图等信息的代码
[html5]微信分享代码设定标题缩图等信息的代码
[html5]微信分享代码设定标题缩图等信息的代码
- <script>
- var imgUrl = 'http://topic.xcar.com.cn/201403/ad_q3/pic/banner.jpg';
- var lineLink = 'http://topic.xcar.com.cn/201403/ad_q3/index.php';
- var descContent = "http://topic.xcar.com.cn/201403/ad_q3/index.php";
- var shareTitle = '【奥迪Q3开启尊享礼遇季】报名试驾,赢取精美礼品';
- var appid = 'wxc9937e3a66af6dc8';
- function shareFriend() {
- WeixinJSBridge.invoke('sendAppMessage',{
- "appid": appid,
- "img_url": imgUrl,
- "img_width": "640",
- "img_height": "640",
- "link": lineLink,
- "desc": descContent,
- "title": shareTitle
- }, function(res) {
- _report('send_msg', res.err_msg);
- })
- }
- function shareTimeline() {
- WeixinJSBridge.invoke('shareTimeline',{
- "img_url": imgUrl,
- "img_width": "640",
- "img_height": "640",
- "link": lineLink,
- "desc": descContent,
- "title": shareTitle
- }, function(res) {
- _report('timeline', res.err_msg);
- });
- }
- function shareWeibo() {
- WeixinJSBridge.invoke('shareWeibo',{
- "content": descContent,
- "url": lineLink,
- }, function(res) {
- _report('weibo', res.err_msg);
- });
- }
- // 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。
- document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
- // 发送给好友
- WeixinJSBridge.on('menu:share:appmessage', function(argv){
- shareFriend();
- });
- // 分享到朋友圈
- WeixinJSBridge.on('menu:share:timeline', function(argv){
- shareTimeline();
- });
- // 分享到微博
- WeixinJSBridge.on('menu:share:weibo', function(argv){
- shareWeibo();
- });
- }, false);
- </script>
说明:页面上需新建mate标签如下代码:
- <meta name="sharecontent" data-msg-img="缩略图地址" data-msg-title="标题"
data-msg-content="简介" data-msg-callBack="" data-line-img="缩略图地址"
data-line-title="标题" data-line-callBack=""/>
来源:http://blog.csdn.net/china_skag/article/details/39611327
热门文章推荐
- 10款html5网页播放器推荐(总有一款适合你)
- [html5]html5+css3实现图片斜角切成直角梯形显示的源代码
- [HTML5]HTML5视频video时间事件代码
- [微信]iOS苹果和微信中音频和视频实现自动播放的方法
- [html5]html5视频全屏实现的源代码
- [Html5]mobile-agent移动Agent,就是具有移动性的智能Agent
- [html5]视频播放器js控制vedio视频和分段播放
- [html5]H5播放器:竖屏播放\横屏播放\跟随旋转例子
请稍候...