设置微信分享的标题 缩略图 连接 描述

<script>
var imgUrl = ‘img1.jpg‘;
var lineLink = ‘index1.php‘;
var descContent = "index2.php";
var shareTitle = ‘您要展现的文字内容‘;
var appid = ‘wxc123456789012345‘;  

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>

在HTML头部加上以下内容:

<meta name="sharecontent" data-msg-img="缩略图地址" data-msg-title="标题" data-msg-content="简介" data-msg-callBack="" data-line-img="缩略图地址" data-line-title="标题" data-line-callBack=""/>  
时间: 2024-10-12 19:34:34

设置微信分享的标题 缩略图 连接 描述的相关文章

简单设置微信分享图片

设置微信分享企业网站时,微信缩略图, 图片: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>测试</title> <meta name="descri

微信分享自定义标题和图片的js

<script> document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { window.shareData = { "timeLineLink": "http://nianshao.uuzee.com/", "sendFriendLink": "http://nianshao.uuzee.com/", "wei

关于最近微信出的新规定,防止诱导性分享!导致大家微信分享的标题备注都不能设置了.现在有了新的解决办法,我来共享下!

微信的回复是这样的:旧版的获取分享状态及设置分享内容的JS接口一直用于内部业务,并未对外开放,在微信公开的开放文档里面并没有此接口.某些第三方借助微信客户端漏洞在未获得权限的情况下使用接口,微信6.0.2版本对此漏洞做了修复以确保用户分享内容的准确性,避免诱导分享.另外,此接口不久将会公布开放规则向公众号开放. 后来看到了:https://github.com/zxlie/WeixinApi 里面作者在不久前已经解决了这个问题,完美兼容版本! 大家直接点击链接进入,下载最新的DEMO就行了!

Android开发遇到的坑-----微信分享问题

问题 近日由于客户对微信分享后的样式不满意,所以对微信分享的标题.内容.图片进行修改,仅仅改了这个东西,微信分享就突然不能用了,点击没有任何效果 原因 经过推测,肯定不会是描述文字和标题方面的原因,那么就是图片了,网上搜索了一下,微信分享的图片不能超过32k,由于之前一直用的图标比较小,所以一直没遇到这个问题 解决办法: 找设计将图片压缩到了合格范围内,但是仍然无效,查看图片大小,宽高为600+ x 400+,而原来能够成功分享的图片宽高为108x108,所以再次修改图片宽高,问题解决~! PS

微信分享到朋友圈,分享给好友设置标题图片描述参数

var imgUrl = "http://xxxxx.com/activity/images/logo.jpg"; var lineLink = window.location.href; var descContent = '来宜人贷参与抢钱活动100%获得10000金币,还可以兑换成现金哦~'; var shareTitle = '来宜人贷 拼人品抢现金'; var appid = 'wx237b223ad5773cf5'; function shareFriend() { Wei

使用微信JSSDK自定义微信分享标题、描述、和图标

最近做一个项目的时候用到微信的分享 ,实现定义分享标题,图片,了解到微信在发布JSSDK后,把包括自定义分享在内的众多网页服务接口进行了统一.如果要想自定义分享自己的网页信息给好友或朋友圈,就最好使用这个统一的网页服务接口. 微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包. 通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照.选图.语音.位置等手机系统的能力,同时可以直接使用微信分享.扫一扫.卡券.支付等微信特有的能力,为微信用户提供更优质的网页体验. 步

如何控制微信分享网页时,展示的标题,描述和图片

在需要被微信分享的页面中,加入下面这一段JS代码就可以进行控制了. var imgUrl = 'http://xxx/share_ico.png'; // 分享后展示的一张图片 var lineLink = 'http://xxx'; // 点击分享后跳转的页面地址 var descContent = "xx!"; // 分享后的描述信息 var shareTitle = 'xx'; // 分享后的标题 var appid = ''; // 应用id,如果有可以填,没有就留空 func

微信分享 分享icon和分享标题的简单设置

前几天做的一个活动,用到微信分享功能,分享的icon.分享的标题和内容是自定义的.我上网查了一下,好多是注册微信公众号,使用微信api来实现的,注册微信号比较麻烦,最简单的方法就是 页面的title改成你想分享出去的title,分享的icon是获取本页面第一个符合要求的图片,但是必须在body标签里.一般分享的icon大小在300*300左右,更小的我没试过,大一些也应该可以,然后修改样式style="display:none"就可以了.但是分享的内容貌似没办法解决.希望有解决办法的同

微信分享图标设置,以及wx.config配置

最近公司要求我做一个关于页面分享微信显示小图和描述的功能,由于之前没有做过,所以说是从零开始,看jssdk说明文档,网上搜索各种资料,甚至连三四年前的内容都搜索出来了,也试过以前的简单方法,包括在页面设置一个隐藏的图片,宽高都是300像素,微信就会抓取这张图片做为分享图片,但经本人测试无法使用,后来查到了原因,是微信对自定义分享内容作了限制,于是最终还是得回到配置wx.config上来. wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端a