صندوق المؤلف


ناقش مشروعك

من نحن

نحن شريك Microsoft Gold مع وجودها في جميع أنحاء الولايات المتحدة والهند. نحن مزود خدمات تقنية معلومات ديناميكي ومهني يخدم المؤسسات والشركات الناشئة ، ويساعدها على مواجهة تحديات الاقتصاد العالمي. نحن نقدم خدمات في مجال استشارات إدارة علاقات العملاء وتنفيذها ، وتطوير التطبيقات ، وتطوير تطبيقات الهاتف المحمول ، وتطوير الويب ، والتطوير الخارجي.

تعلن Admob عن تطبيق Flutter

كيفية تنفيذ إعلانات Admob على تطبيقات Flutter

By سوبود درموان / 27 يناير 2020

3 نوفمبر، 2023
كيفية تنفيذ إعلانات Admob على تطبيقات Flutter

تصور هذا: لقد قمت بتطوير تطبيق Flutter الرائع، وهو جاهز لغزو العالم الرقمي. لقد وضعت قلبك وروحك فيه، مما أدى إلى إنشاء شيء ليس مذهلًا بصريًا فحسب، بل عمليًا أيضًا بشكل لا يصدق. ولكن ما هو المفقود؟ طريقة لتحقيق الدخل من عملك الشاق، بالطبع! وهنا يأتي دور AdMob، النظام الأساسي لإعلانات الجوال من Google.

إذا كنت تتساءل عن كيفية دمج إعلانات AdMob بسلاسة في تطبيق Flutter، فقد وصلت إلى المكان الصحيح. يعد تحقيق الدخل من تطبيقك خطوة ذكية، ونحن هنا لإرشادك خلال هذه العملية. لذلك، دعونا نشمر عن سواعدنا ونتعمق في عالم AdMob وFlutter، حيث توشك الإيرادات المحتملة لتطبيقك على الحصول على دفعة.

فيما يلي العملية خطوة بخطوة لكيفية تنفيذ إعلانات Admob على تطبيقات Flutter.

 admob_flutter: ^0.3.2 من خلال زيارة https://pub.dev/.

ستوضح لك هذه المدونة التعليمية كيفية تنفيذ أو عرض إعلان بانر باستخدام المكون الإضافي admob_flutter. 

اتبع الخطوات: 

 1. فتح الخاص Pubspec.yaml

 2. قم بتضمين حزمة admob_flutter بإضافة admob_flutter: ^ 0.3.2  في ملف pubspec.yaml. 

 3. تثبيت الحزمة من سطر الأوامر الحصول على حانة رفرفة $ 

 4. أنت الآن بحاجة إلى إنشاء معرف التطبيق لـ admob، يمكنك التحقق من الرابط ويمكنك الحصول على معرف التطبيق https://developers.google.com/admob 

 5. قم بتكوين التطبيق بمعرف حساب admob الذي يمكن استخدامه داخل مشروعنا. على سبيل المثال، "Ca-app-pub-3940256099942544/6300978111 ” 

أضف الآن هذا المعرف لكل من النظام الأساسي (Android و iOS) في مشروع الرفرفة الخاص بك. بالنسبة لنظام Android ، نحتاج إلى إضافة هذا العنصر إلى ملف البيان كما هو موضح أدناه. 

 <meta-data
android:name="com.google.android.gms.ads.APPLICATION_ID"
android:value="ca-app-pub-3940256099942544~1458002511"/>

 6. بالنسبة لنظام التشغيل iOS، نحتاج إلى إضافة نفس المعرف بداخله info.plist ملف.   

<key&GADApplicationIdentifier</key>
<string>ca-app-pub-3940256099942544~1458002511</string> 

 7. الآن قم باستيراد الحزمة وتهيئة إضافة mob.  

 استيراد "الحزمة: admob_flutter / admob_flutter.dart" ؛ 

 8. الآن تم الانتهاء من إعداد التكوين ، يمكننا أن نبدأ بالإعلانات. تدعم حزمة flutter_admob ثلاثة أنواع مختلفة من الإعلانات التي يمكن تنفيذها - بانر وإعلان بيني ومكافأة. 

 9. شعار AdMob

يسمح لنا إعلان AdMob بعرض إعلان على شكل لافتة داخل التطبيق. يمكننا استخدام هذا عن طريق إضافة أداة AdMobBanner مباشرة إلى شجرة الأدوات لدينا. عندما ينقر المستخدم عليها ، سوف يأخذ المستخدم إلى وجهة الإعلان. 

AdmobBanner(adUnitId: "ca-app-pub-3940256099942544/6300978111", 
adSize: AdmobBannerSize.LARGE_BANNER)

     معرف الوحدة – الإعلان الذي نريد عرضه.
     adSize - هذا هو حجم الإضافة. هناك نوع مختلف من حجم البانر
 

بانر - مقاس 320 * 50
   LARGE_BANNER - مقاس 320 * 100
   MEDIUM_RECTANGLE - مقاس 320 * 250
   FULL_BANNER - مقاس 468 * 60
   ليدربورد - مقاس 728 * 90
   SMART_BANNER - يمكن وضع هذا الشعار داخل أي حجم للحاوية. 

المستمع- المستمع هو الاستماع إلى الحدث الذي يحدث حول لافتة adMob. يوفر لنا رد الاتصال لهذا المستمع نسخة من AdmobAdEvent. 

يمكن أن يكون AdmobAdEvent كما يلي: 

تم تحميله ، فتحه ، إغلاقه ، فشل التحميل ، النقر عليه ، ظهور ، ترك التطبيق ، مكتمل ، مكافأة ، بدأ. 

10. الإعلان البيني: هذا إعلان بملء الشاشة يتم عرضه للمستخدم. لإضافة هذا ، نحتاج إلى تهيئة AdmobInterstitial. لإظهار كيف يمكننا تهيئته ، قمت بكتابة جزء صغير من التعليمات البرمجية أدناه. يمكنك التحقق من ذلك. التي ترجع AdmobInterstitial ، أضف أيضًا المستمع للاستماع إلى AdmobAdEvent. لتحميل مثيل إعلاننا ، يتعين علينا استدعاء وظيفة load ().
 

11 _ AdMob interstitial.load () ؛

نظرًا لأننا لا نريد عرض هذا الإعلان للمستخدم حتى يتم تحميله بالكامل ، يتعين علينا مراقبة حالة الإعلان ، إذا تم تحميل الإعلان بالكامل ، فإننا نسمي وظيفة show () لعرض الإعلان للمستخدم .

أخيرًا، انتهينا من الإعلان الآن ونحتاج إلى استدعاء تخلص() وظيفة تنظيف

12. إعلان مكافأة  

يمكن تشغيل إعلان المكافأة إذا كنت ترغب في منح بعض المكافآت للمستخدم لمشاهدة الإعلان المعروض على الشاشة. لإظهار إعلان المكافأة ، تحتاج إلى إنشاء مثيل جديد لفئة AdmobReward وأشياء أخرى مماثلة للإعلان البيني. إذا أكمل المستخدم الإعلان ، فإن أنواع AdmobEvent. Rewarded تسمح لنا بتلقي إشعار عندما يكافأ المستخدم على مشاهدة الإعلان. 

أيضا ، اقرأ: أهم النصائح لبناء تطبيقات جوال آمنة

الخلاصة:

ونحن نسد الستائر على AdMob في رحلتك داخل عالم Flutter، لديك الآن المفاتيح اللازمة لإطلاق العنان لإمكانات الإيرادات من تطبيق الهاتف المحمول الخاص بك. يوفر AdMob، بفضل تكامله سهل الاستخدام وإمكاناته القوية لتحقيق الدخل، سيناريو مربحًا لك وللمستخدمين.

من خلال تنفيذ إعلانات AdMob بشكل استراتيجي، فإنك لا تقوم فقط بإضافة الدولارات إلى صافي أرباحك؛ أنت أيضًا تعمل على تحسين تجربة المستخدم. إنه توازن دقيق، عندما يتم تنفيذه بشكل صحيح، يمكن أن يحول تطبيقك من مشروع شغوف إلى مشروع مربح.

لذا، لا تتردد. خذ ما تعلمته هنا، واستكشف الإمكانيات التي لا نهاية لها في عالم AdMob وFlutter، وشاهد تطبيقك يزدهر، سواء من حيث الأداء الوظيفي أو النجاح المالي. إليكم المستقبل المشرق والمربح لتطبيقك!

[sc name = "تطوير تطبيقات الجوال"]

تصور هذا: لقد قمت بتطوير تطبيق Flutter الرائع، وهو جاهز لغزو العالم الرقمي. لقد وضعت قلبك وروحك فيه، مما أدى إلى إنشاء شيء ليس مذهلًا بصريًا فحسب، بل عمليًا أيضًا بشكل لا يصدق. ولكن ما هو المفقود؟ طريقة لتحقيق الدخل من عملك الشاق، بالطبع! وهنا يأتي دور AdMob، النظام الأساسي لإعلانات الجوال من Google.

إذا كنت تتساءل عن كيفية دمج إعلانات AdMob بسلاسة في تطبيق Flutter، فقد وصلت إلى المكان الصحيح. يعد تحقيق الدخل من تطبيقك خطوة ذكية، ونحن هنا لإرشادك خلال هذه العملية. لذلك، دعونا نشمر عن سواعدنا ونتعمق في عالم AdMob وFlutter، حيث توشك الإيرادات المحتملة لتطبيقك على الحصول على دفعة.

فيما يلي العملية خطوة بخطوة لكيفية تنفيذ إعلانات Admob على تطبيقات Flutter.

 admob_flutter: ^0.3.2 من خلال زيارة https://pub.dev/.

ستوضح لك هذه المدونة التعليمية كيفية تنفيذ أو عرض إعلان بانر باستخدام المكون الإضافي admob_flutter. 

اتبع الخطوات: 

 1. فتح الخاص Pubspec.yaml

 2. قم بتضمين حزمة admob_flutter بإضافة admob_flutter: ^ 0.3.2  في ملف pubspec.yaml. 

 3. تثبيت الحزمة من سطر الأوامر الحصول على حانة رفرفة $ 

 4. أنت الآن بحاجة إلى إنشاء معرف التطبيق لـ admob، يمكنك التحقق من الرابط ويمكنك الحصول على معرف التطبيق https://developers.google.com/admob 

 5. قم بتكوين التطبيق بمعرف حساب admob الذي يمكن استخدامه داخل مشروعنا. على سبيل المثال، "Ca-app-pub-3940256099942544/6300978111 ” 

أضف الآن هذا المعرف لكل من النظام الأساسي (Android و iOS) في مشروع الرفرفة الخاص بك. بالنسبة لنظام Android ، نحتاج إلى إضافة هذا العنصر إلى ملف البيان كما هو موضح أدناه. 

 <meta-data
android:name="com.google.android.gms.ads.APPLICATION_ID"
android:value="ca-app-pub-3940256099942544~1458002511"/>

 6. بالنسبة لنظام التشغيل iOS، نحتاج إلى إضافة نفس المعرف بداخله info.plist ملف.   

<key&GADApplicationIdentifier</key>
<string>ca-app-pub-3940256099942544~1458002511</string> 

 7. الآن قم باستيراد الحزمة وتهيئة إضافة mob.  

 استيراد "الحزمة: admob_flutter / admob_flutter.dart" ؛ 

 8. الآن تم الانتهاء من إعداد التكوين ، يمكننا أن نبدأ بالإعلانات. تدعم حزمة flutter_admob ثلاثة أنواع مختلفة من الإعلانات التي يمكن تنفيذها - بانر وإعلان بيني ومكافأة. 

 9. شعار AdMob

يسمح لنا إعلان AdMob بعرض إعلان على شكل لافتة داخل التطبيق. يمكننا استخدام هذا عن طريق إضافة أداة AdMobBanner مباشرة إلى شجرة الأدوات لدينا. عندما ينقر المستخدم عليها ، سوف يأخذ المستخدم إلى وجهة الإعلان. 

AdmobBanner(adUnitId: "ca-app-pub-3940256099942544/6300978111", 
adSize: AdmobBannerSize.LARGE_BANNER)

     معرف الوحدة – الإعلان الذي نريد عرضه.
     adSize - هذا هو حجم الإضافة. هناك نوع مختلف من حجم البانر
 

بانر - مقاس 320 * 50
   LARGE_BANNER - مقاس 320 * 100
   MEDIUM_RECTANGLE - مقاس 320 * 250
   FULL_BANNER - مقاس 468 * 60
   ليدربورد - مقاس 728 * 90
   SMART_BANNER - يمكن وضع هذا الشعار داخل أي حجم للحاوية. 

المستمع- المستمع هو الاستماع إلى الحدث الذي يحدث حول لافتة adMob. يوفر لنا رد الاتصال لهذا المستمع نسخة من AdmobAdEvent. 

يمكن أن يكون AdmobAdEvent كما يلي: 

تم تحميله ، فتحه ، إغلاقه ، فشل التحميل ، النقر عليه ، ظهور ، ترك التطبيق ، مكتمل ، مكافأة ، بدأ. 

10. الإعلان البيني: هذا إعلان بملء الشاشة يتم عرضه للمستخدم. لإضافة هذا ، نحتاج إلى تهيئة AdmobInterstitial. لإظهار كيف يمكننا تهيئته ، قمت بكتابة جزء صغير من التعليمات البرمجية أدناه. يمكنك التحقق من ذلك. التي ترجع AdmobInterstitial ، أضف أيضًا المستمع للاستماع إلى AdmobAdEvent. لتحميل مثيل إعلاننا ، يتعين علينا استدعاء وظيفة load ().
 

11 _ AdMob interstitial.load () ؛

نظرًا لأننا لا نريد عرض هذا الإعلان للمستخدم حتى يتم تحميله بالكامل ، يتعين علينا مراقبة حالة الإعلان ، إذا تم تحميل الإعلان بالكامل ، فإننا نسمي وظيفة show () لعرض الإعلان للمستخدم .

أخيرًا، انتهينا من الإعلان الآن ونحتاج إلى استدعاء تخلص() وظيفة تنظيف

12. إعلان مكافأة  

يمكن تشغيل إعلان المكافأة إذا كنت ترغب في منح بعض المكافآت للمستخدم لمشاهدة الإعلان المعروض على الشاشة. لإظهار إعلان المكافأة ، تحتاج إلى إنشاء مثيل جديد لفئة AdmobReward وأشياء أخرى مماثلة للإعلان البيني. إذا أكمل المستخدم الإعلان ، فإن أنواع AdmobEvent. Rewarded تسمح لنا بتلقي إشعار عندما يكافأ المستخدم على مشاهدة الإعلان. 

أيضا ، اقرأ: أهم النصائح لبناء تطبيقات جوال آمنة

الخلاصة:

ونحن نسد الستائر على AdMob في رحلتك داخل عالم Flutter، لديك الآن المفاتيح اللازمة لإطلاق العنان لإمكانات الإيرادات من تطبيق الهاتف المحمول الخاص بك. يوفر AdMob، بفضل تكامله سهل الاستخدام وإمكاناته القوية لتحقيق الدخل، سيناريو مربحًا لك وللمستخدمين.

من خلال تنفيذ إعلانات AdMob بشكل استراتيجي، فإنك لا تقوم فقط بإضافة الدولارات إلى صافي أرباحك؛ أنت أيضًا تعمل على تحسين تجربة المستخدم. إنه توازن دقيق، عندما يتم تنفيذه بشكل صحيح، يمكن أن يحول تطبيقك من مشروع شغوف إلى مشروع مربح.

لذا، لا تتردد. خذ ما تعلمته هنا، واستكشف الإمكانيات التي لا نهاية لها في عالم AdMob وFlutter، وشاهد تطبيقك يزدهر، سواء من حيث الأداء الوظيفي أو النجاح المالي. إليكم المستقبل المشرق والمربح لتطبيقك!

خدمات تطوير تطبيقات الجوال

هل تريد الاستفادة من تكنولوجيا الهاتف المحمول لعملك؟ Cynoteck هو مزود خدمات تطوير تطبيقات الجوال وقفة واحدة. نحن نقدم خدمات تطوير تطبيقات iOS و Android حتى تتمكن من الوصول إلى جمهورك المستهدف على أي جهاز.

ضيف
0 التعليقات
التقيمات المضمنة
عرض جميع التعليقات
0
أحب أفكارك ، يرجى التعليق.x
()
x