Comment insérer une annonce graphique Adsense dans Flutter Web

Question

J'ai créé une annonce display fixe de 320 pixels * 60 pixels. Comment puis-je insérer dans Flutter Web où je veux? Voici le code que j'ai obtenu d'adsense:

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

Ou est-il possible de faire en sorte que le flutter n'occupe pas les 60 pixels du bas de l'écran et y insère l'annonce adsense en manipulant d'une manière ou d'une autre le flt-glass-pane?

Je cherche un moyen d'insérer des annonces AdSense sur un site Web mobile intégré à Flutter-Web

Answer 1

J'ai pu insérer des annonces dans la vue de liste dans flutter-web comme ci-dessous: Création d'un fichier 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>

Et puis, un IFrameElement pour utiliser le html:

// ignore: avoid_web_libraries_in_flutter
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',
    ),
  );
}

Ensuite, nous pouvons ajouter le widget de la fonction adsenseAdsView () où nous voulons. Je l'ai ajouté dans ListView.