入门
如何在网站上添加应用下载按钮(iOS + Android)
在你的网站上放一个“下载应用”按钮,在每种设备上都能打开正确的商店。
简短回答
用一个按钮,让它的 href 指向一个智能链接,而不是在设备判断后面放两个商店徽章。onestore.link 在点击的那一刻识别设备,所以同一个按钮在 iPhone、Android 和电脑上都能用,你也不用发布任何 User-Agent JavaScript。
最后审阅于 2026-10-22
营销网站或落地页上的“下载应用”按钮,面对的是混合的受众。放两个按钮(App Store + Google Play)会增加阻力,也显得杂乱;放一个写死的商店链接,又会让另一半访客无路可走。干净的做法是:一个按钮,指向一个智能链接,由它把每位访客送到正确的商店。下面介绍如何设置。
问题所在
- 一个写死的商店按钮,会把一半访客送错地方。
- 并排的两个商店按钮增加视觉杂乱,还多了一步选择。
- 不加额外的 JavaScript,静态 HTML 无法识别设备。
- 手写的跳转需要托管,还要持续维护。
有了 onestore.link
- 让一个按钮指向 onestore.link 网址 — 它会按设备跳转到 App Store 或 Google Play。
- 标记保持极简:一个普通的 a 标签,不需要 JavaScript。
- 电脑访客会看到一个带两个按钮的落地页,依然可以自己选择。
- 随时修改目标商店,无需改动你的网站。
怎么做
无需 SDK,无需重新构建。只是一个网址。
- 1
创建你的链接
用你的 App Store 和 Google Play 网址生成一个 onestore.link。
- 2
添加一个按钮
在标记里用一个指向你的 onestore.link 网址的普通链接。不需要任何设备识别代码。
<a href="https://onestore.link/yourapp">Download the app</a> - 3
只需设计一次样式
给这一个按钮设计好匹配网站的样式。现在,它对 iPhone、Android 和电脑访客都一样有效。
常见问题
需要用 JavaScript 来识别设备吗?
不需要。这个按钮就是一个指向你的 onestore.link 网址的普通 a 标签。所有设备识别都在链接被点击时于服务端完成,你的页面可以保持静态。
还要分别放 App Store 和 Google Play 按钮吗?
不必。一个智能链接按钮就能覆盖两个商店,还省掉了一步选择。如果你更喜欢官方商店徽章,也可以让每个徽章都指向同一个 onestore.link 网址。
对电脑访客有效吗?
有效。电脑上的点击会进入一个展示两个商店选项的轻量页面,用笔记本电脑的访客可以自己选择,或者发到手机上。
准备好试试了吗?
永久免费,无需密码。大约一分钟,你的链接就能就绪。
创建你的免费链接看看实际用法: 浏览对应的使用场景 →