Start on google adsense

Author: NangiDev

lib/widgets/ad/mobile_ad_widget.dart

@@ -0,0 +1,27 @@
+import 'package:flutter/material.dart';
+
+class MobileAdWidget extends StatelessWidget {
+  const MobileAdWidget({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      margin: const EdgeInsets.symmetric(vertical: 16),
+      decoration: BoxDecoration(
+        color: Colors.grey[300],
+        border: Border.all(color: Colors.black26),
+        borderRadius: BorderRadius.circular(8),
+      ),
+      child: const Center(
+        child: Text(
+          'Dummy Ad Banner',
+          style: TextStyle(
+            fontSize: 16,
+            color: Colors.black54,
+            fontWeight: FontWeight.bold,
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/widgets/ad/my_ads.dart

@@ -1,5 +1,7 @@
+import 'package:doffa/widgets/ad/mobile_ad_widget.dart';
+import 'package:doffa/widgets/ad/web_ad_widget.dart';
 import 'package:doffa/widgets/my_container.dart';
-import 'package:doffa/widgets/text/my_montserrat.dart';
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 
 class MyAds extends StatelessWidget {
@@ -12,17 +14,7 @@ class MyAds extends StatelessWidget {
         double maxWidth = constraints.maxWidth;
         return MyContainer(
           maxWidth: maxWidth,
-          child: Padding(
-            padding: const EdgeInsets.symmetric(vertical: 32, horizontal: 16),
-            child: Center(
-              child: MyMontserrat(
-                maxWidth: maxWidth,
-                text: "Google Ads",
-                sizeFactor: 12,
-                fontWeight: FontWeight.w400,
-              ),
-            ),
-          ),
+          child: kIsWeb ? WebAdWidget() : MobileAdWidget(),
         );
       },
     );

lib/widgets/ad/web_ad_widget.dart

@@ -0,0 +1,29 @@
+import 'package:flutter/material.dart';
+
+class WebAdWidget extends StatelessWidget {
+  const WebAdWidget({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      width: 320,
+      height: 100,
+      margin: const EdgeInsets.symmetric(vertical: 16),
+      decoration: BoxDecoration(
+        color: Colors.grey[300],
+        border: Border.all(color: Colors.black26),
+        borderRadius: BorderRadius.circular(8),
+      ),
+      child: const Center(
+        child: Text(
+          'Dummy Ad Banner',
+          style: TextStyle(
+            fontSize: 16,
+            color: Colors.black54,
+            fontWeight: FontWeight.bold,
+          ),
+        ),
+      ),
+    );
+  }
+}

web/index.html

@@ -25,6 +25,8 @@
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-status-bar-style" content="black">
   <meta name="apple-mobile-web-app-title" content="doffa">
+  <meta name="google-adsense-account" content="ca-pub-9440501180660894">
+
   <link rel="apple-touch-icon" href="icons/Icon-192.png">
 
   <!-- Favicon -->