项目中要做微信分享链接的优化,展示公司产品的相关信息。摸索了下,也踩了不少坑,记录一下。

  1. 起步
  2. 微信分享到微信好友或qq好友
  3. 微信分享到朋友圈或qq空间
  4. 微信分享到企业微信
  5. 注意事项

起步

(1)查阅微信官方文档,配置基础信息:①引入jsdk②初始化wx.config(注意不同分享方式初始化不同api,域名不变的情况下,多次调用只需初始化一次即可)③初始化对应分享接口④分享调用

微信分享到好友

  1. 在ready函数中调用微信分享好友的api接口
  2. 参数中填写对应值即可

微信分享到朋友圈或QQ空间

  1. 在ready函数中调用微信分享好友的api接口
  2. 参数中填写对应值即可

微信分享到企业微信

  1. 分享到企业微信,无需初始化api。官方也没有提供相应的api,查阅资料的值,老版本的微信分享是通过,title,meta和页面中的第一张图片,来初始化这三个属性的。于是尝试初始化对应的标签:

     1. Title对应页面的title标签2. Desc对应页面中的meta,name为description3. imgUrl则对应页面中的第一个图片,如果在页面中不想显示该图片,可在外层包裹div,设置属性:display:none;
    

注意事项

  1. Icon不显示

    1. 图片格式不正确,一般是121*121 或 300*300,jpg格式
    2. 图片链接是相对链接,因为在微信中分享,不是在自己域名之下,还是使用绝对路径比较好
    3. 图片链接不是微信公众号配置的安全域名下
    4. Title或者desc中含有敏感字符:‘红包’之类的
    5. 图片所在域名延迟比较大,开发时碰到问题,在a域名下不显示,b域名下就正常显示。两个都是配置过安全域名的
    

微信分享链接优化 title icon 描述相关推荐

  1. 分享!微信自定义分享链接的标题(描述和图片)都是怎么实现的?

    自定义微信链接是什么? 自定义微信分享链接是指将一条网页链接通过微信接口生成一张卡片,并且该卡片的标题,内容和图片都可以自己编辑.如下图效果 ● 自定义网页链接示例(带标题,内容简介,缩略图) ● 未 ...

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

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

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

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

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

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

  5. 名编辑电子杂志大师教程 | 如何设置电子书微信分享的标题,小图标,描述?

    当您将做好的H5微杂志发布到微信上,并分享给朋友或者朋友圈的时候,微信上会弹出一个对话框,对话框上包含了以下信息:标题,缩略图以及描述.如图: [▲图1] 分享相关信息的设置是需要根据微信JS-SDK ...

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

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

  7. 微信分享链接制作(先行版)

    (我在thinkphp的官网和QQ空间更新过)关于微信分享,即微信名片式的链接(如下图),首先需要有经过验证的微信公众号,否则是玩不来的. 制作这种名片式的分享链接的步骤如下: 1.需要在公众号里绑定 ...

  8. php 微信分享链接怎么弄,PHP实现 微信--分享朋友链接

    不是些高深知识,但是第一次做,确实费了很多的时间.终于一点一点的扣了出来. 目前已经使用中. 解决这个问题,总共碰到了几次BUG,1是生成的签名不对,自己打印出来,在去微信的签名算法页面一一核对.这时 ...

  9. 微信分享链接含敏感词被屏蔽的问题

    最近在开发一个微信活动web页面时,遇到了一个奇怪的问题.我调用了微信JS-SDK的接口,但是分享出去的链接有时正常,有时异常.而且分享时发送方分享链接有图标,接收方分享链接没有图标.截图如下: 我的 ...

最新文章

  1. 美团一面,看看你能否回答上来?
  2. python3.8安装tensorflow1.14时候报错Can‘t connect to HTTPS URL because the SSL module is not available
  3. 开源Android或将收费
  4. 1.8 简单卷积网络示例-深度学习第四课《卷积神经网络》-Stanford吴恩达教授
  5. 公司的实战Replica Sets+Sharding方案
  6. atomic 内存序_并行编程的内存顺序 2020-11-23
  7. 直播技术初体验,简单实现直播不同阶段
  8. 一文抽丝剥茧带你掌握复杂Gremlin查询的调试方法
  9. 打造 Microsoft Windows Server 2008 R2 SP1 支持的 Dell 桌面虚拟化解决方案
  10. 舆情监控系统python开源_舆情监测系统开源
  11. 如何在表格中批量查询号码归属地?
  12. 致敬科比,JS手写贪吃蛇
  13. java 实现饼状图_怎么用JAVA 开发的圆饼图
  14. 实现支付代付批量转账接口
  15. Java温度转换(写一个将华氏温度转换成摄氏温度的程序)
  16. matlab中的矩阵元素表示和求和
  17. ERP系统-库存子系统-领料单
  18. 图像平移 VS+opencv+C++
  19. 信安学习-day16
  20. 二、什么是GStreamer

热门文章

  1. 机器学习实战——人脸表情识别
  2. 2021年第一天的祝福送给大家
  3. 关系模式判断候候选关键字 与 函数依赖无损连接
  4. macOS长按键盘重复输入
  5. http://blog.csdn.net/anxpp/article/details/52108238
  6. 怎样更改软件默认安装路径由C盘到其他盘
  7. scrcpy投屏教程、及无线投屏
  8. 分支限界法(算法分析与设计)
  9. 【学习】手写数字生成
  10. 好用的在线思维导图软件--GitMind