H5手机端文章内容分享到QQ好友及QQ空间的通用接口代码-Discuz教程下载

H5手机端文章内容分享到QQ好友及QQ空间的通用接口代码

开通本站Svip会员,全站资源免费下
  1. <meta itemprop="name" content="网页标题">
  2. <meta itemprop="description" content="网页描述">
  3. <meta itemprop="image" content="缩略图">
复制代码
写在页面headTAG.html" target="_blank" class="relatedlink">标签中。
这里用到的是结构化资料标签的知识。
经过测试支持PC QQ直接发送链接展现分享卡片和手机QQ分享到手机QQ、QQ空间、微信、微信朋友圈

通用接口参数说明
itemprop="name"
网页标题,不同社交APP截取的长度都不一样,然后手机屏幕大小也会再次不同程度裁减文字。微信只用这个标题。
itemprop="description"
网页简介/摘要,和网页标题一样有长度限制,如果小屏幕可能还会裁减。微信不会使用到这个标签。
itemprop="image"
网页缩略图/分享图标,显示在分享内容的左边,图片支持.jpg、.png等常见格式,建议使用200px*200px的图片,如果太大可能读取比较慢。

通用接口演示

  1. <meta itemprop="name" content="Discuz模板|Discuz插件|Discuz教程|Discuz素材免费下载">
  2. <meta itemprop="description" content="源码网提供商城插件,商城模板,企业插件,企业模板,社区插件,社区模板,门户模板,门户插件,手机插件,手机模板,资源下载插件,素材模板,电影模板,摄影模板,动漫模板等模板及插件下载!">
  3. <meta itemprop="image" content="https://www.tuyuanma.com/static/image/common/logo.png">
复制代码
通用接口的坑
这些卡片上的标题、摘要、图片是会被缓存的,所以当你发送过一次,即使做了修改也会是第一次发送时的内容。
有时会应网络、不可以知原因获取不到信息,但是出现几率极小。
这个方法还支持google+的分享,然后微信好友、微信朋友圈二次分享需要另外配置。

全部评论 0

您需要登录后才可以回帖 立即登录
登录
0
0
0
返回顶部