有同学在群里咨询,想通过短信精准营销,实现用户收到短信后,点击打开短信链接就自动调起微信小程序或APP,请问丁老师这个可以实现吗?该如何实现呢?今天丁老师对这个问题进行解答。
短信链接打开微信小程序和APP的原理
通过群发短信,然后用户点击短信链接,就可以打开微信小程序或者APP,这种方式其实实现起来很简单。
1.原理是在短信中添加一个url网址,最好是短网址,不要太长。
2.这个网址打开后是一个静态的html页面,这个页面包含可以打开微信小程序或者APP的代码。
3.这个网址的网页可以进行UI设计,也可以不设计。设计美化后的网页可以做成类似拼多多的那种,引导用户手动打开微信小程序或APP。也可以不设计,直接自动触发代码调用打开微信小程序或APP。
短信链接打开微信小程序的方法
1.通过微信的Url Scheme实现。Url Scheme是一种专属的url格式,可以用来唤醒小程序。这个url需要服务端调用微信接口生成,也可以直接在小程序管理后台生成。生成后访问这个链接即可打开小程序。
2.通过Url Link实现,Url Link就是普通的url网址,由微信服务端生成的Url Link,也可以用来唤醒小程序。这个url link也需要服务端调用微信接口生成,生成后访问这个链接即可打开小程序。
3.在生成以上两个链接后,可以将短信中的短网址链接,自动跳转到url scheme或url link,也可以在打开短网址链接后,自动触发这两个url,以实现微信小程序的调用打开。
短信链接打开APP的方法
1.短信跳转的网址,增加a链接,引导用户点击,a链接的href中需要填写这个app的url scheme信息,比如
#该链接会打开淘宝,并传递id为123456的值过去
<a href="taobao://item?id=123456"></a>2.短信跳转的网址,通过JS代码判断,如果本地已安装APP就自动打开,如果没有安装就引导下载安装。
<button id="openOrInstallApp">打开/安装我的App</button>
<script>
//配置项(根据自己的App修改)
const APP_CONFIG = {
//Android Scheme
androidScheme: 'myapp://page/home',
//iOS Scheme
iosScheme: 'myapp://page/home',
//iOS Universal Link(可选,无则用Scheme)
iosUniversalLink: 'https://your-domain.com/open/app',
//应用商店链接
//iOS App Store地址
appStoreUrl: 'https://apps.apple.com/cn/app/xxx/id123456789',
//腾讯应用宝地址
androidStoreUrl: 'https://a.app.qq.com/o/simple.jsp?pkgname=com.xxx.xxx',
//自定义下载地址
fallbackUrl: 'https://www.xxx.com/app/download'
};
//判断设备类型
function getDeviceType(){
const ua = navigator.userAgent.toLowerCase();
if (ua.includes('iphone') || ua.includes('ipad')) return 'ios';
if (ua.includes('android')) return 'android';
return 'other';
}
//唤起App核心方法
async function openApp(){
const device = getDeviceType();
let isAppOpened = false;
//监听页面隐藏事件
const onPageHidden = () =>{
isAppOpened = true;
//移除监听,避免重复触发
document.removeEventListener('visibilitychange', onPageHidden);
window.removeEventListener('pagehide', onPageHidden);
};
document.addEventListener('visibilitychange', onPageHidden);
window.addEventListener('pagehide', onPageHidden);
try {
if (device === 'ios' && APP_CONFIG.iosUniversalLink) {
//1.iOS优先用Universal Link(无拦截)
window.location.href = APP_CONFIG.iosUniversalLink;
}
else {
//2.用Scheme唤起
const scheme = device === 'ios' ? APP_CONFIG.iosScheme : APP_CONFIG.androidScheme;
//创建隐藏iframe触发Scheme
const iframe = document.createElement('iframe');
iframe.style.display = 'none';
iframe.src = scheme;
document.body.appendChild(iframe);
setTimeout(() => document.body.removeChild(iframe), 2000);
//同时直接跳转Scheme
window.location.href = scheme;
}
//3. 延迟检测,未唤起则跳转安装页
setTimeout(() =>{
if (!isAppOpened){
let installUrl = APP_CONFIG.fallbackUrl;
if (device === 'ios') installUrl = APP_CONFIG.appStoreUrl;
if (device === 'android') installUrl = APP_CONFIG.androidStoreUrl;
window.location.href = installUrl;
}
}, 1800);
}
catch (e) {
//异常时直接跳转兜底页
window.location.href = APP_CONFIG.fallbackUrl;
}
}
// 绑定按钮点击事件
document.getElementById('openOrInstallApp').addEventListener('click', openApp);
</script>备注
以上方式不仅可以实现从短信中调用打开微信小程序、APP,也可以将此方法应用到电子邮件、二维码等营销网页中,只要引导用户访问URL网页,最终都可以实现调用打开微信小程序和APP。
在Parrot OS中,可以使用以下命令轻松安装Docker┌─[user@parrot-virtual]─[~/Desktop] └──╼ $sudo apt install docker.io安装成功后:┌─[user@parrot...
很多客户的微信小程序,上架后没有被搜索到,这是怎么回事呢?微信小程序上架后多久能被搜索到呢?针对这个问题,丁老师今天进行一下解读。首先,微信小程序在上架前,先要保证完成认证和备案,没有认证和备案的小程序,是无法被搜索到的。微信小程序搜索...
Google Gemini是一款非常强大的AI大语言模型,由google公司出品,支持包括中文语言在内的超过40种语言处理,在中文内容的处理方面,个人感觉比国内的大模型要优秀一些(主要是生成的内容质量、语义语法、内容重复性、文章结构等几...
上期文章介绍了《vscode显示函数列表方法》,很多同学在使用后反馈,这个功能真好,可以对函数进行快速导航定位了。但是这个函数列表,把参数也显示出来了,有些函数参数非常多,这样的话显示起来不是很直观,有什么办法能隐藏这些函数吗?如图:其...
今天有同学在群里提问,在使用photoshop编辑文字时,经常会弹出一个文字选择的面板如图:这时文字也无法输入,也无法取消和关闭,很是烦人,怎么取消这个功能呢?经过丁老师研究,方法很简单:1.打开photoshop菜单-编辑2.选择首选项-...
开发抖音小程序所需资料及费用概览随着短视频平台抖音(TikTok)在全球范围内的迅速崛起,越来越多的企业和个人开始意识到在抖音平台上开发小程序的重要性。抖音小程序不仅可以增强品牌曝光率,还能为用户提供更加便捷的服务体验。那么问题来了,开发一...
这几年AI技术的发展已经达到新的高度,从提高个人生产力到企业操作效率的各个方面,AI都扮演着不可或缺的角色。无论是进行语言交流、内容创作、或是任务管理,都有相应的AI工具可以帮助我们更加轻松地完成工作。以下是丁老师觉得不错的AI工具推荐,希...
有同学咨询丁老师,他们公司的小程序和APP,是属于C端的客户服务类APP,提供会员注册、下单、发货、订单查询、业务办理进度查看等模块。其中有一个功能是在线咨询,之前是对接的人工在线客服坐席咨询,在用户量大的时候,峰值可能同时需要5-8个客服...