web javascript如何集成ShareinstallSDK

引言：用于APP的渠道统计，其功能是怎么实现的呢？

正文：shareinstall提供完整的javascript api，方便Web开发者实现完全自主的设计。

官方文档地址：www.shareinstall.com/application.html

SDK概述

Web SDK用于Web页面启动/安装APP，并在启动/安装APP的同时，向APP传递各种自定义参数（通过Android/iOS SDK可获取传递的参数）。

集成步骤：

<!-- 建议直接引用下面的js链接，以便得到最及时的更新，我们将持续跟踪各种主流浏览器的变化，为您提供最好的服务-->
<script type="text/javascript" src="//www.shareinstall.com/js/page/shareinstall.min.js"></script>
<script type="text/javascript">
    //错误处理：确保app始终能正常的安装
    var timer = setTimeout(
        function() {
            var button = document.getElementById("downloadButton");
            button.style.visibility = "visible";
            button.onclick = function() {
                var ua = navigator.userAgent;
                if (ua.indexOf(" MicroMessenger/") > -1) {
                    //微信中显示遮罩提示在浏览器中打开或进入应用宝
                    var div = document.createElement("div");
                    div.innerHTML = "<div style='font-size:2rem;color:#fff;text-align:center;"
                        +"position:fixed;left:0;top:0;background:rgba(0,0,0,0.5);filter:alpha(opacity=50);"
                        +"width:100%;height:100%;z-index:10000;'>点击右上角在浏览器中打开</div>";
                    document.body.appendChild(div);
                } else {
                    if (ua.indexOf("Android") > -1) {
                        //直接下载apk
                        //window.location="apk地址";
                    } else if (ua.indexOf("iPhone") > -1 || ua.indexOf("iPad") > -1
                        || ua.indexOf("iPod") > -1) {
                        //直接进入appstore
                        //window.location="appstore地址";
                    }
                }
            }
        }, 5000);

    //shareinstall初始化，初始化时将与shareinstall服务器交互，应尽可能早的调用
    /*web页面向app传递的json数据(json string/js Object)，应用被拉起或是首次安装时，通过相应的
     android/ios api可以获取此数据*/
    var data = ShareInstall.parseUrlParams();//shareinstall.js中提供的工具函数，解析url中的所有查询参数
    new ShareInstall({
        appKey : 'K2BK7B6HH7F7R2',
        onready : function() {
            //shareinstall已成功回调，清除定时器
            clearTimeout(timer);
            timer = null;

            var m = this, button = document.getElementById("downloadButton");
            button.style.visibility = "visible";

            /*用户点击某个按钮时(假定按钮id为downloadButton)，安装app*/
            button.onclick = function() {
                m.wakeupOrInstall();
            }

            /* 若需要在已安装app的情况下，打开该页面直接提示拉起app，则放开下面这一行代码 */
            //m.schemeWakeup();
        }
    }, data);
</script>