第三方网站在微信中分享的链接想要左边有简介概述,右边有缩略图.而不是什么都没有的一个三无小网站,就需要好好的看下本教程了,没有缩略图不能引起客户足够的重视.尤其不利于分享朋友圈和用户转发.一个看上去不正规的链接终究难于进行传播和宣传推广.案例如下图,请查看描述和缩略图

工具/原料

  • 认证过的微信公众号

  • 自己企业的网站FTP

  • 微信web开发者工具

  • 方法/步骤

首先,必须要有认证过的微信公众号,因为在接口权限中,没有认证过的公众号是没有权限进行分享有缩略图的,在此可以看下自己微信公众平台的接口权限中自己是否有以下权限.如果有,恭喜,就可以进行下一步的操作了.

如果有权限的话,进行下一步,配置微信公众号的基本配置,进入微信公众号配置里面的功能设置,然后设置自己的域名到JS接口安全域名.

注意设置的时候需要下载一个文本放在自己FTP的根目录上进行验证权限.

  1. 设置好了之后,进入设置----安全中心-----IP白名单,填写自己的网站ip(一定要是备案过的)

上面设置好了基本上就需要在服务器上进行开发配置了,最重要的事需要有自己的公众号appid和AppSecret,有了这个才能进行下一步的开发.

有了这个之后,访问腾讯开发者中心查看各个开发环境的具体开发步骤,一般都有开发样例源码的,可以进行查看

进入公众号开发者文档主页

进入主页在微信网页开发----微信JS-SDK说明文档栏目下可查看教程.

由于每个网站的开发环境都不一样,有asp/php/java等等环境,不同环境下的网站系统又都不尽相同,所以没法详情的进行添加步骤,具体原理就是这样子,有了上面的开发者文档相信你已经准备开始上手测试了,接下来就需要用到微信web开发者工具了.

打开这个工具会提示你进行登录,自己扫码登录进去.

登录进去进入公众号网页项目,将自己的url访问进行测试,如果配置没有问题,就会提示你config:ok

在左边窗口分享朋友圈测试,会有具体的分享标题,描述,以及缩略图供你参考.基本上就是这么一个流程了.

如果在测试过程当中不正确或是有问题,在右边的console窗口都会具体的进行提示你问题出现在哪了,如果不太懂就建议问问身边懂的朋友或多看本教程,一般来说,按照以上步骤很快就可以配置成功了.不过打铁还需自身硬,需要自己有一定的编程基础哦,不然就是白费功夫了.

注意事项

  • 微信公众号一定要认证

  • 自己的网站一定要备案过

  • 编程基本功一定要扎实

GetwxLink

微信分享链接时怎样才能带上带缩略图和简介相关推荐

  1. 微信分享链接时,怎样才能带上带缩略图和简介?

    一.如何判断是否为微信内置浏览器? 答:通过Header信息里的User-agent来判断,通过识别MicroMessenger这个关键字来确定是否来自微信.即微信的内置浏览器的user-agent信 ...

  2. php微信分享链接带图片,微信分享链接时,怎样才能带上缩略图和简介?

    我不喜欢回形针. 以前我仅仅把网页开始的地方放一个不可见的图片,后来发现没有效果. 现在我们开始: 微信公众号: 步骤一:绑定域名 先登录微信公众平台进入"公众号设置"的" ...

  3. 微信分享链接怎么自定义标题、描述和缩略图?

    什么是微信图文链接? 图文链接就是把一条普通的分享链接经过技术编辑,生成一张卡片,卡片表面包含标题,简介,小图片,用户点击卡片机会跳转相应的网页. 没生成图文链接之前,不仅把网址显示出来,缩略图也是不 ...

  4. vue 分享微信传参_vue实现微信分享链接添加动态参数的方法

    微信分享时 分享链接携带参数可能不是固定的 需要在分享的前一刻才知道 这里就是动态设置分享链接的基本写法 代码不是那么详尽 但大致流程如下 1.安装引用jssdk npm install --save ...

  5. 微信分享链接卡片,php业务处理

    微信分享链接自定义卡片和内容信息 官方文档https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html 准备工作 1 ...

  6. 解决微信分享链接不能显示缩略

    微信分享链接,如果不是公众号合法域名,分享或者转发出去的内容会被微信默认的图标替换,现在出解决方案,必须要调用JSSDK,必须要调用! 1. 需要有一个已经认证的微信公众号 2.按照官方文档依次配置域 ...

  7. 微信分享链接优化 title icon 描述

    项目中要做微信分享链接的优化,展示公司产品的相关信息.摸索了下,也踩了不少坑,记录一下. 起步 微信分享到微信好友或qq好友 微信分享到朋友圈或qq空间 微信分享到企业微信 注意事项 起步 (1)查阅 ...

  8. 微信分享php网站不带缩略图,分享网页到微信朋友圈,怎样才能带缩略图?

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

  9. 微信分享第三方连接(H5页面)自定义缩略图、标题、描述(显示分享框,而不是链接)(微信JS-SDK)

    首先要说明几个分享相关的问题: 现在微信不支持自定义按钮分享组件(也就是说不能点击某个按钮分享),只能通过微信右上角的三个小点,点击后选择分享给朋友,朋友圈等. 当前从企业微信分享到微信好友和微信朋友 ...

最新文章

  1. FCKeditor.Net 2.6.3 配置说明与文件精简
  2. UI Automator Viewer Error while obtaining UI hierarchy XML file
  3. IIS和.net framework 4.0的安装顺序导致的问题
  4. 3d激光雷达开发(voxel滤波)
  5. 20200927:Java和Cpp中栈与队列的区别
  6. 理解js的prototype原型对象
  7. [bzoj4538][Hnoi2016]网络
  8. 大数据性能调优之HBase的RowKey设计
  9. Windows 终端常用命令,必备!
  10. 关于阿里直播 安卓手机支付宝不支持的处理
  11. 用计算机打女生节快乐,二十好几还没女朋友?女神节的打开方式出了问题
  12. Python .format()的详细使用(英文版)
  13. 开源公告|腾讯tmagic-editor页面可视化编辑器对外开源
  14. 基于OpenCV的视频场景切割神器
  15. nodejieba的配置(windows)
  16. Html5播放器如何实现倍速播放
  17. 【Numpy】np.savetxt保存时数据不使用科学计数法形式
  18. Cesium 个性地图的创建(炫酷大屏)
  19. 单片机学习记录-电源模块
  20. 34.9Tbps的传输速率 NEC演示接近香农极限

热门文章

  1. 北航计算机学院王雷,王雷-北京航空航天大学计算机学院
  2. 姚舜:你曾经拼命努力过,哪怕一次吗?
  3. 通达信有量化接口吗?
  4. return false和 return true 的作用是什么
  5. 机房收费系统(六)-结账
  6. 【第50篇】迈向快速、灵活、稳健的微光图像增强
  7. 报表中如何实现中国地图钻取到各省地图?
  8. 怎么离线安装matlab的工具箱,如何安装matlab工具箱
  9. Log4net自定义信息(变量或属性或字段)存入数据库
  10. verilog能直接用c语言编程软件,verilog语言编程