如何透過無縫深度連結實現 Web to App 自動導流

<!DOCTYPE html>
<html lang="zh-TW">
<head>
    <meta charset="UTF-8">
    <title>旅遊活動登陸頁面</title>
    <!-- 使用 App ID 和參數設定 Apple 的原生 Smart App Banner -->
    <meta name="apple-itunes-app" content="app-id=123456789, app-argument=travelscheme://booking/flight_123">
</head>
<body>
    <h1>以零摩擦的啟用流程預訂您的航班</h1>
</body>
</html>

function openAppWithFallback(appSchemeUrl, downloadUrl) {
    var start = Date.now();
    var hasRedirected = false;

    // 觸發自定義 URL 方案
    window.location.href = appSchemeUrl;

    // 若應用程式未安裝，設定逾時導向至應用程式商店
    var fallbackTimer = setTimeout(function() {
        if (!hasRedirected && !document.hidden && !document.webkitHidden) {
            hasRedirected = true;
            window.location.href = downloadUrl;
        }
    }, 2500);

    // 監聽可見性變更。若應用程式成功開啟，清除逾時設定
    var handleVisibilityChange = function() {
        if (document.hidden || document.webkitHidden) {
            clearTimeout(fallbackTimer);
            hasRedirected = true;
        }
    };

    document.addEventListener("visibilitychange", handleVisibilityChange, false);
    document.addEventListener("webkitvisibilitychange", handleVisibilityChange, false);
    window.addEventListener("pagehide", function() {
        clearTimeout(fallbackTimer);
        hasRedirected = true;
    }, false);
}

package com.opoinstall.example

import android.os.Bundle
import android.util.Log
import androidx.appcompat.app.AppCompatActivity
import io.Opoinstall.api.Opoinstall
import io.Opoinstall.api.listener.ResultCallBack
import io.Opoinstall.api.model.OpData
import io.Opoinstall.api.model.OpError

class MainActivity : AppCompatActivity() {

    private val TAG = "OpoinstallWebToApp"

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        // 在首次啟動時非同步擷取動態延遲深度連結載荷
        Opoinstall.getInstance().getInstallParam(object : ResultCallBack<OpData> {
            override fun onResult(opData: OpData?) {
                if (opData != null && opData.data != null) {
                    val customData = opData.data // 傳回包含網頁參數的自定義 JSON 字串
                    val channelId = opData.channelCode // 傳回通路 ID
                    Log.d(TAG, "歸因已恢復: $customData, 通路: $channelId")
                    
                    // 繼續將使用者動態導向至產品頁面
                    routeUserToDestination(customData)
                } else {
                    Log.d(TAG, "未發現延遲參數。已觸發預設啟用程序。")
                }
            }

            override fun onError(error: OpError?) {
                Log.e(TAG, "歸因查詢失敗: ${error?.errorMsg}")
            }
        })
    }

    private fun routeUserToDestination(jsonData: String) {
        // 解析 JSON 並觸發應用程式內深度連結路由
    }
}