如何引導網頁使用者轉換到 APP

參考至 GOMAJI 作法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>取得GOMAJI應用程式</title>
    <meta name="description" content="GOMAJI 夠麻吉每天提供 5 折以下牛排、燒烤、旅遊、SPA..等吃喝玩樂團購商品" />
    <meta name="keywords" content="團購,美食,旅遊,SPA,折扣,優惠,好康" />
    <meta name="author" content="GOMAJI" />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" name="viewport">
    <link rel="apple-touch-icon" href="/img/apple-touch-icon.png?1373971368" />
    <link href="/style/app_download.css" rel="stylesheet" type="text/css" />
    <link href="/style/app_rdl.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class=" f app-box">
    <div class="f appTitle">取得<span class="gomaji">GOMAJI</span>應用程式</div>
    <div class="app-info">
        <img src="/img/download_logo.png"  />

        <ul class="rt">
            <li class="prink">全台最大團購app </li>
            <li> 每日好康通知、個人最愛收藏、購買記錄隨時查看</li>
            <li> 功能齊全，輕鬆掌握超值優惠，好看好買更好用！</li>
        </ul>
    </div>
    <div class="f phone"><img src="/img/phone.png"  /></div>
    <div class="fidex">
        
        <div class="f gray">
            <span class="imbox"><img src="/img/appstore.jpg" /></span>
        </div>
        <div class="f white">
            <div class="f bottom"><a href="javascript:void(0);" class="app_link">下載應用程式</a></div>
            <div class="t">或前往<span class="b"><a href="http://mweb.gomaji.com/index.php?v=idx">行動網站</a></span></div>
        </div>
    </div>
</div>
<script type="text/javascript" src="/js/jQuery/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="/js/gomaji_ywa.min.js?20140828"></script>
<script type="text/javascript">
    $().ready(function(){
        setTimeout(function() { window.scrollTo(0, 1) }, 1000);

        if (/iphone|ipad/i.test(navigator.userAgent.toLowerCase())) {
            $('.app_link').attr("href", 'http://ad.apps.fm/GGPc4I6ZdPEQb0SF_4Dn-vE7og6fuV2oOMeOQdRqrE2iVZ9Xrk92sXQiBJ8jU9RDIkMxTltrBHUMW9thY9WUuGQb6eF6l3TPzU-oQ3UaNT8J9Y24cK3kHg4x724G5r605_M00-QwBtTinOomfnrPeA');
        } else if (/android/i.test(navigator.userAgent.toLowerCase())) {
            $('.app_link').attr("href", 'http://ad.apps.fm/DT26ozMbV6ZvirUPkfA2sV5KLoEjTszcQMJsV6-2VnHFDLXitVHB6BlL95nuoNYfl39RhEbHQ_upHM8zOKxprUvovINj4zYFLVEHxNOGCbCnr3R134JAR-ce0BGUybTW_HgdRm_PONTAZ8O8c5BjHe0hxVXQlXZywn9U9fFeP08m49gWofSeFh9SrOuTKrcZMda1JBhVUDJka70lHpARQQ');
        } else {
            location.href = 'http://mweb.gomaji.com/index.php?v=idx';
        }

        /* YWA*/
        try { doYWA(); doAppPage(); } catch(e) {}
        $('.app_link').click(function() {
            try { doDownload('MobileInstall'); } catch(e) {}
        });
    });

</script>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>取得GOMAJI應用程式</title>

</head>

<body>

<div class="f appTitle">取得<span class="gomaji">GOMAJI</span>應用程式</div>

<li class="prink">全台最大團購app </li>

<li> 每日好康通知、個人最愛收藏、購買記錄隨時查看</li>

<li> 功能齊全，輕鬆掌握超值優惠，好看好買更好用！</li>

</ul>

</div>

</div>

<div class="f bottom"><a href="javascript:void(0);" class="app_link">下載應用程式</a></div>

</div>

$().ready(function(){

setTimeout(function() { window.scrollTo(0, 1) }, 1000);

if (/iphone|ipad/i.test(navigator.userAgent.toLowerCase())) {

$('.app_link').attr("href", 'http://ad.apps.fm/GGPc4I6ZdPEQb0SF_4Dn-vE7og6fuV2oOMeOQdRqrE2iVZ9Xrk92sXQiBJ8jU9RDIkMxTltrBHUMW9thY9WUuGQb6eF6l3TPzU-oQ3UaNT8J9Y24cK3kHg4x724G5r605_M00-QwBtTinOomfnrPeA');

} else if (/android/i.test(navigator.userAgent.toLowerCase())) {

$('.app_link').attr("href", 'http://ad.apps.fm/DT26ozMbV6ZvirUPkfA2sV5KLoEjTszcQMJsV6-2VnHFDLXitVHB6BlL95nuoNYfl39RhEbHQ_upHM8zOKxprUvovINj4zYFLVEHxNOGCbCnr3R134JAR-ce0BGUybTW_HgdRm_PONTAZ8O8c5BjHe0hxVXQlXZywn9U9fFeP08m49gWofSeFh9SrOuTKrcZMda1JBhVUDJka70lHpARQQ');

} else {

location.href = 'http://mweb.gomaji.com/index.php?v=idx';

}

/* YWA*/

try { doYWA(); doAppPage(); } catch(e) {}

$('.app_link').click(function() {

try { doDownload('MobileInstall'); } catch(e) {}

});

</script>

</body>

</html>

進網站時偵測到行動裝置用戶即切換到此網頁
提供下載 APP 連結
APP 連結必須根據 Android, IOS 跳轉到不同商城網址

1,092 total views, 2 views today

如何引導網頁使用者轉換到 APP

Related Post

發佈留言

如何引導網頁使用者轉換到 APP

Related Post

JavaScript

使用 DNS 解決 CDN 差異問題

使用 .htaccess 設定無法使用 ini_set() 的參數

發佈留言