Android & iOS – Flutter Integration

Monetarisieren Sie Ihre Flutter-App auf Android und iOS mit AdWol-Anzeigen. Eine einzige Dart-Komponente, keine nativen Abhängigkeiten. Die App-ID wird automatisch erkannt und erscheint in Ihrer Publisher-Statistik.

1
Abhängigkeiten hinzufügen

Fügen Sie folgende Pakete in Ihre pubspec.yaml ein:

dependencies:
  flutter:
    sdk: flutter
  webview_flutter: ^4.0.0
  package_info_plus: ^4.0.0

Danach ausführen:

flutter pub get
2
Widget-Datei herunterladen

Laden Sie die fertige Dart-Komponente herunter und legen Sie sie in Ihr Projektverzeichnis, z.B. unter lib/adwol_ad_widget.dart.

adwol_ad_widget.dart herunterladen
3
Plattform-Konfiguration

Android – AndroidManifest.xml

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

iOS – Info.plist

<key>NSAppTransportSecurity</key>
<dict>
  <key>NSAllowsArbitraryLoads</key>
  <true/>
</dict>
4
Widget einbinden

Importieren Sie die Datei und fügen Sie das Widget an beliebiger Stelle in Ihrem Widget-Tree ein. Ersetzen Sie IHRE_PUBLISHER_ID durch Ihre ID aus dem Benutzerbereich.

import 'adwol_ad_widget.dart';

// Banner – volle Breite, 50px Höhe
AdWolBanner(
  publisherId: 'IHRE_PUBLISHER_ID',
  keywords: 'sport, fitness',      // optional: Kontext-Keywords
)
5
Vollständiges Beispiel
import 'package:flutter/material.dart';
import 'adwol_ad_widget.dart';

class MyHomePage extends StatelessWidget {
  const MyHomePage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Meine App')),
      body: Column(
        children: [
          Expanded(
            child: ListView(
              children: const [
                // ... Ihr Inhalt ...
              ],
            ),
          ),
          // Banner am unteren Rand
          AdWolBanner(
            publisherId: 'IHRE_PUBLISHER_ID',
          ),
        ],
      ),
    );
  }
}