QQ图文分享卡片如何制作,将链接转换为可编辑图文卡片

​​我们在QQ单/群聊中发送h5链接时,链接展现效果不是很好别人不敢点击,那么本教程教您如何制作QQ图文分享卡片。

QQ图文卡片制作教程:

1、在后台点击 小狐工具箱-创建卡片,选择QQ卡片,先选择不开启跳转

2、创建后进入 我的卡片详情, 复制卡片链接;

QQ分享卡片制作

3、将链接手机QQ 文件传输助手

4、点击右上角 - QQ好友,分享后卡片制作完成;

QQ分享卡片制作

5、查看卡片是否显示正常,显示正常长按即可转发;

6、进入 卡片详情,开启卡片跳转即可;

注意:卡片制作成功后再开启跳转,否则无法生成卡片。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
要实现微信/QQ图文分享功能,需要使用官方提供的JS-SDK。 下面是一个基于Vue的微信/QQ分享组件的代码示例: ```vue <template> <div> <button @click="shareToWechat">分享到微信</button> <button @click="shareToQQ">分享QQ</button> </div> </template> <script> export default { mounted() { // 引入微信JS-SDK const script = document.createElement('script') script.src = 'https://res.wx.qq.com/open/js/jweixin-1.6.0.js' script.async = true script.onload = () => { this.initWechat() } document.body.appendChild(script) }, methods: { initWechat() { // 配置微信JS-SDK wx.config({ debug: false, appId: 'your_app_id', timestamp: new Date().getTime(), nonceStr: 'your_nonceStr', signature: 'your_signature', jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage'] }) wx.ready(() => { // 配置微信分享内容 wx.onMenuShareTimeline({ title: '分享标题', link: '分享', imgUrl: '分享图片链', success() { // 分享成功后的回调 } }) wx.onMenuShareAppMessage({ title: '分享标题', desc: '分享描述', link: '分享', imgUrl: '分享图片链', success() { // 分享成功后的回调 } }) }) }, shareToWechat() { // 调用微信分享 wx.ready(() => { wx.showOptionMenu() }) }, shareToQQ() { // 调用QQ分享 const shareUrl = 'mqqapi://share/to_fri?src_type=web&version=1&file_type=news&url=' + encodeURIComponent('分享') + '&title=' + encodeURIComponent('分享标题') + '&description=' + encodeURIComponent('分享描述') + '&image_url=' + encodeURIComponent('分享图片链') + '&callback_type=scheme&app_name=your_app_name&share_id=' + Math.floor(Math.random() * 100) window.location.href = shareUrl } } } </script> ``` 需要注意的是,微信/QQ图文分享功能需要在移动端环境下测试,因为它们只能在移动端的微信/QQ客户端中使用。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值