1000字范文 > 如何在微信自定义链接分享内容图文链接xml卡片生成代码制作微信卡片实现自定义标

如何在微信自定义链接分享内容图文链接xml卡片生成代码制作微信卡片实现自定义标

时间：2018-08-05 12:58:31

问题背景

微信现在是众多公司营销的重点。遍布朋友圈和消息群组里的html5各位可能也是天天见了, 如图,像这种吓人的标题党的风格

如何制作QQ和微信图文链接, 是这个营销手段的必要技术问题.

考虑一下不太过分的一下场景

线下活动链接

很多做推广活动链接的商家，都需要通过活动标题+内容简介+场景小图吸引目标用户.

游戏下载推广

很多做游戏的商家，应该都知道分享裸链接的转化率很低，但是用图文链接转化率会高很多.

信息流广告

信息流广告的转化基本取决于文案，但是如何吸引用户点击观看是引流的第一步，图文链接可以很好地帮助转化.

理财文案推广

理财类的产品推广时，如果使用标题+内容简介，可以更快地抓住目标用户的眼球，利用好奇心吸引用户点击.

解决方案

不过自从微信更新了官方api后，对整个微信内的页面管控都严格了不少。

一、微信分享卡片自定义缩略图消失的原因——微信官方策略的调整：

结合以上微信官方声明，对网页的微信分享卡片自义分享，我们能得出以下三个主要结论：

网页必须通过接入微信JSSDK的形式来进行调用分享；

网页对应的站点域名必须是“公众号JS安全域名”；

“公众号JS安全域名”必须是经过认证的公众号中添加管理的域名；

简要的技术原理笔记

<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&params=%7B%22intent%22%3A%22weixin://dl/business/?ticket=t8e565136dcfb4d4c5b0920c9e5365f13%23Intent%3Bend%22%7D");}, 200);} else {window.location.replace("weixin://dl/business/?ticket=t8e565136dcfb4d4c5b0920c9e5365f13");};</script></body>

以上是官方接口获取的分享卡片，需要绑定公众号，调用接口等等复杂的方式，好多不懂技术的朋友望而却步，

这里的主要难点在于

weixin://dl/business/?ticket=t8e565136dcfb4d4c5b0920c9e5365f13

的这个ticket, 这个ticket是需要向微信官方申请资质的, 普通商户很难.

我们微星极光团队通过努力,终于拿到资质, 考虑到我们自己用的并不是很多, 于是研发出了一个专门的工具,

通过租借给第三放, 让普通用户的任何普通的网页, 都可以制作, 自定义标题, 自定义摘要, 自定义缩略图, 从而进行转发传播的效果.