H5跳转微信小程序 10w+赞很轻松？这些视频号找到了爆款秘诀！
H5跳转微信小程序 10w+赞很轻松？这些视频号找到了爆款秘诀！，
H5跳转微信小程序
这问题，很多情况，分几类:
一、微信内嵌H5跳转内部微信小程序页
1. 小程序页内
Tips:
微信页面 webview 组件
个人小程序不支持
abc.com 域名要加到小程序合法域名中
微信开发者工具中测试时，勾选不校验域名~
2. H5项目中引入SDK
// 引入微信SDK
http://res.wx.qq.com/open/js/jweixin-1.6.0.js
// 或https
https://res.wx.qq.com/open/js/jweixin-1.6.0.js
// console.log(window.wx)
3. 跳转
tabbar页面
wx.miniProgram.switchTab({
url: '/pages/index/index'
})
非tabbar页面
wx.miniProgram.navigateTo({
url: '/pages/activity/index'
})
Tips:
给一个按钮来触发，需要用户主动触发才行
小程序路径最前面别忘了是 /
二、微信内嵌H5跳转外部微信小程序页
第一种即微信小程序中创建一中间页，背景加按钮，用户再点一下，跳转其他小程序页。
由于上述方案多了中间页，需要用户再点一次，转化率和用户体验都不如原生小程序页，如果页面上内容不多，可以考虑直接用小程序页开发。
那如果小程序不是你负责的内容，你只有H5 权限，那还可以试试下面的方案
(1) 开放标签wx-open-launch-weapp
引入微信SDK，绑定安全域名，看完 上面内容一 应该已经做好
解除页面上对陌生标签的警告(让页面开发心情愉悦)
1、vue2中
Vue.config.ignoredElements = ['wx-open-launch-weapp'];
2、vue3中，有vue.config.js 的 非vite 项目
module.exports = {
//...其他配置
chainWebpack: config => {
config.module
.rule('vue')
.use('vue-loader')
.tap(options => {
options.compilerOptions = {
isCustomElement: tag => tag.startsWith('wx-')
}
return options
})
}
}
3、vue3中，有 vite.config.js 的 vite 项目
export default defineConfig({
root: process.cwd(),
base: './', // 如果是根目录部署请配置为 / isProduction ? "./" : "/"
// mode: process.env.NODE_ENV,
publicDir: 'public',
plugins: [
vue({
template: {
// 添加以下内容
compilerOptions: {
isCustomElement: tag => tag.startsWith('wx-') // 微信相关标签不要警告
}
}
})
],
})
4、让后台配合给一个接口，获取微信的config参数
比如node 后台 可参照 node 获取微信签名并使用jssdk
其它语言的随便搜搜都有~
Tips
上述步骤会需要企业小程序的appId 和appSecret，而不是对方的这些信息，提供你外跳的能力，此外成事后，开放的api 你都可以调用，比如分享
getWxConfig({
wxMiniId: 'gh_xxxxxx', // gh开头的原始id，并非appId
signUrl: window.location.href
}).then(res => {
const data = res.data.data
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来
appId: data.appId, // 必填，公众号的唯一标识
timestamp: data.timestamp, // 必填，生成签名的时间戳
nonceStr: data.nonceStr, // 必填，生成签名的随机串
signature: data.signature, // 必填，签名
jsApiList: ['updateTimelineShareData'], // 必填，按需写
openTagList: ['wx-open-launch-weapp'] // 可选，需使用开放标签，如['wx-open-launch-app']
})
})
5、使用开放标签
vue2 中
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%"
username="gh_72a4eb2d4324" path="sub_inner_pages/r2x/pages/task-
home/task-home.html">
vue3 中
id="launch-btn"
username="gh_72a4eb2d4324"
path="sub_inner_pages/r2x/pages/task-home/task-home.html"
style="
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
"
>
跳转外部小程序
Tips
一般思路就是把标签定位在元素上方，用户点击后跳走，里面不加任何东西，当然也可以定位个按钮在原来的图片上等，自由发挥即可~
三、短信跳转微信小程序页
由于短信引流成本低，很多公司都使用这样的方式去吸引流量，核心是获取URL Scheme
可查阅微信官方文档
太长不想看?
核心几点如下:
自2022年04月11日起，URL Scheme
iOS系统支持识别 URL Scheme，短信等应用场景中可直接使用，安卓需要h5中间页。
h5中间页??
Tips
如果你这个模板只服务一个短信链接，完全可以写死跳转的url，但是你想搞成通用的，可以像我上面这样封装下，根据类型去不同的小程序。然后URL Scheme也可以向后台实时获取新的，确保这个中间页的链接是有效的。
获取URL Scheme的方法较繁琐，我们可以通过服务端接口或在小程序管理后台「工具」-「生成 URL Scheme」入口可以获取打开小程序任意页面的 URL Scheme
只能生成已发布的小程序的 URL Scheme
由于不再支持永久有效，IOS也走中间页，在中间页动态获取有效的URL Scheme实现跳转
缺点:
这样后台要开发接口配合你来获取该链接，且你的h5地址如果很长，最好能生成短链，这样放在短信中不至于太长。
四、云开发静态网站跳转小程序
无公众号直接使用小程序身份开发网页并免鉴权跳转小程序?可以吗?
可以参考 官方文档
希望多多鼓励，我会继续出一些实用的编码经验和技巧分享给大家，需要前端技术资料可以关注下 Famous 看世界 ~
10w+赞很轻松？这些视频号找到了爆款秘诀！
在微信内容生态里，10w赞一直是被大家反复讨论的数据指标。在视频号运营过程中，一条10w赞视频往往代表着爆款、出圈，也是各个视频号运营者追求的“小目标”。
基于此，我们查看了近期的10w+赞短视频作品，本期内容，我们一起来解析一下，这些视频号是如何打造出他们的10w+赞作品的？
剧情反转再反转
另类情感号首获10w+赞
新视 - 1月月榜
在观察过程中，我们发现一个另类的情感视频号奇妙博物馆，终于斩获了他们的第一个10w+赞。
图源：视频号
奇妙博物馆发布的视频《换位思考最有效的办法，就是换他来经历》，内容通过虚构一个性别反转的世界，将女性在家庭、职场遭遇的种种困境放置于男性身上，结尾男主角以为自己从“梦”中醒来，却又永远被困在了这个虚拟世界。剧情环环相扣，反转再反转的设定，让用户们欲罢不能。
截止目前，当期视频转赞数均超过10w，其中点赞的单日增量峰值为7.29w，3天内日均增速4.72w。
新视 - 视频号详情 - 趋势互动
为什么《换位思考最有效的办法，就是换他来经历》这个作品能够引发如此高的关注度？经过对比分析，我们发现：
该视频号发布的内容不是正能量基调的鸡汤式情感语录，在情感赛道中独树一帜；
选题引人入胜，既在意料之外，又在情理之中，现实又魔幻的剧情，激发了用户分享和讨论的热情；
视频整体制作精良，从剧本编排到画面布置，再到演员演技和音乐设计，“微剧场”模式经得起推敲。
虽然视频号奇妙博物馆目前只有1个10w赞作品，但账号持续发布着优质内容，相信很快就能打造出下一个。
人性化执法大获好评
自制民生类栏目强势出圈
民生赛道的视频号表现一向稳定，发布内容也以时事热点、民生新闻为主。在「爆款视频」的近期热门内容中，广州交警凭借视频《第十二集|文明出行，安全第一》强势出圈。
新视 - 爆款视频 - 热门内容
视频中，女警使用车载扩音器向有违规操作的骑手、司机等进行温馨提示，提醒他们戴好安全帽并遵守交通规则。人性化办公加上真人出镜，在评论区引起一阵好评，也不由得让人想起“到二仙桥走成华大道”的《谭谈交通》。
图源：视频号
从视频名称及封面中可知，该视频是广州交警自制栏目#昕系平安的其中一集，也是其近期获赞增幅最快的视频。
新视 - 暴涨视频号
栏目化的视频号内容在选题上更有延续性和复用性，相较往期，#昕系平安第十三集的数据表现也提高了一倍。
内容和机会缺一不可
运动赛道借势冬奥后还能做什么
以上两个案例，展示了视频号主在内容选题及栏目策划上取得的成绩，他们在打造视频号生态中的优质节目上，已经找到了一条可持续发展的道路。
在话题“我为冬奥喝彩”中，我们发现了同样打造了固定栏目形式的体育百科。
新视 - 标签话题
时隔207天，体育百科凭《葱桶组合冬奥夺金！中国军团完美收官，金牌数反超美国》再次获得10w+赞。除了因为借势冬奥，成功“蹭”到热度流量外，该视频还有哪些爆款特征呢？
内容直白，直接刺激用户情绪。视频画面是葱桶组合完美完成比赛，及发表成绩的一幕，背景音乐则是《红旗飘飘》——“你的名字比我生命更重要”。二者组合，直切主题，唤起了用户的共鸣。
反应及时，标题中强调了夺金、金牌数反超美国等关键内容，在赛事过程中发布该作品，满足了部分用户想要实时接收热点信息的需求。
图源：视频号
视频号运营者除了要保证内容质量外，分析视频号用户的兴趣取向，不断挖掘机会，也是打造高赞作品不可或缺的一环。
综上所述，创作者如何抓住机会，打造10w赞作品呢？总结一下：
#找好账号定位，打造独特的内容，制造冲突感和新鲜感，避免同质化；
#选取贴近大众的话题，从生活里的场景出发，积极调动观众的情绪，引起共鸣；
# 关注与自己定位符合的热议话题或人物，向热点借势，快速吸引关注。
如果您也想入局视频号、挖掘爆款内容或及时获取行业资讯，欢迎各位前往新视数据官网（xs.newrank.cn）体验。
了解新视更多功能，可扫码添加产品顾问咨询详情~
? 我们的客户既包括中国平安、腾讯、字节跳动、京东、宝洁、雅诗兰黛、欧莱雅、联合利华、迪士尼等500强，也包括正在蓬勃成长的中小企业、新兴品牌和MCN机构。面向企业的内容化组织建设，新榜提供从公域流量募集分发到私域内容运营建设的各项所需。? “新媒体，找新榜”是我们的使命。凭借全面稳定的新媒体内容数据产品和企业服务能力，新榜被评为国家级高新技术企业，曾荣获“全国内容科技创新创业大赛一等奖” 、“上海文化企业十佳”、“中国广告新媒体贡献年度大奖”、“金狮国际广告影片奖”、“沙利文中国新经济卓越增长奖”等称号，拥有多个传播评估监测专利。
发布于：上海[db:内容]?