在使用APP内嵌浏览器进行网页分享时,为了分享美观,大部分APP会自行进行卡片化处理。但各个APP生成卡片的逻辑稍有不同,在此稍作整理。
由于微信分享条件严苛,本文不涉及微信分享的配置,如有需要,参阅 微信开放文档 。
这篇文章 也有较为详细的步骤介绍。
手机QQ的分享配置有SDK、meta两种,但由于 QQ 不是业务的主要使用场景,使用 qq-js-sdk 显得代价过于高昂,使用 meta 标签也能够起到同样的作用:
存在的问题是,meta方式无法对分享链接进行自定义,只能分享当前链接。
钉钉、支付宝等阿里系APP支持基于 Open Graph Data 协议的分享配置策略,同样支持的APP还有Twitter、Facebook、Google+、Pinerest等,看起来是性价比非常高的配置,是非常值得写上的。
摘自钉钉开放平台 文档 :
注意事项: Metatags必须在服务端渲染,不能由前端js渲染。原因是出于性能和体验考虑,链接转卡片服务不支持执行HTML中的js。
可以对 我的个人博客 进行分享以查看分享效果(不含微信分享配置)。