Flutter Integration Guide

This document explains how to integrate the GliaPlayer Flutter SDK, a WebView-based video ad player, into a Flutter project.

---

Scenarios

Ads	Content Video

Requirements

• Flutter SDK >=3.3.0
• Dart SDK >=3.8
• Android minSdk 23+ (Required by GliaPlayer)
• iOS platform 14+ (Required by GliaPlayer)

---

Step 1: Add Google Mobile Ads SDK Dependencies

Modify pubspec.yaml, add dependencies

dependencies:
  google_mobile_ads: ^7.0.0

---

Step 2: Configure Google Mobile Ads SDK

2.1 Android

In android/app/src/main/AndroidManifest.xml, add this config:

<application>
    <meta-data
        android:name="com.google.android.gms.ads.INTEGRATION_MANAGER"
        android:value="webview"/>
</application>

2.2 Create PlatformView

In ios/Runner/Info.plist, add this config:

<dict>
	<key>GADIntegrationManager</key>
	<string>webview</string>
</dict>

---

Step 3: Initialization

3.1. Ensure that MobileAds is initialized in main.dart:

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await MobileAds.instance.initialize();
  runApp(MyApp());
}

3.2. Usage:

import 'package:gliaplayer/gliaplayer.dart';

// In your widget tree
Widget build(BuildContext context) {
  return Column(
    children: [
      // Other widgets...

      // GliaPlayer 
      GliaPlayer(
            androidSlotKey: 'gliacloud_app_test',
            iOSSlotKey: 'gliacloud_app_test',
        ),

      // Other widgets...
    ],
  );
}

---

Verification Steps

1. Run flutter clean && flutter pub get.
2. Run flutter run to run on device.
3. Confirm that the GliaPlayer is displaying correctly.

---

References

• Google Mobile Ads - WebView integration