如何在微信自定义链接分享内容,图文链接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¶ms=%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/
如何在微信自定义链接分享内容,图文链接xml卡片生成代码,制作微信卡片实现自定义标题,描述,缩列图以供转发相关推荐
- 微信自定义分享卡片链接的解决方案(可自定义标题 描述 缩列图)
微信现在是众多公司营销的重点.遍布朋友圈和消息群组里的html5各位可能也是天天见了,不过自从微信更新后,对整个微信内的页面管控都严格了不少. 一.微信分享卡片自定义缩略图消失的原因--微信官方策略的 ...
- 【微信H5】分享出去是链接,不是卡片的原因及解决方案
[微信H5]分享出去是链接,不是卡片 微信公众号已配置完域名且已完成微信认证.appid也准确无误 原因 因为这是微信开放全域名访问后出现的限制 解决方案 1.将链接添加至公众号的自定义菜单中,从公众 ...
- 全新实用工具证件照制作微信小程序源码下载支持多种证件生成与制作
这是一款证件照制作的微信小程序,里面也支持直接微信公众号版本生成安装 支持多种尺寸制作 支持相册上传于直接相机拍摄 支持多种类型的证件制作如,职业证件,公务员证件,身份证等各种类型 支持电子照存档等等 ...
- iOS使用新浪微博、微信官方SDK分享内容
第三方社交分享 1.使用系统自带的Social.framework分享,iOS6之后苹果集成了新浪微博.iOS7之后苹果集成了腾讯微博 2.使用各个平台的官方SDK,并针对各个平台编写各自的分享代码. ...
- 微信H5网页分享只显示链接处理办法
1.在微信中配置好相关接口后 分享到QQ和QQ空间是正常的,但是分享给朋友和分享到朋友圈就是链接如下图 2.解决办法: a.要分享的链接使用二维码生成后再分享 ,就可以 ...
- Android链接分享功能,公开链接分享功能
如何使用公开链接分享功能? Windows客户端 打开笔记窗口,点击工具栏右上角分享按钮 ,然后点击「复制链接」按钮. Mac客户端: 打开笔记窗口,点击工具栏右上角分享按钮,然后点击「复制链接」按钮 ...
- python制作微信个人二维码怎么做_如何用Python制作微信的好友背景墙?
前段时间,微信朋友圈开始出现了一种晒照片新形式,微信好友墙,即在一张大图片中展示出自己的所有微信好友的头像. 效果如下图,出于隐私考虑,这里作了模糊处理. 是不是很炫,而且这还是独一无二的,毕竟每个人 ...
- 0代码html交互动画设计pdf,Mugeda零代码制作微信H5交互动画(34集)
课程大纲: 一.Mugeda快速入门 二.Mugeda功能详解 三.实例:精美微信动画制作 四.小技巧及注意事项 五.零代码交互:汽车广告制作 六.高级动画功能:遮罩与进度动画 七.零代码制作滑动模板 ...
- 微信屏蔽js分享、复制链接,禁止微信外打开网站
1.屏蔽公众号的复制分享功能 <script type="text/javascript">$(function(){function onBridgeReady() ...
最新文章
- [原创]Coding4Fun检测你的网络,用C#获取本机TCP、UDP状态及连接(二)
- [NCTF2019]Reverse
- Google Apps – Framework, Phonesky, GmsCore w/ AOSP Build.
- proteus三输入与非门名字_Proteus仿真库元件名大全
- OpenCV实践之路——人脸检测(C++/Python) 【转】
- 【SSM整合案例】静态资源和分页标签的添加
- JS中定时器setTimeout,setInterval,clearTimeout,clearInterval用法
- Stream流中的常用方法_count
- python requests 10041报错_pythonrequests返回unicode异常消息(或如何设置请求区域设置)...
- 【Demo 0011】多媒体播放器
- 基于卷积神经网络的手写数字识别、python实现
- STM32利用库函数驱动OLED
- Netty进行文件传输
- SpringBoot应用场景启动器
- 比尔盖茨正式退出微软董事会:将继续担任技术顾问
- 【Unity3d】移动开发代码优化
- SQL语句:连接查询
- C#实现发送短信功能
- solr删除数据的4种方便快捷的方式
- 【Love2d从青铜到王者】第三篇:Love2d变量以及函数
热门文章
- 敏捷交付_确保敏捷交付
- F - Ilya Muromets Gym - 100513F
- 使用excel进行数据挖掘(4)---- 突出显示异常值
- Mac OS 安装IE
- 11n、11ac和11ax速率表
- 使用python+selenium清空淘宝购物车
- 【我的世界】自定义局域网服务器-LanServerPropertie-1.17.x-自定义端口+关正版验证
- windows专业版以上使用自带远程连接(不限制于局域网)
- Word里面最难删的东西,困扰了97.99%的职场人,实在是太烦人了
- Epubor Ultimate for mac(mac电子书转换软件)