当前位置:首页 > 技术文档 > 正文内容

H5手机QQ分享到手Q、QQ空间、微信好友、朋友圈础通用接口

admin9年前 (2016-07-12)技术文档2430


3252535590.jpg

H5手Q分享通用接口代码片段

<meta itemprop="name" content="网页标题">
<meta itemprop="description" content="网页描述">
<meta itemprop="image" content="缩略图">

写在页面head标签中。

这里用到的是结构化资料标签的知识,可以在schema.org深度学习。小不这个半桶水就不深度解说,只分享在QQ和手机上的应用。
经过测试支持PC QQ直接发送链接展现分享卡片和手机QQ分享到手机QQ、QQ空间、微信、微信朋友圈

H5手Q分享通用接口参数说明

itemprop="name"

网页标题,不同社交APP截取的长度都不一样,然后手机屏幕大小也会再次不同程度裁减文字。微信只用这个标题。

itemprop="description"

网页简介/摘要,和网页标题一样有长度限制,如果小屏幕可能还会裁减。微信不会使用到这个标签。

itemprop="image"

网页缩略图/分享图标,显示在分享内容的左边,图片支持.jpg、.png等常见格式,建议使用200px*200px的图片,如果太大可能读取比较慢。

H5手Q分享通用接口演示

<meta itemprop="name" content="H5分享也可以很任性的一段代码包办">
<meta itemprop="description" content="如何做到大道为简,通用的一段让页面分享后有脸有标题有摘要">
<meta itemprop="image" content="http://pp.myapp.com/ma_icon/0/icon_11778207_1453189893/96">

H5手Q分享通用接口的坑

这些卡片上的标题、摘要、图片是会被缓存的,所以当你发送过一次,即使做了修改也会是第一次发送时的内容。

有时会应网络、不可以知原因获取不到信息,但是出现几率极小。

这个方法还支持google+的分享,然后微信好友、微信朋友圈二次分享需要另外配置。


分享到:

扫描二维码推送至手机访问。

版权声明:本文由云河空间发布,如需转载请注明出处。

本文链接:https://yuyunhe.cn/index.php/post/163.html

分享给朋友:

“H5手机QQ分享到手Q、QQ空间、微信好友、朋友圈础通用接口” 的相关文章

php批量下载图片

假如现在我现在发现一个网站上的图片保存方式是1001 – 1999目录下都存放着从1开始(数量不等)的.jpg图片,现在我决定用php的方法将图片按照自己需要的样式直接下载到本地   假如图片开始地址为:http://image.xxx.com/img/1001/1...

dz第三方模块添加方法

dz第三方模块添加方法

使用dz做网站的朋友有时候会用到第三方模块专题,这就会遇到一个模块通信的问题,可是弄了半天就是“数据无法识别,请返回”, 也够雷人的,ok,这你就给大家分享下本人的一点经验,以供大家参考!dz第三方模块添加方法...

ThinkPHP分页的实现

分页类需要和查询相结合,我们可以使用ThinkPHP自带的limit方法或者page方法,目的就是为了获取当前分页的数据(也有先获取完整数据然后前端分页显示的方法,不在本文描述内容中,也不建议)。使用limit方法或者page方法是和数据库类型无关的。我们首先在数据库里面创建一个think_data...

wamp下虚拟主机的配置

1  编辑httpd.conf,查找Include conf/extra/httpd-vhosts.conf,把前面注释符号“#”删掉。 2  编辑httpd-vhosts.conf,我把WAMPServer安装在D:/wamp,所以我这里的路径是D:\wamp\Apache2\...

php利用百度地图API进行IP定位和GPS定位

最 近在做一个手机端的webapp地图应用,而核心内容当然是定位了,但是定位的话有几种方式,IP定位,GPS定位,基站定位(这个貌似webapp用不 了), 那么剩下核心的gps定位和ip定位了,我们知道,html5有定位API,但是该API拿到的GPS数据是硬件坐标,无法直接显示在地图上。...

如何在不同编程语言中获取现在的Unix时间戳(Unix timestamp)

如何在不同编程语言中获取现在的Unix时间戳(Unix timestamp)?先上代码进行java时间转换成unix timestampimport java.text.DateFormat;   import java.text.ParseExceptio...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。