微信分享 - 标签 - 腾讯云开发者社区-腾讯云

腾讯云

开发者社区

文档建议反馈控制台

首页TVP

#微信分享

如何实现H5在QQ平台上的二次分享卡片效果？

1回答

javascript、配置、前端、微信分享

冰书官方唯一账号

在QQ平台上实现H5页面的二次分享卡片效果，你需要使用QQ的分享接口。以下是实现此功能的步骤： 1. 在你的H5页面中，引入QQ分享的JavaScript SDK。将以下代码添加到`<head>`标签内： html<script src="https://open.mobile.qq.com/sdk/sdk_js.qq.js"></script> 2. 在`<body>`标签内，添加以下代码以初始化QQ分享接口： html<script> mqq.config({ debug: false, // 开启调试模式 appId: '你的appId', // 必填，公众号的唯一标识 timestamp: '生成签名的时间戳', // 必填，生成签名的时间戳 nonceStr: '生成签名的随机串', // 必填，生成签名的随机串 signature: '签名', // 必填，签名 jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline'] // 必填，需要使用的JS接口列表 }); mqq.ready(function() { // 分享给好友 mqq.ui.setOnMenuShareAppMessage({ title: '分享标题', // 分享标题 desc: '分享描述', // 分享描述 share_url: '分享链接', // 分享链接 image_url: '分享图标' // 分享图标 }); // 分享到QQ空间 mqq.ui.setOnMenuShareTimeline({ title: '分享标题', // 分享标题 desc: '分享描述', // 分享描述 share_url: '分享链接', // 分享链接 image_url: '分享图标' // 分享图标... 展开详请

赞0 收藏0 评论0