让网站用户知道有一个iOS应用程序可用

时间:2012-08-10 20:05:35

标签: iphone html css ios ipad

在iOS6中,有一种简单的方法可以让用户在访问您的网站并在iOS设备上时下载您的应用程序。

(我知道如何检测用户代理,编写js等等。只是想看看是否有人为此编写了一个快速好的库。)

但是,既然目前还没有,那么有什么好的解决方案让我们的用户知道我们有一个应用程序,让他们下载它吗?但是,如果他们已下载该消息,或者关闭该对话框,则永远不再显示该消息?

修改 这是我过去使用的,但删除它,因为我觉得这对用户来说很烦人。只是寻找轻量级的例子。

/**
 * Checks if this device is an iphone
 *
 * @version $Revision: 0.1
 */
puc.isIphone = function(){
    return (
        (navigator.platform.indexOf("iPhone") != -1) ||
        (navigator.platform.indexOf("iPod") != -1)
    );
}//end


/**
 * Checks if this device is an ipad
 *
 * @version $Revision: 0.1
 */
puc.isIpad = function(){
    return (navigator.platform.indexOf("iPad") != -1);
}//end

/**
* Function that checks if we are using a mobile browser and presents an option to view a differnt site
*
* @access public
*/
puc.mobile = function() {

    if (puc.isIphone() || puc.isIpad()) {

        // Add link to remove cookie
        $('#copyright').append('<p><a id="remove-iphone-cookie">Reset Mobile Preferences</a></p>');

        // Allow Deleting of the cookie
        $('#remove-iphone-cookie').click(function() {
            $.cookie('use_mobile', null);
            alert('Preferences have been reset.');
            return false;
        });

        if ($.cookie('use_mobile') == null) {

            var conf = confirm('Would you like to download the PUC Mobile iOS app?');
            if (conf) {
                document.location = 'http://itunes.apple.com/us/app/puc/id424617272?mt=8&ls=1';
                $.cookie('use_mobile', 'true');
            } else {
                // Never ask them again, unless they empty their cookies
                $.cookie('use_mobile', 'false');    
            }

        }//end

    }//end if mobile

}//end mobile

3 个答案:

答案 0 :(得分:1)

问题的第一部分很简单,您可以在浏览器上检测用户代理(用于iPhone,iPod,iPad等的服务...更多信息:http://p2p.wrox.com/content/articles/identifying-iphone-safari-user-agent

你的问题的第二部分是你会出现的问题。您将无法确定用户是否安装了应用程序,因为Apple不会在其生态系统之外共享任何用户信息(尤其是在Web上)。因此,您需要至少在第一次向所有用户显示信息。然后你可以设置一个cookie来跟踪他们看到过的信息,但是不能保证这个cookie会持续多久。

祝你好运!

答案 1 :(得分:0)

一旦检测到iOS设备(例如第二个示例)(http://www.w3schools.com/js/js_popup.asp),您可以随时发送一个使用JavaScript的确认提醒,而不是'你按下了确定'重定向到AppStore URL并将自动在AppStore中打开

答案 2 :(得分:0)

好吧,你可以看看是否安装了应用程序。

如果应用程序侦听自定义网址方案,您只需尝试使用它打开网址,如果浏览器仍然在页面上设置超时,则不会安装。这是您实现打开应用程序或应用程序商店的链接。

这很棘手,因为如果确实安装了应用程序就无法取消,该链接将始终打开您的应用。