微信分享给好友的链接不显示右面的图标怎么办？

最新推荐文章于 2022-08-22 11:05:18 发布
最新推荐文章于 2022-08-22 11:05:18 发布
阅读量1.5k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Qiming789/article/details/115950217
版权

我们自己做的网站在微信中属于第三方网站，第三方网站想要显示缩略图和描述需要有两个前提条件。

微信分享网页链接不显示缩略图怎么办

1.认证的公众号

2.备案的域名

有了公众号和域名才能去调用微信接口，也可以使用第三方工具来进行修改，这样即使没有备案的域名和认证的公众号，也可以添加或者修改缩略图和描述。

前后对比图片
在这里插入图片描述
显示才是正确的，可以收藏一下

Qiming789
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue微信分享到朋友圈 vue微信发送给好友
11-30
本文为大家分享了vue微信分享至朋友圈&&分享至朋友代码的封装，供大家参考，具体内容如下 1.新建share.js文件 import {shareSDK} from "../api/common";//分享api import wx from 'weixin-js-sdk' export const ...
微信分享只有链接没有图标和标题正文的问题分析
时清云的博客
05-31 4493
出现上述问题的原因是微信规则的问题1、用链接的方式打开页面 然后分享只会出现当前页面链接不会出现图文；2、通过带图标的分享打开再次分享就是带图标标题的了；3、可以用二维码或者微信菜单的方式打开，分享一切正常。
微信分享到朋友圈的链接没有图片。开发工具中正常没有报错-解决方案
橙-极纪元-cplvfx-JJY.Cheng
12-08 7266
微信分享到朋友圈的链接没有图片。开发工具中正常没有报错-解决方案
为什么微信分享的链接有的会有logo图和描述，有人分享的却没有呢？
ooppbbbbbn的博客
07-23 5088
效果对比如下： 上图我们可以看出，未开发过的链接在好友，微信群之间分享出来只能显示出标题，描述摘要显示链接，图片显示一个回形针。这样的分享展示看起来非常之不正规，用户点击欲望直线下降，更别人裂变分享了。而开发过的链接分享之后可显示完整的摘要描述，标志性的logo。不仅正规而且美观，更容易吸引人点击分享。 那我们如何开发出这类可以显示描述摘要和logo图片的分享链接呢？ 1，微信分享卡片工具生成。 如果我们的分享方式只是在好友之间和微信群转发分享，不需要点击链接进入之后点击...
连接微信分享图片
weixin_34309435的博客
11-16 162
http://www.9miao.com/thread-90655-1-1.html wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: '', // 必填，公众号的唯一标识 timest...
微信分享图不显示解决方案
凌霄殿
05-05 4356
最近项目新上线，发现在微信无法显示分享图了。但在一些比较旧的微信版本却能显示， 一开始以为是我们代码问题，但经确认代码和以前写的一模一样后，费几番周折，最后确认是微信改了分享图方案，未接入微信JSSDK的网站将使用默认的分享图和标题。详情可以查看 微信公告 果不其然，页面成功接入JSSDK后分享图正常显示！
php解决微信分享网页不显示缩略图和描述，对接公众号微信分享自定义缩略图和描述
06-03
对接公众号设置自定义微信分享自定义缩略图和描述
最新微信分享网站链接带缩略图和描述的方法（附傻瓜式插件包+详细教程）
07-11
微信分享网站链接带缩略图和描述的插件包通用所有网址+详细教程 使用非常简单，修改下信息加入代码即可 压缩包附带详细教程 。 使用前提：有一个认证过的公众号
微信分享给好友，自定义标题，图标，链接（针对微信2015.1.9）java版
12-02
总的来说，实现“微信分享给好友，自定义标题，图标，链接”这一功能，需要Java后端和前端的配合。后端负责获取和生成必要的配置信息，前端则负责加载和调用JS-SDK接口。这是一个典型的前后端交互案例，对于理解和...
链接分享到微信之网页被重排及图标不显示的问题
低调的五号位
09-15 879
今天在开发一个分享功能时遇到这样两个问题： 1、产品详情页面H5链接，在分享到微信或朋友圈打开的时候出现提示“由于安全原因网页被重排”，导致页面部分JS无法执行； 2、通过App分享到微信或朋友圈的链接，再次通过微信的分享给好友，出现图标不显示的问题； 先说第一个“网页被重排”的问题： 这是由于微信内置的浏览器内核出于安全的考虑，如果要执行一些复杂的脚本，就需要先通过微信的认证。 解...
HTML5微信分享图标和文本设置
11-23
​想必大家都在自己的微信朋友圈看到过别人分享的一些网页链接消息，但是你注意了吗？有些链接的图标是用的微信一张蓝色的默认图片，但是有些链接的图标却有着各自专门的图标（注：公众号的图文消息不在本文讨论行列中。），而且标题也和链接里面网站的标题不一样！（想想前段时间那个风靡朋友圈的贱贱的神经猫吧！）好啦！今天要跟大家分享的就是如何让自己的网页在微信分享朋友圈中拥有一个自己个性的图标以及自定义分享中的描述文字。--->详情见我的博客哦！
Cack！微信分享图标 2.4 商业版dz插件.zip
11-16
Cack!微信分享图标 2.4 商业版dz插件，分享微信朋友圈带标题带图标描述功能 　　插件介绍： 　　不支持手机版伪静态 　　本插件用于那些分享链接时候不带图标的网站，安装插件效果：如果贴内有图，自动加载贴内第一张图片，如果贴内无图，则显示默认的图片(默认图片后台设置)，论坛板块列表分享时候显示板块图标作为分享的图片，其他页面默认显示后台填写的图标链接作为分享图片。 　　1.分享微信朋友圈带标题带图标 　　2.分享微信好友带标题带图标带描述 　　3.分享微信群带标题带图标带描述 　　本插件必须有已认证订阅号或已认证服务号情况下才能正常使用 　　以及需要在微信公众平台设置JS安全域名业余域名 　　虚拟主机用户不要安装本插件。 　　2017-11-19日更新日志 　　1.修复分享到微信群微信好友不显示图标和文字描述问题。 　　2.新增分享文章到朋友圈自动调用文章封面图片做分享图标。 　　3.新增支持PC版，现在您可以在不开启手机版的情况下使用本插件了(满足一些不需要手机版的用户要求)
分享到微信朋友圈
11-15
实现分享到微信朋友圈，其实比较简单的，不清楚的留言
uniapp - 微信H5 分享微信朋友圈展示链接，不是缩略图卡片的原因与解决方案
qq_37962440的博客
08-22 1866
uniapp - 微信H5 分享微信朋友圈展示链接，不是缩略图卡片的原因与解决方案
微信的踩坑之路----微信分享title和icon不显示
weixin_30530939的博客
04-09 1165
以前也做过微信的分享功能，但是那次比较顺利，一次通过~ 这次再次弄这个的时候发现了以前遗漏的坑。同时也在网上找了好多，大部分写的都是配置方面的问题，下边我也会写到。 问题一 微信js接口安全域名配置问题；如果你的url 为 http://www.demo.com/?type=1;则应该配置安全域名为www.demo.com 或者www.demo.com/; 当然微信的url为https:/...
微信分享网页链接不显示小图标怎么办
laofulink的博客
11-19 4905
我们自己做的网站在微信中属于第三方网站，第三方网站想要显示缩略图和描述需要有两个前提条件。 微信分享网页链接不显示缩略图怎么办 1.认证的公众号 2.备案的域名 有了公众号和域名才能去调用微信接口，也可以使用第三方工具来进行修改，这样即使没有备案的域名和认证的公众号，也可以添加或者修改缩略图和描述。 下面是前后对比图片 ...
微信分享链接或网站文章到微信朋友圈，缩略图片不显示解决【老版资料】
奇怪的接口
11-26 7530
如图：分享到朋友圈的链接没有显示图片，简介变成了网址， 如何让左侧那个图片显示尼？？？ 解决方法： 在我们的网站网页 html代码中的<body>之后(也就是网站的第一张图片)增加<img src="http://singrr.com/wm/img/logo.jpg" style="visibility:hidden;height:0;width:0;" /> 注...
vue 微信分享链接
最新发布
09-20
在Vue中实现微信分享链接需要以下步骤： 1. 首先，你需要在微信开放平台上注册一个公众号，并获取到对应的AppID。 2. 在Vue项目的入口文件中引入微信JavaScript SDK，可以通过使用`<script>`标签直接引入，或者通过npm安装相关的包。 3. 在需要分享的页面中，可以在`created`或`mounted`钩子中调用微信提供的API，获取当前页面的URL，并配置微信分享所需的参数。例如： ```javascript import wx from 'weixin-js-sdk'; export default { mounted() { this.getWechatConfig(); }, methods: { getWechatConfig() { // 发起请求，获取后端签名 axios.get('/api/getWechatConfig', { params: { url: window.location.href.split('#')[0] } }).then(response => { const { appId, timestamp, nonceStr, signature } = response.data; // 配置微信分享参数 wx.config({ debug: false, // 开启调试模式 appId: appId, timestamp: timestamp, nonceStr: nonceStr, signature: signature, jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline'] // 需要使用的API列表 }); wx.ready(() => { // 配置分享给朋友 wx.onMenuShareAppMessage({ title: '分享标题', desc: '分享描述', link: window.location.href, imgUrl: '分享图片链接', success: () => {}, cancel: () => {} }); // 配置分享到朋友圈 wx.onMenuShareTimeline({ title: '分享标题', link: window.location.href, imgUrl: '分享图片链接', success: () => {}, cancel: () => {} }); }); }).catch(error => { console.error(error); }); } } } ``` 4. 最后，通过后端接口获取微信配置信息，其中`url`参数需要替换成当前页面的URL，然后将获取到的配置信息返回给前端。在前端通过微信提供的`wx.config()`方法进行配置，然后在`wx.ready()`方法中配置分享给朋友和分享到朋友圈的行为。 这样，在Vue中实现微信分享链接的功能就完成了。当用户访问分享出去的链接时，会根据配置信息弹出微信分享的对话框，用户可以选择分享给好友或分享到朋友圈。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值