MAUI Blazor 混合动力车 Admob

Question

我有一个 MAUI Blazor 混合移动应用程序，我想添加 Admob 广告。 我在 XAML 中找到了一种方法： https://www.mauiexpert.it/admob-for-maui-made-easy/

但我想将此类功能包装到 Blazor 组件中，以便在我的 Blazor 页面中轻松重用它。

是的，理论上我可以使用 Google AdSense，但从我读到的内容来看，AdMob 比 AdSense 提供了更好的 PPC。

有没有办法实现这一目标？

Answer 1

经过一番研究，我得出了这个结论。

Google 允许仅针对一个特定用例在 WebView 中显示广告，当您有一个包含 Adsense 广告的网站并且您只想在 WebView 控件中显示您的应用程序中的网站时。

来源： https://developers.google.com/ad-manager/mobile-ads-sdk/android/webview

对于该特定情况，您将注册您的 webview。安装 Nuget package: Xamarin.GooglePlayServices.Ads.Lite并在MainPage.xaml.cs内放置：

#if ANDROID
using Android.Gms.Ads;
#endif

using Microsoft.AspNetCore.Components.WebView;
using Microsoft.AspNetCore.Components.WebView.Maui;

namespace SatisFIT.Client.App;

public partial class MainPage : ContentPage {
    public MainPage() {
        InitializeComponent();

        blazorWebView.BlazorWebViewInitialized += BlazorWebViewOnBlazorWebViewInitialized;
    }

    private void BlazorWebViewOnBlazorWebViewInitialized(object? sender, BlazorWebViewInitializedEventArgs e) {
#if ANDROID
        MobileAds.RegisterWebView(e.WebView);
#endif
    }

之后你把谷歌文档中提到的meta-data标签放到AndroidManifest.xml <application>标签中，比如：

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android">
<application android:allowBackup="true" android:icon="@mipmap/appicon" android:roundIcon="@mipmap/appicon_round" android:supportsRtl="true">
    <!-- Bypass APPLICATION_ID check for WebView API for Ads -->
    <meta-data
        android:name="com.google.android.gms.ads.INTEGRATION_MANAGER"
        android:value="webview"/>
</application>

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

</manifest>

但正如我已经提到的，我们不能仅将它用于嵌入 HTML 的 adsense 广告并将其包装到简单的组件中。

有潜在的解决方法。 但如果谷歌发现，他们可能会禁用您的广告帐户。 解决方法是创建自定义WebView控件，然后使用e.WebView.SetWebViewClient(new CustomWebViewClient());注册该控件。 内部方法BlazorWebViewOnBlazorWebViewInitialized并在那里实现请求拦截。 因此，当 adsense JS 想要调用https://googleads.g.doubleclick.net时，您会拦截此请求，然后在其中替换 (2x) 本地 url: 0.0.0.0到 url 的 GET 参数，您的网站在哪里adsense 允许，理论上你会收到广告的回复。

可能没有其他方法可以将广告包装到 Blazor 组件中的 Blazor Hybrid 中，因为您无法将 XAML 嵌入到 blazor 中，这就是为什么在您的 MAUI Blazor 应用程序中显示谷歌广告的唯一方法是使用 Blazor libraryMa813662588

有了这个，我们可以创建 XAML 广告，我们可以将它放在我们的BlazorWebView组件上，这样它就会与它的一部分重叠。