微信分享图标与提示代码

一、分享不显示图标的常见原因

1. 没有对接认证的公众号。 分享卡片相关接口需要认证的服务号支持，未对接时只能取到基础信息。
2. 没有设置默认分享图标。 后台「微信平台」可以上传默认分享图标，分类设置里还能为单个分类指定分享图标。
3. 在微信聊天窗口里直接点开网址。 微信已限制这种打开方式调用分享接口。正确做法是打开页面后点右上角菜单收藏，再从「我 → 收藏」中打开，分享接口即可正常工作；扫码进入、从公众号菜单或图文消息进入、点击他人分享的链接，都能正常取到图标。
4. 页面里的脚本报错。 例如统计代码有误，导致分享相关脚本没执行完，可临时移除该段代码对比验证。

二、图标取值规则

首页分享用后台设置的默认图标；分类页分享用该分类单独设置的图标；信息页若上传了图片，会优先取第一张图片，没上传时回落到所属分类的图标。改完图标后清一次缓存，再在微信里实测。

三、只在微信中显示的收藏提示

后台「广告管理 → 添加广告」，广告位选手机首页头部、类型选代码，内容粘贴：

<div id="wechatFavTip" style="padding:10px 14px;background:#e8f1ff;color:#1669F7;border-radius:8px;font-size:14px;margin:10px 8px;display:none;">点击右上角【···】收藏本页，后续在微信收藏中查看</div>
<script>
(function(){
  var ua = navigator.userAgent.toLowerCase();
  if(ua.indexOf('micromessenger') !== -1){
    document.getElementById('wechatFavTip').style.display = 'block';
  }
})();
</script>

脚本会判断只在微信内置浏览器里显示提示，其它浏览器访问不受影响。

四、手机版关注公众号浮动条

同样可在手机首页头部的代码广告位添加，或直接加到 template/wap/top.html 底部：

<div class="kf_fixedsubscribe_box">
  <div class="left">
    <div class="qrcode"><img src="/template/images/qrcode/gzh.png" /></div>
    <div class="text"><p>${WebName}公众号</p><p>关注公众号，获取最新通知。</p></div>
  </div>
  <div class="right"><div class="button">关注</div><div class="close"></div></div>
</div>

浮动条是固定定位，需要在样式里给页面顶部补留白，避免遮挡头部内容；关闭按钮绑定点击隐藏。二维码图片请换成自己公众号的。另有一种配套做法是关注弹窗：用 cookie 记录访问，每个访客一周只弹一次，结构与上面的浮动条类似，加一层遮罩和关闭按钮即可。底部菜单建议也放一个本站入口，保证用户从公众号进入时分享卡片能正常出图。