问题背景
微信现在是众多公司营销的重点。遍布朋友圈和消息群组里的html5各位可能也是天天见了, 如图,像这种吓人的标题党的风格
如何制作QQ和微信图文链接, 是这个营销手段的必要技术问题.
考虑一下不太过分的一下场景
线下活动链接
很多做推广活动链接的商家，都需要通过活动标题 内容简介 场景小图吸引目标用户.
游戏下载推广
很多做游戏的商家，应该都知道分享裸链接的转化率很低，但是用图文链接转化率会高很多.
信息流广告
信息流广告的转化基本取决于文案，但是如何吸引用户点击观看是引流的第一步，图文链接可以很好地帮助转化.
理财文案推广
理财类的产品推广时，如果使用标题 内容简介，可以更快地抓住目标用户的眼球，利用好奇心吸引用户点击.
解决方案
不过自从微信更新了官方api后，对整个微信内的页面管控都严格了不少。
一、微信分享卡片自定义缩略图消失的原因——微信官方策略的调整：
结合以上微信官方声明，对网页的微信分享卡片自义分享，我们能得出以下三个主要结论：
网页必须通过接入微信JSSDK的形式来进行调用分享；
网页对应的站点域名必须是“公众号JS安全域名”；
“公众号JS安全域名”必须是经过认证的公众号中添加管理的域名；
简要的技术原理笔记
代码语言：txt复制<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format -detection" content="telephone=no">
<title>跳转中</title>
<meta name="chromesniffer" id="chromesniffer_meta" content="{}">
<script type="text/javascript" src="chrome-extension://fhhdlnnepfjhlhilgmeepgkhjmhhhjkh/js/detector.js"></script>
</head>
<body>
<div style="text-align: center; font-size: 18px; margin: 100px 0 30px 0;">正在前往微信客户端</div>
<a href="javascript:document.location.reload();"
style="width: 90%; background: #1AAD19; text-align: center; color: #fff; margin: 0 auto; box-sizing: border-box; font-size: 18px; line-height: 2.55555556; border-radius: 5px; display: block; text-decoration: none;">重新跳转</a>
<script>if (!/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent) && /baiduboxapp/i.test(navigator.userAgent)) {
setTimeout(function () {
window.location.replace("bdbox://utils?action=sendIntent&minver=7.4¶ms={"intent":"weixin://dl/business/?ticket=t8e565136dcfb4d4c5b0920c9e5365f13#Intent;end"}");
}, 200);
} else {
window.location.replace("weixin://dl/business/?ticket=t8e565136dcfb4d4c5b0920c9e5365f13");
}
;</script>
</body>以上是官方接口获取的分享卡片，需要绑定公众号，调用接口等等复杂的方式，好多不懂技术的朋友望而却步，
这里的主要难点在于
代码语言：txt复制weixin://dl/business/?ticket=t8e565136dcfb4d4c5b0920c9e5365f13的这个ticket, 这个ticket是需要向微信官方申请资质的, 普通商户很难.
我们微星极光团队通过努力,终于拿到资质, 考虑到我们自己用的并不是很多, 于是研发出了一个专门的工具,
通过租借给第三放, 让普通用户的任何普通的网页, 都可以制作, 自定义标题, 自定义摘要, 自定义缩略图, 从而进行转发传播的效果.
衍生问题
当然在开发这个工具的时候, 还会涉及一下高并发控制,限频限流,到期时间限制, 违规链接管控等技术话题,
参考链接
https://developers.weixin.qq.com/doc/offiaccount/Getting_Started/Overview.html
https://zh.wikipedia.org/zh-sg/XML
https://my.oschina.net/u/3775585/blog/1615258
本文链接
https://www.wxhmf.com/posts/wechat-link-centent-customize/
