分享网页到微信朋友圈标题党大全，如何设置标题和缩略图

来源：蜘蛛抓取(WebSpider) 时间：2018-05-26 20:03 标签： 微信朋友圈分享缩略图
4.解锁“分享后的H5标题及封面缩略图”设置的正确姿势 - H5开发教程 - 意派Epub360
与微信图文类似，在微信群、朋友圈里看到别人分享H5时，第一眼看到的，就是H5的标题和缩略图。而个性化的H5短语和图片，绝对能吸引到用户点击和分享，从而给你的H5浏览、转发量华丽丽地提升一个level.分享文案分享文案是利用微信分享短语触发器结合一些参数信息来设置的。常见的应用场景有：1.我是第几个效果展示：设置操作：在触发器的触发动作中设置微信分享短语，在文案中选择引入“访问量”参数。比如，页面触发器切换到当前页时触发：2.用户信息效果展示：设置操作：在触发器的触发动作中设置微信分享短语，在文案中选择引入“微信呢称”参数。注：需要用户授权比如，页面触发器切换到当前页时触发：3.游戏得分效果展示：设置操作：在触发器的触发动作中设置微信分享短语，在文案中选择引入“测试结果”参数变量。比如说，元素触发器点击时触发：4.测试标签效果展示：设置操作：在触发器的触发动作中设置微信分享短语，在文案中选择引入“称号”段落。比如说，动画结束时触发：分享缩略图缩略图就是利用意派的分享缩略图触发器配合微信头像或图片，可以是用户上传的、截屏生成的以及作品本身的。常见的应用场景有：1.微信头像效果展示：设置操作：在触发器的触发动作中设置微信分享缩略图，选择微信头像。比如说，切换到当前页时触发：2.用户上传图片效果展示：设置操作：在触发器的触发动作中设置微信分享缩略图，选择用户上传的图片（微信拍照组件实现）。比如说，微信拍照上传成功时触发：3.截屏上传图片效果展示：设置操作：在触发器的触发动作中设置微信分享缩略图，选择截屏生成的图片。比如说，截屏成功后触发：4.作品里的图片，根据不同的游戏得分设置不同的图片效果展示：设置操作：在触发器的触发动作中设置微信分享缩略图，选择作品中的图片。比如说，参数判断中的条件触发器触发：提示：要想显示分享文案和缩略图必须完成微信开发者信息设置。摘要：为规范自定义分享链接功能在网页上的使用，微信出招了
一份来自微信的说明：
为规范自定义分享链接功能在网页上的使用，自日起，JSSDK&分享到朋友圈&及&发送给朋友&接口，自定义的分享链接，其域名或路径必须与当前页面对应的公众号JS安全域名一致，否则将调用失败。
对于未接入微信JSSDK或已接入但JSSDK调用失败的网页，被用户分享时，分享卡片将统一使用默认缩略图和标题简介，不允许自定义。
接口完整用法请参考《》。
4月份之前的微信分享、朋友圈分享都是正常显示缩略图的，突然之间发现这个无法获取，之后我们一直在寻找原因，结果却是很意外，不是主题的问题，而是微信本身取消了这种不安全的分享机制。
如何解决分享到微信时缩略图无法显示的问题？
答案只有一个：接入微信JSSDK&《》，微信JSSDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。
PS：由于接入微信可能存在的各种潜在问题目前未知，themebetter发布的wordpress主题将不对微信JSSDK主动支持，需要的用户可以自行研究解决或找我们定制这个需求。
感觉很棒！可以赞赏支持我们~ 
相关推荐：
沪上人家东风4Syhd1230
皮皮衣狼来了凌云鲜花速递sunai
建站！你有充足的理由选择我们
世界上超过30%的网站是由WordPress搭建，而我们是国内最靠谱的WordPress开发商
高端专业开发团队
7年WordPress博客和企业建站开发经验，提供最专业主题设计与开发
独一无二视觉冲击
增强用户体验、提高品牌形象给人留下深刻的印象，每款主题都有自己的灵魂
完善兼容各种设备
每款主题都提供完善的响应式布局，优化PC、Pad和各种手机端用户体验
免费靠谱售后服务
免费在线工单或QQ售后，解决你关于主题的各种疑惑，你只需用心做站微信分享的标题、缩略图、连接及描述设置方法
转载 &更新时间：日 17:39:55 & 投稿：whsnow
微信分享的标题、缩略图、连接及描述该如何设置，这个问题确实难道不少朋友，下面有个示例，大家可以看看
微信分享的标题、缩略图、连接及描述该如何设置，使用微信分享过程中会遇到这个情况，无解的朋友可以看看下面的代码
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 = 'wxcaf6dc8';
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);
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具首先公众号是要已经认证过的。
你得知道微信公众账号的appid和appsecret，这在公众账号后台可以查，然后用后台语言通过这两个值拿到一个签名，通过这个签名配置一下js就可以用了 。
微信规定这个签名（signature）只能服务端去拿 。必须先配置，然后才能调用微信的js接口。公众号里面只有appid和appkey，剩下的是根据appid和appkey用服务端语言去微信那里获取，也就是获取签名的算法。
然后在js里就加一个config，一个分享接口的调用。
微信JS-SDK文档官方网址：
步骤一：绑定域名（域名必须是备案的，可以不是一级域名）步骤二、上传签名算法文件到空间（留着等待需要分享的网页文件引用）步骤三、制作你的分享页面代码。
步骤四：引入JS文件
在需要调用JS接口的页面引入如下JS文件，（支持https）：步骤五：通过config接口注入权限验证配置wx.config({debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。appId: '', // 必填，公众号的唯一标识timestamp: , // 必填，生成签名的时间戳nonceStr: '', // 必填，生成签名的随机串signature: '',// 必填，签名，见附录1jsApiList: [] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2});
阅读(...) 评论()输入关键字或相关内容进行搜索
var msg = {extra:{scene:ENTRY}};
msg.href=obj.
msg.title=obj.
msg.content=obj.
msg.thumbs=[&_www/android_template_icon.png&];
msg.pictures=[&_www/android_template_icon.png&];
shareObj.send( msg, function(){
shareCB(&分享成功&)
}, function(e){
shareCB(e)
\n
上面是代码，调起微信分享成功了，但是我想要设置为自己本地的缩略图，查找了论坛和官方demo，只找到这种写法，这样有错？还是需要怎么修改？
如果是网络链接，则是正常的。
测试平台：android 4.0+
赞助DCloud可免广告，
在开放平台申请应用信息.填写到manifest.json中 ,
打包后生效
要回复问题请先或
浏览: 1179
赞助DCloud可免广告，
赞助DCloud可免广告，

我要回帖

更多关于 微信朋友圈分享缩略图 的文章

 

随机推荐