有AdMob支持Flutter web嗎？

Question

有AdMob支持Flutter web嗎？ 我找到的所有庫僅適用於 Android 和 IOS

Answer 1

如下圖所示，web 不支持 Google Admobe，因此您不能將其用於 flutter web 或其他 web 框架。

另一方面，您可以使用adsense並將廣告設置為 flutter web，我找到了將 Adsense 用作 HTML（使用 IFrameElement）的解決方案

首先創建一個 html 文件 adview.html

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:inline-block;width:320px;height:80px"
     data-ad-client="ca-pub-xxxxxx"
     data-ad-slot="xxxxxxx"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

然后，使用 HTML 的 IFrameElement：

import 'dart:html';
import 'dart:ui' as ui;
import 'package:flutter/material.dart';

Widget adsenseAdsView() {
  // ignore: undefined_prefixed_name
  ui.platformViewRegistry.registerViewFactory(
      'adViewType',
      (int viewID) => IFrameElement()
        ..width = '320'
        ..height = '100'
        ..src = 'adview.html'
        ..style.border = 'none');

  return SizedBox(
    height: 100.0,
    width: 320.0,
    child: HtmlElementView(
      viewType: 'adViewType',
    ),
  );
}

Answer 2

firebase_admob現在已棄用，取而代之的是google_mobile_ads ，它們都不支持 flutter web。 但是，您可以在使用 Google Adsense 的網站上使用展示廣告。

您可以創建一個空白的 web 頁面並添加廣告並在 HTML 頁面中嵌入 flutter 應用程序。

參考：

谷歌的AdSense

在網站中嵌入 flutter App