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

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

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


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+的分享,然后微信好友、微信朋友圈二次分享需要另外配置。


分享到:

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

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

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

分享给朋友:

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

php批量下载图片

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

利用ctrl+v实现粘贴截图完成上传功能

<?php header("Access-Control-Allow-Origin:*"); $url  = 'http://'.$_SERVER['HTTP_HOST']; $file =&nb...

图文解说Navicat使用ssh方式连接远程MySql服务器

图文解说Navicat使用ssh方式连接远程MySql服务器

如何使用Navicat 8.0 for MySQL连接公司服务器的数据库,但我也是第一次接触这个软件,搞了半天也没连上,在网上找了很多解决的办法,其中就有使用ssh方式连接的,但写的不够详细,因此还是费了一番功夫,自己搞定的,不敢独享,特记录下来 与大家分享。首先,在Navicat的连接设置里选择S...

推荐一些国内的Jquery CDN免费服务

Jquery是个非常流行的JS前端框架,在很多网站都能看到它的身影。很多网站都喜欢采用一些Jquery CDN加速服务,这样网站加载jquery会更快。之前火端网络的一些网站都是使用Google的jquery CDN,如:http://ajax.googleapis.com/ajax/lib...

PHP利用Curl模拟登录并获取数据例子

PHP利用Curl模拟登录并获取数据例子

几乎所有的程序员来模仿用户登录或抓取数据都会使用到curl函数,下面我来给各位介绍利用curl函数实现登录并抓取数据,希望下面例子对各位有帮助。PHP的curl()在抓取网页的效率方面是比较高的,而且支持多线程,而file_get_contents()效率就要稍低些,当然,使用curl时需要开启下c...

wamp虚拟主机配置

1、首先打开apache的配置文件httpd.conf,并去掉#Include conf/extra/httpd-vhosts.conf前面的#,启用虚拟主机功能2、先把localhost配置好,免得以后访问localhost出现问题,我的wamp项目根目录是D:\wamp\www。将下面信息添加到...

发表评论

访客

看不清,换一张

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