开发一个h5的落地页,需求是在头条app中投放广告,打开h5落地页后,点击一个按钮,能够唤起淘宝app跳转到对应的商品页面。
1.一开始用taobao:// scheme的方式实现,<a href="taobao://detail.tmall.com/item.htm?id=610147788029">taobao4</a>
这种方式实现,在安卓和ios的浏览器都能正常唤起淘宝app,并跳转到对应的页面,但是无论在安卓还是ios的头条app都无法正常唤起淘宝app。
2.用<a href="tbopen://detail.tmall.com/item.htm?spm=a230r.1.14.25.576160f4a5Qjt2&id=610147788029&ns=1&abbucket=10">taobao</a>方式实现
采用该方式,tbopen://的内容是直接从淘宝网上对应商品的http链接拷贝过来的,http链接为:https://detail.tmall.com/item.htm?spm=a230r.1.14.25.576160f4a5Qjt2&id=610147788029&ns=1&abbucket=10
结果是:安卓浏览器不能正常唤起淘宝app,安卓头条app不能正常唤起淘宝app;ios浏览器可以唤起淘宝app,ios头条app可以正常唤起淘宝app。
3.用<a href="https://t.asczwa.com/taobao?backurl=https://m.tb.cn/h.V72TVGH?sm=36a273" rel="external nofollow">111</a>方式实现
该方式通过https://t.asczwa.com/taobao方式实现,backurl为淘宝商品在天猫app中点击分享得到的链接。
结果是:安卓浏览器不能正常唤起淘宝app,安卓头条app不能正常唤起淘宝app;ios浏览器可以唤起淘宝app,ios头条app可以正常唤起淘宝app。
尝试了各种方式,都不能使安卓和ios均能成功唤起淘宝app。
解决方法:
通过橙子建站工具,选择要唤起的app,填入要打开商品的url,如:https://detail.tmall.com/item.htm?id=610147788029,会得到对应的tbopen的链接:tbopen://m.taobao.com/tbopen/index.html?spm=a2o5r.9022594.0.0&action=ali.open.nav&module=h5&h5Url=https%3A%2F%2Fdetail.tmall.com%2Fitem.htm%3Fspm%3Da2o5r.9022594.0.0%26id%3D610147788029&appkey=wild_baichuanpingtai_appkey&backURL=__back_url__
通过 <a href="tbopen://m.taobao.com/tbopen/index.html?spm=a2o5r.9022594.0.0&action=ali.open.nav&module=h5&h5Url=https%3A%2F%2Fdetail.tmall.com%2Fitem.htm%3Fspm%3Da2o5r.9022594.0.0%26id%3D610147788029&appkey=wild_baichuanpingtai_appkey&backURL=__back_url__">tianmao7</a>实现
结果是:安卓和ios浏览器均能正常唤起淘宝app,安卓和ios头条app均能正常唤起淘宝app。