微信图文链接制作
什么是微信图文链接?
图文链接就是把一条普通的分享链接经过技术编辑,生成一张卡片,卡片表面包含标题,简介,小图片,用户点击卡片机会跳转相应的网页。
图文链接生成之后可以展示标题、描述、缩略图,提高用户点击率
如何制作?
推荐两种方法,一种是使用第三方制作,只需要自己提供标题、描述、链接、缩略图即可,10分钟即可做出来,节约时间如下图所示另外一种需要有编程基础请看一下代码
————————————————

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>demo</title><meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"><script>var imgUrl = "http://zhe.mm2018.com/oumei.jpg";var lineLink = "http://mm2018.com";var descContent = "描述"; //分享给好友的时候显示标题和描述,分享到朋友圈只显示标题var shareTitle = "阿猫的demo";var appid = "";var share = {shareFriend: function () {WeixinJSBridge.invoke(‘sendAppMessage‘, {"appid": appid,"img_url": imgUrl,"img_width": "200","img_height": "200","link": lineLink,"desc": descContent,"title": shareTitle}, function (res) {//_report(‘send_msg‘, res.err_msg);})},//分享到朋友圈shareTimeline: function () {WeixinJSBridge.invoke(‘shareTimeline‘, {//"img_url": imgUrl,"img_width": "200","img_height": "200","link": lineLink,"desc": descContent,"title": shareTitle}, function (res) {//_report(‘timeline‘, res.err_msg);});}}document.addEventListener(‘WeixinJSBridgeReady‘, function onBridgeReady() {////发送给好友WeixinJSBridge.on(‘menu:share:appmessage‘, function (argv) {share.shareFriend();});//分享到朋友圈WeixinJSBridge.on(‘menu:share:timeline‘, function (argv) {share.shareTimeline();});}, false);</script>
</head>
<body>hello,world!
</body>
</html>
————————————————

微信转发或分享朋友圈带缩略图、描述的实现方法相关推荐

  1. 微信分享朋友圈固定缩略图 php,微信转发或分享朋友圈带缩略图、标题和描述的实现方法...

    自己做博客以来,很早之前分享过文章至朋友圈,那个时候分享过去的文章自动获取页面的比例适合的图片为所缩略图: 后期就很少分享至朋友圈, 近来分享文章给朋友后,发现不带缩略图和简介了,觉得这样很不好看,百 ...

  2. 微信转发或分享朋友圈带缩略图、标题和描述的实现方法

    问题描述: 微信公众号中(页面均用vue),分享出去的页面,二次分享不能获取缩略和描述: APP内嵌的H5页面(有用vue写的页面,也有jsp页面),分享给好友或朋友圈,二次分享不能获取缩略和描述: ...

  3. 解决方案:h5网页外部浏览器唤起微信分享,唤起微信面板,分享朋友圈方案,兼容大部分浏览器

    h5网页外部浏览器唤起微信分享,唤起微信面板,分享朋友圈方案,兼容大部分浏览器 需求是点击分享按钮,直接唤起微信,发送给好有或者朋友圈.这个需求并不好完成,因为微信并没有对h5网页开放api,但是每个 ...

  4. 微信转发链接不显示图片和描述文字

    微信转发链接不显示图片和描述文字,只显示标题. 如果你觉得排除了代码的错误. 那就可能是因为没有绑定正确的公众号$appid和$appsecret 不清楚,之前的微信链发代码,是不是需要这两样,现在是 ...

  5. 微信小程序分享朋友圈官方支持哪些方面(最新版本)

    微信小程序分享朋友圈官方支持哪些方面? 1.微信小程序分享朋友圈支持单页模式,具体单页模式的详细说明可参考官方文档,文档链接为:微信小程序单页模式 2. 微信小程序分享朋友圈如果是自定义页面路径的话, ...

  6. 微信只显示分享朋友圈和好友  屏蔽其他的分享

    wx.hideOptionMenu(); wx.showMenuItems({menuList: ['menuItem:share:appMessage','menuItem:share:timeli ...

  7. 微信分享网页链接缩略图不显示解决方法

    微信分享网页链接缩略图不显示解决方法 参考文章: (1)微信分享网页链接缩略图不显示解决方法 (2)https://www.cnblogs.com/68xi/p/11596254.html 备忘一下.

  8. 最新微信小程序分享朋友圈

    微信小程序分享朋友圈 近日,微信小程序官方文档更新 wx.showShareMenu(Object object),其中显示小程序可以分享到朋友圈啦! 但是,设置分享朋友圈的前提是必须同时设置发生给朋 ...

  9. php微信转发无法显示标题图片,解决微信公众号分享朋友圈不显示标题图片描述的方法...

    我在微信开发者工具调试都是正确,为什么在真机进行测试,就不会显示分享标题图片描述语呢. 检查分享相关微信接口也是正确,代码如下: wx.ready(function () { wx.onMenuSha ...

最新文章

  1. ios自动布局(1)
  2. django的哲学很耐人回味
  3. Logistic回归的自己推导
  4. ubuntu安裝opencv3.4.1
  5. 5334. 【NOIP2017提高A组模拟8.24】空
  6. Spring表单的initBinder:绑定表单复杂属性
  7. vscode如何连接新设备_台州要用“超级平台”连接300万台工业设备,成为全省新示范...
  8. 使用Terraform创建托管版Kubernetes
  9. 编程输出2的90次方的精确值
  10. html 嵌入编辑excel 开源_网页中嵌入Excel控件
  11. 微信小程序如何在手机预览调试
  12. C语言-流程控制-输出华氏-摄氏温度转换表
  13. 巧妙利用工厂方法+反射+配置类解决多个同一方法不同实现
  14. 视频剪辑软件调研分析-iMovie、Final Cut Pro、视频剪辑大师
  15. 常见的 Git 错误解决方法
  16. 数据库系统概论-005: 数据库完整性(正确性和相容性)
  17. dos命令为java程序赋值_在DOS命令行状态下,如果源程序HelloWorld.java在当前目录下,那么编译该程序的命令是() (5.0分)_学小易找答案...
  18. BBC分析了365个职业,发现最不可能被机器淘汰的居然是……
  19. USB-HOST、USB-DEVICE、USB-OTG
  20. 虚拟机使用(一) 虚拟机的迁移

热门文章

  1. “十年磨一剑”酷客多智慧连锁版小程序重磅来袭
  2. 卡尔曼滤波含义理解与公式推导(原作者王一哲,兰景公司,景贤计划)
  3. pb从数据窗口获得数据的方法总结(转自颜建荣ID:jeron1999)
  4. 打卡Linux哲学思想 and 命令
  5. 【Code Pratice】—— 递增三元组、比酒量、成绩分析
  6. 博毅 创为 Cocos Creator 全栈架构师 进阶与 创业班
  7. 第二篇 Cesium从零开始
  8. DanceNN:字节自研千亿级规模文件元数据存储系统概述
  9. 讲真的,关于 Java 正则表达式,你具体知多少?
  10. Linux和其他操作系统的区别