微信黑魔法-专注解决微信开发周边,小程序,公众号,微信机器人等技术分享

如何在微信自定义链接分享内容,图文链接xml卡片生成代码,制作微信卡片实现自定义标题,描述,缩列图以供转发

问题背景

微信现在是众多公司营销的重点。遍布朋友圈和消息群组里的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是需要向微信官方申请资质的, 普通商户很难.

我们微星极光团队通过努力,终于拿到资质, 考虑到我们自己用的并不是很多, 于是研发出了一个专门的工具, 通过租借给第三放, 让普通用户的任何普通的网页, 都可以制作, 自定义标题, 自定义摘要, 自定义缩略图, 从而进行转发传播的效果.

衍生问题

当然在开发这个工具的时候, 还会涉及一下高并发控制,限频限流,到期时间限制, 违规链接管控等技术话题, 后续文章再做分享更新.

如果需要体验工具, 可以加微信咨询

本文链接

https://www.wxhmf.com/posts/wechat-link-centent-customize/