文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
首页 > 微信小程序 > 微信开发 > 正文

微信实现分享链接的缩略图和标题

小云云
发布： 2018-03-22 14:43:22
原创
6793人浏览过


本文主要和大家分享微信实现分享链接的缩略图和标题，希望能帮助到大家。

一、微信内分享

在微信内打开链接后，点右上角【…】选择【发送给朋友】或【分享到朋友圈】，这种分享方式获取缩略图的方法：

  • 方法一：在页面 body 最上方添加 300*300 像素的 img

如该图片不需要显示，可以用 css 隐藏，但不能直接对 img 设置 display: none;。

可以在父层 p 上设置 display: none; 或者对 img 设置 position: absolute; visibility: hidden;。

<p style="display:none;">
@@##@@</p>
登录后复制

  • 方法二：通过微信 JS-SDK 的分享接口

这种方法需要一个微信公众号的 app_id，同时需要一个后端服务生成 signature。好处是可以定制分享的标题、缩略图、描述。

二、从浏览器分享

在浏览器打开链接后，点分享图标，选择【微信】，这种分享方式获取缩略图的方法：

在页面的 head 部分添加 Open Graph Metadata：

<meta property="og:type" content="website" />
<meta property="og:title" content="页面标题">
<meta property="og:description" content="页面描述">
<meta property="og:image" content=" 
<meta property="og:url" content="http://www.example.com/">
登录后复制

其中 og:image 影响浏览器分享时的图标，需要指定图片的完整路径。

微信实现分享链接的缩略图和标题

以上就是微信实现分享链接的缩略图和标题的详细内容，更多请关注php中文网其它相关文章！

微信app下载
微信app下载

微信是一款手机通信软件，支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊，还能根据地理位置找到附近的人，带给大家全新的移动沟通体验，有需要的小伙伴快来保存下载体验吧！

下载
来源：php中文网
收藏 点赞
上一篇：微信网页获取用户基本信息的方法 下一篇：微信API接口
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
逐条转发与合并转发的区别是什么 逐条转发与合并转发的区别：1、逐条转发就是将消息内容一条一条的转发给其他好友，而合并转发就是将多条消息合并在一起进行转发；2、逐条转发是看不出消息转发来源的，而合并转发可以看到消息的原始发送人。
2022-02-14 11:06:40
47810
实现微信发布文章信息采集 最近有一个客户，需要实现这样一个功能，之前他们在微信公众平台发布文章信息后，还需要在官网再发布一次，这样等于是同样的工作做了两遍，他们想实现在微信公众平台发布文章后，能够同时发布到官网上。
2022-02-12 13:13:15
3914
总结关于Referer丢失的问题（微信H5支付） 最近公司申请了微信的H5支付 相关支付文档见这里 https://pay.weixin.qq.com/wiki/doc/api/H5.php?chapter=15_4发布上线后发起支付 一直报错 商家参数格式有误，请联系商家解决。
2021-08-16 11:29:52
5312
uni-app开发H5端和原生H5开发怎么选择 前些时候刚开发了原生的H5电商系统，从控制器、页面、页面样式、jQuery等开始写，花费了不少的时间很精力。后面开发移动端APP和小程序，使用现在比较流行的uniapp混合开发模式，开始学习需要些时间，可是越写越喜欢，越写越简单。
2021-07-19 12:49:51
4178
如何解决微信支付API v3回调通知出现乱码问题 将微信回调接收到的 wechatpay-signature 字段用base64_decode解码后得到的乱码，怎么办？
2021-07-15 13:55:26
5056
分享微信支付v3版 php解密解密代码 微信支付V3版本小程序支付 php签名,验签,数据解密代码分享；数据解密需要用到sodium扩展 大部分php版本需要安装，证书序列号可以在这里查看https://myssl.com/cert_decode.html。
2021-07-15 13:50:04
4172
【记录】PHP微信小程序 微信支付v3的使用 写小程序发现微信支付有了v3版本, 就想着接个新的支付看看, 结果发现,有毒,记录一下历程。
2021-07-15 13:47:09
4344
微信怎么恢复中文模式 微信恢复中文模式的方法：首先打开微信，找到【Me】，并点击【Setting】；然后在【Setting】中点击【General】；接着在【General】中找到【Language】选项；最后选择【简体中文】，并点击【Save】保存修改即可。
2021-05-17 16:04:13
38995
什么是微信外挂 微信外挂是开发者用来篡改微信正常功能的工具，目的是给微信增加一些乱七八糟的“新”功能，而根本目的其实是为了大规模发送广告或诈骗信息。
2021-04-23 11:17:09
70310
如何删除朋友圈里的某个人 删除朋友圈里的某个人的方法：首先打开微信朋友圈；然后在朋友圈里面找到想要删除的人，点击头像；接着点击界面右上角的【...】符号；最后在【资料设置】中点击【删除】即可。
2021-04-19 15:16:54
58711
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部