乱爱性全过程免费视频/午夜毛片视频/中文字幕av三区/一级视频网址

當前位置： 維易PHP培訓學院 > 淘寶客站開發 > 內容正文

京東聯盟如何在手機H5頁面打開京東APP并跳到推廣頁

作者：維易PHP培訓學院   時間 2018-04-23

《京東聯盟如何在手機H5頁面打開京東APP并跳到推廣頁》要點：
本文介紹了京東聯盟如何在手機H5頁面打開京東APP并跳到推廣頁，希望對您有用。如果有疑問，可以聯系我們。

相關主題：淘客API和高傭轉鏈

之前曾就研究過京東聯盟如何在手機H5頁面打開京東APP并跳到推廣頁，參：http://www.fzlkiss.com/jiaocheng/14658.html


但是 當時只能打開京東APP，不能跳到指定頁面，今天做了優化，


測試：蘋果成功打開京東APP并跳到指定頁，安卓還只能在瀏覽器中打開京東網站，不能打開APP


實例：京東短鏈接 https://union-click.jd.com/jdc?d=zanQ7V  解析后跳轉到

https://sale.jd.com/m/act/zQ1hbkYdU4i.html?cu=true&utm_source=kong&utm_medium=tuiguang&utm_campaign=t_2011156376_&utm_term=23f7b53d8c8d4392a3a93cd593b31bcd&abt=3

京東聯盟如何在手機H5頁面打開京東APP并跳到推廣頁


參數中的utm_term會變化，其它cu=true&utm_source=kong&utm_medium=tuiguang&utm_campaign=t_2011156376_是固定的參數。


如果要在手機網頁中打開京東APP并跳轉到上面的網址，使用下面的openApp.jdMobile://virtual?，關鍵是這三個參數："category":"jump","des":"DM","dmurl":"https://sale.jd.com/m/act/zQ1hbkYdU4i.html"


以下兩種方式都不適合微信自帶瀏覽器，無任何作用。


方式1：用鏈接形式打開APP：


最終形成的鏈接：用上面的聯盟參數，如utm_campaign，鏈接內容如下：

<h1>

<a href='openApp.jdMobile://virtual?params={"category":"jump","des":"DM","dmurl":"https://sale.jd.com/m/act/zQ1hbkYdU4i.html","cu":"true","utm_source":"kong","utm_medium":"tuiguang","utm_campaign":"t_2011156376_","utm_term":"23f7b53d8c8d4392a3a93cd593b31bcd","abt":"3"}' target="_blank">京東推廣</a>

</h1>



上面是用鏈接方式打開，在安卓中（小米為例），小米自帶的瀏覽器會跳到京東官網網頁，再點擊網頁上的鏈接會自動打開京東，而QQ瀏覽器則會成功打開京東APP并跳到指定頁。


方式2：使用框架方式（不適合IOS）：

經測試，在安卓上，效果和直接用鏈接一樣。小米自帶的瀏覽器也是打不開APP：

因此，推薦全部使用鏈接方式，簡單。


完整代碼：


<!doctype html>
<html>
<head>
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

       <meta name="apple-mobile-web-app-capable" content="yes">
       <meta name="apple-mobile-web-app-status-bar-style" content="black"/>

       <title>this's a demo</title>
       <meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,minimal-ui">
       <script type="text/javascript" src="http://www.weishang89.com/public/js/jquery-2.1.4.min.js"></script>

</head>
<body>




<h1>
       <a href='openApp.jdMobile://virtual?params={"category":"jump","des":"DM","dmurl":"https://sale.jd.com/m/act/zQ1hbkYdU4i.html","cu":"true","utm_source":"kong","utm_medium":"tuiguang","utm_campaign":"t_2011156376_","utm_term":"23f7b53d8c8d4392a3a93cd593b31bcd","abt":"3"}' target="_blank">京東推廣-鏈接打開，適用IOS</a>
</h1>

<br />


<h1>
       <a class="callApp" href='openApp.jdMobile://virtual?params={"category":"jump","des":"DM","dmurl":"https://sale.jd.com/m/act/zQ1hbkYdU4i.html","cu":"true","utm_source":"kong","utm_medium":"tuiguang","utm_campaign":"t_2011156376_","utm_term":"23f7b53d8c8d4392a3a93cd593b31bcd","abt":"3"}' target="_blank">京東推廣-框架打開APP</a>
</h1>


<script>
       //安卓手機中，小米瀏覽器測試只會跳到京東的H5網站，再點擊頁面上的鏈接才會自動打開京東APP，
       //QQ瀏覽器測試成功。
       $(function(){
              var last = Date.now(),
                     doc = window.document,
                     ifr = doc.createElement('iframe');

              //創建一個隱藏的iframe
              ifr.src = 'openApp.jdMobile://virtual?params={"category":"jump","des":"DM","dmurl":"https://sale.jd.com/m/act/zQ1hbkYdU4i.html","cu":"true","utm_source":"kong","utm_medium":"tuiguang","utm_campaign":"t_2011156376_","utm_term":"23f7b53d8c8d4392a3a93cd593b31bcd","abt":"3"}';
              ifr.style.cssText = 'display:none;border:0;width:0;height:0;';
              /*doc.body.appendChild(ifr);   
              

              */

              //document.getElementById('J-download-app')
              $('a.callApp').click(function (e) {
                     e.preventDefault();
                     //var href= $(this).attr('href');      
                     //ifr.src      = href;
                     doc.body.appendChild(ifr);

                     setTimeout(function() {
                            doc.body.removeChild(ifr);
                            //setTimeout回小于2000一般為喚起失敗 
                            if (Date.now() - last < 2000) {
                                   if (typeof onFail == 'function') {
                                          //onFail();
                                          alert('Fail');
                                   } else {
                                          //彈窗提示或下載處理等
                                   }
                            } else {
                                   if (typeof onSuccess == 'function') {
                                          //onSuccess();
                                          alert('Success');
                                   }
                            }
                     }, 1000);
              })
       });
</script>

<br />
iframe方案的喚起原理是: 程序切換到后臺時，計時器會被推遲(計時器不準的又一種情況)。如果app被喚醒那么網頁必然就進入了后臺，如果用戶從app切回來，那么時間一般會超過2s;若app沒有被喚起，那么網頁不會進入后臺，setTimeout基本準時觸發，那么時間不會超過2s。

</body>
</html>

執行結果：QQ瀏覽器是正常喚醒APP，

而小米自帶瀏覽器（中間那個），會先進入京東你那個推廣頁，再從京東網站喚醒APP，比如在京東網站選了鞋子放入購物車，再點購物車，就打開了最左邊的APP結算頁。


京東聯盟如何在手機H5頁面打開京東APP并跳到推廣頁

轉載請注明本頁網址：
http://www.fzlkiss.com/jiaocheng/14669.html


    標簽：京東聯盟  app  推廣