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

admin9年前技术文档2409


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


分享到:

相关文章

phpstudy apache无法启动 启动一下就关闭的解决方法

phpstudy apache无法启动 启动一下就关闭的解决方法

今天配置phpstudy的时候,出现是phpstudy apache无法启动的情况,其实也不是一点也不能启动,而且apache的启动状态亮一下就自动关闭了。我记得以前我也碰到过这样的情况,但是忘记了,...

php 使用curl模拟登录discuz以及模拟发帖

<?php $discuz_url = 'http://127.0.0.1/discuz/';//论坛地址 $login_url = ...

vue配置iframe父级窗口通信

在router/index.js中配置export default new Router({   scrollBehavior: ()&n...

php检查手机访问

<?php /**  * 检查手机访问  *  */ function check_wap() {   &nb...

阿里云ECS centos配置IPV6支持具体: 1. 修改disable_ipv6.conf,不同的系统命名会有些差别

阿里云ECS centos配置IPV6支持具体: 1. 修改disable_ipv6.conf,不同的系统命名会有些差别

具体:1. 修改disable_ipv6.conf,不同的系统命名会有些差别# cp /etc/modprobe.d/disable_ipv6.conf /data/gu...

SQL DISTINCT去掉重复的数据统计方法

备注:SELECT `log_id`,count(*) as count FROM `dp_im_chat` GROUP BY&n...

发表评论    

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