開發(fā)一個h5的落地頁女阀,需求是在頭條app中投放廣告,打開h5落地頁后屑迂,點擊一個按鈕浸策,能夠喚起淘寶app跳轉到對應的商品頁面。
1.一開始用taobao:// scheme的方式實現(xiàn)惹盼,<a href="taobao://detail.tmall.com/item.htm?id=610147788029">taobao4</a>
這種方式實現(xiàn)庸汗,在安卓和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>方式實現(xiàn)
采用該方式,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 rel="external nofollow">111</a>方式實現(xiàn)
該方式通過https://t.asczwa.com/taobao方式實現(xiàn),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>實現(xiàn)
結果是:安卓和ios瀏覽器均能正常喚起淘寶app橙数,安卓和ios頭條app均能正常喚起淘寶app。