微信中無法下載APP的解決方案(微信自動跳轉瀏覽器開啟下載連結)

lianshe86216發表於2019-02-17

目前的APP基本都支援二維碼掃描下載,二維碼下載也成為了大家用起來很順手的一種方式。由於微信的使用者基本佔據了國內市場的90%,說到掃一掃使用者第一個想到的就是開啟微信掃一下,通過微信分享APP,再從分享的連結下載apk/ios包。故使用者通常都是使用微信開啟連結或掃描二維碼前往下載頁,這是剛需。

在我們做營銷活動或推廣宣傳的時候,容易遇到域名被封,無法跳轉app下載等情況。這時需要微信跳轉外部瀏覽器開啟頁面的功能,對於ios使用者預設可以通過微信內建瀏覽器點選右上角的更多按鈕從而選擇“在瀏覽器中開啟”,對於安卓使用者則可以實現微信內直接跳出到手機預設瀏覽器。但是很多使用者其實並不知道該任何實現,其實只要在程式碼中進行相關的處理即可。下面為大家介紹這兩種方式的實現方式,不僅可以防封,還可以達到跳轉手機瀏覽器的效果。

需求分析
現在微信分享的功能很多,從分享的連結下載apk或者ios檔案是很常用的一個功能。但是微信scheme介面會自動遮蔽含apk或ios檔案的下載連結,不允許直接通過微信下載安裝檔案。如果域名訪問次數過多後被系統檢測會自動封掉該域名。被封域名後臺使用者在微信中開啟連線就會提示不存在或已停止訪問的提示。但很多使用者不知道是被遮蔽了,故以為是連結有問題,最後在該步驟流失的量就會很大,推廣轉化率就會很低。那麼究竟該如何解決這個問題呢?

程式碼程式設計
HTML程式碼
var ua = navigator.userAgent;
var isWeixin = !!/MicroMessenger/i.test(ua);

CSS程式碼
1 #weixin-tip{display:none;position:fixed;left:0;top:0;background:rgba(0,0,0,0.8);filter:alpha(opacity=80);width:100%;height:100%;z-index:100;}
2 #weixin-tip p{text-align:center;margin-top:10%;padding:0 5%;position:relative;}
3 #weixin-tip .close{color:#fff;padding:5px;font:bold 20px/24px simsun;text-shadow:0 1px 0 #ddd;position:absolute;top:0;left:5%;}

JS封裝程式碼
1 var is_weixin = (function(){return navigator.userAgent.toLowerCase().indexOf(‘micromessenger’) !== -1})();
2 window.onload = function() {
3 var winHeight = typeof window.innerHeight != ‘undefined’ ? window.innerHeight : document.documentElement.clientHeight; //相容IOS,不需要的可以去掉
4 var btn = document.getElementById(‘J_weixin’);
5 var tip = document.getElementById(‘weixin-tip’);
6 var close = document.getElementById(‘close’);
7 if (is_weixin) {
8 btn.onclick = function(e) {
9 tip.style.height = winHeight + ‘px’; //相容IOS彈窗整屏
10 tip.style.display = ‘block’;
11 return false;
12 }
13 close.onclick = function() {
14 tip.style.display = ‘none’;
15 }
16 }
17 }

至此,我們就可以直接用微信掃描二維碼在微信中分享和宣傳引流了。這樣我們能夠極大的提高自己的APP在微信中的推廣轉化率。解決掉了微信中下載連結被遮蔽等問題。充分利用微信的使用者群體來宣傳引流。

旋風微跳是一款基於微信後端開發了一款微信行銷下載推廣助手,使用了本外掛生成的連結,使用者在微信任意環境下點選連結或者掃描二維碼,可以實現直接跳轉手機預設瀏覽器並開啟指定網頁。

開啟 旋風微跳 網址:http://www.zjychina.cn

相關文章