如何实现插屏广告点击后在App内置WebView而非浏览器打开？

嘿，这个需求我在不少项目里都遇到过，其实核心就是拦截广告的默认跳转行为，替换成打开自己的内置WebView。下面分Android和iOS两个主流平台给你具体讲讲实现步骤，都是经过实际验证的方案～

Android 平台实现 #

核心思路 #

1. 利用广告SDK提供的点击回调，拦截默认跳转
2. 获取广告的目标URL，传递给自定义的WebView页面
3. 配置WebView以支持广告页面的正常加载和内部跳转

代码示例（以AdMob为例） #

1. 拦截广告点击事件

首先初始化插屏广告，设置AdListener来拦截点击：

InterstitialAd interstitialAd = new InterstitialAd(context);
interstitialAd.setAdUnitId("你的广告单元ID");
interstitialAd.setAdListener(new AdListener() {
    @Override
    public void onAdClicked() {
        // 关键：不要调用super方法，阻止默认跳转
        // 从广告回调或自定义参数中获取目标URL（不同SDK获取方式可能不同）
        String targetUrl = "广告的目标链接";
        // 启动自定义WebView页面
        Intent webViewIntent = new Intent(context, CustomWebViewActivity.class);
        webViewIntent.putExtra("AD_TARGET_URL", targetUrl);
        context.startActivity(webViewIntent);
    }

    @Override
    public void onAdLoaded() {
        // 广告加载完成后显示
        if (interstitialAd.isLoaded()) {
            interstitialAd.show();
        }
    }
});
// 发起广告加载请求
interstitialAd.loadAd(new AdRequest.Builder().build());

2. 配置自定义WebView页面

创建CustomWebViewActivity，配置WebView以支持页面加载和内部跳转：

public class CustomWebViewActivity extends AppCompatActivity {
    private WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_web_view);
        
        webView = findViewById(R.id.web_view);
        WebSettings webSettings = webView.getSettings();
        
        // 开启JavaScript（广告页面通常需要）
        webSettings.setJavaScriptEnabled(true);
        // 开启DOM存储支持
        webSettings.setDomStorageEnabled(true);
        // 设置自适应屏幕
        webSettings.setUseWideViewPort(true);
        webSettings.setLoadWithOverviewMode(true);
        
        // 拦截页面内部跳转，继续用当前WebView打开
        webView.setWebViewClient(new WebViewClient() {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
                view.loadUrl(request.getUrl().toString());
                return true;
            }
        });
        
        // 获取传递的URL并加载
        String targetUrl = getIntent().getStringExtra("AD_TARGET_URL");
        if (targetUrl != null && !targetUrl.isEmpty()) {
            webView.loadUrl(targetUrl);
        }
    }
}

3. 必要权限配置

在AndroidManifest.xml中添加网络权限：

<uses-permission android:name="android.permission.INTERNET" />

iOS 平台实现 #

核心思路 #

1. 设置广告代理，拦截广告点击的URL回调
2. 初始化自定义的WKWebView（推荐，比UIWebView更高效）
3. 将目标URL传入WebView并处理内部跳转

代码示例（以AdMob为例） #

1. 拦截广告点击事件

在ViewController中初始化插屏广告并设置代理：

import GoogleMobileAds

class MainViewController: UIViewController, GADInterstitialDelegate {
    private var interstitialAd: GADInterstitial?

    override func viewDidLoad() {
        super.viewDidLoad()
        // 初始化插屏广告
        interstitialAd = GADInterstitial(adUnitID: "你的广告单元ID")
        interstitialAd?.delegate = self
        // 发起加载请求
        let adRequest = GADRequest()
        interstitialAd?.load(adRequest)
    }

    // 广告加载完成后显示
    func interstitialDidReceiveAd(_ ad: GADInterstitial) {
        ad.present(fromRootViewController: self)
    }

    // 拦截广告点击的URL
    func interstitial(_ ad: GADInterstitial, didReceiveClickWithURL url: URL) {
        // 阻止默认跳转，打开自定义WebView页面
        let webVC = CustomWebViewController()
        webVC.targetURL = url
        self.present(webVC, animated: true)
    }
}

2. 配置自定义WebView页面

创建CustomWebViewController，使用WKWebView加载页面：

import WebKit

class CustomWebViewController: UIViewController, WKNavigationDelegate {
    var targetURL: URL?
    private var webView: WKWebView!

    override func viewDidLoad() {
        super.viewDidLoad()
        // 初始化WKWebView
        webView = WKWebView(frame: view.bounds)
        webView.navigationDelegate = self
        view.addSubview(webView)
        
        // 设置自适应布局
        webView.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            webView.topAnchor.constraint(equalTo: view.topAnchor),
            webView.bottomAnchor.constraint(equalTo: view.bottomAnchor),
            webView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
            webView.trailingAnchor.constraint(equalTo: view.trailingAnchor)
        ])
        
        // 加载目标URL
        if let url = targetURL {
            webView.load(URLRequest(url: url))
        }
    }

    // 拦截页面内部跳转，继续用当前WebView打开
    func webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: @escaping (WKNavigationActionPolicy) -> Void) {
        guard let url = navigationAction.request.url else {
            decisionHandler(.cancel)
            return
        }
        webView.load(URLRequest(url: url))
        decisionHandler(.allow)
    }
}

3. 必要配置（Info.plist）

如果广告URL包含HTTP协议（非HTTPS），需要在Info.plist中添加App Transport Security例外：

<key>NSAppTransportSecurity</key>
<dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
</dict>

注意：如果可以确定广告URL都是HTTPS，建议只添加对应域名的例外，避免全局关闭ATS带来的安全风险。

通用注意事项 #

• 广告SDK兼容性：不同广告平台的SDK回调方式可能略有不同，比如穿山甲、优量汇等，需要参考对应平台的官方文档找到拦截点击的方法。
• URL容错处理：要处理目标URL为空或无效的情况，避免WebView加载出错。
• 合规性检查：部分广告平台可能对跳转方式有要求，建议先查看平台的广告政策，确保不会违反规则。
• WebView性能优化：Android注意WebView的版本兼容性，iOS优先使用WKWebView，同时可以开启缓存提升加载速度。

内容的提问来源于stack exchange，提问作者Arpan Saha