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

悠悠 2022-01-13 14:54 506阅读 0赞

微信分享的标题、缩略图、连接及描述该如何设置，使用微信分享过程中会遇到这个情况，无解的朋友可以看看下面的代码

[![6t9bd8a6.png][]][6t9bd8a6.png 1]

<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 = 
     
    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>

[微信跳转外部浏览器][Link 1]

转载于:https://blog.51cto.com/14303898/2383730

[6t9bd8a6.png]: http://dsp.wxjump-api.cn/dsp_img/6t9bd8a6.png
[6t9bd8a6.png 1]: http://wt1.wy42.cn/smq826/
[Link 1]: http://www.wy42.cn/p/1036019.html

发表评论取消回复

表情：

评论列表（有 0 条评论，506人围观）

还没有评论，来说两句吧...

相关阅读

相关微信H5分享外部链接，缩略图不显示

微信公众号酒酒酒搜索 “微信H5分享外部链接，缩略图不显示” 查看原文 ![微信公众号查看原文][2020120216100370.jpg] 前言：最近做了一款推广茶的

快来打我*/ 2022年12月25日 15:50/ 0 赞/ 384 阅读

相关 php 图片生成缩略图方法,php批量生成图片缩略图的方法

//用PHP批量生成图片缩略图 function mkdirs($dirname,$mode=0777) //创建目录(目录, ［模式］) \{ if(!is\_dir

分手后的思念是犯贱/ 2022年11月12日 09:55/ 0 赞/ 296 阅读

相关微信分享带缩略图，标题，简介的JS代码（亲测有效）

(function()\{ var appId = '', imgUrl = ' ![Image 1][]http://huaweiapu

约定不等于承诺〃/ 2022年08月13日 14:51/ 0 赞/ 214 阅读

相关微信分享缩略图：自己可见别人不可见

原文：[https://blog.csdn.net/hyz792901324/article/details/52168876][https_blog.csdn.net_hyz

客官°小女子只卖身不卖艺/ 2022年05月22日 08:43/ 0 赞/ 173 阅读

相关 Bootstrap 图片及缩略图

一、图片形状 1、通过为 <img> 元素添加以下相应的类，可以让图片呈现不同的形状。 .img-rounded：添加 border-radius:6px

墨蓝/ 2022年03月21日 07:26/ 0 赞/ 615 阅读

相关微信开发之小程序分享设置图片标题

在js文件中写入一下代码 / 设置分享的名称和logo / onShareAppMessage() { r

绝地灬酷狼/ 2022年01月31日 02:17/ 0 赞/ 522 阅读

相关 vscode设置显示代码缩略图

文件–首选项–设置搜索 minimap 打上对勾就可以了　　![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow

た入场券/ 2022年01月29日 12:51/ 0 赞/ 541 阅读

相关微信分享的标题、缩略图、连接及描述设置方法

微信分享的标题、缩略图、连接及描述该如何设置，使用微信分享过程中会遇到这个情况，无解的朋友可以看看下面的代码 [![6t9bd8a6.png][]][6t9bd8a

悠悠/ 2022年01月13日 14:54/ 0 赞/ 507 阅读

相关分享网页到微信朋友圈，怎样才能带缩略图？

做微信H5的朋友都知道，在过去要设置"分享到朋友圈"的缩略图，是非常简单的一件事情，只需要制作一张300\300的缩略图片（如命名为300.jpg），然后在页面head部分的开

╰+哭是因爲堅強的太久メ/ 2022年01月11日 15:05/ 0 赞/ 2010 阅读

相关关于微信分享缩略图相关问题

必须要认证的公众号才有分享的权限要用jssdk来做网上其他的方法都没有效果，最多只能有个标题，描述跟缩略图是没有的文章目录 1、前端代码

太过爱你忘了你带给我的痛/ 2021年10月19日 10:26/ 0 赞/ 352 阅读