باستخدام الإعلانات المدمجة مع المحتوى، يمكنك تخصيص إعلاناتك، ما يؤدي إلى تحسين تجربة المستخدم. يمكن أن تؤدي تجارب المستخدمين الأفضل إلى زيادة التفاعل وتحسين العائد الإجمالي.
للاستفادة إلى أقصى حدّ من الإعلانات المدمجة مع المحتوى، من المهم تصميم تخطيطات إعلاناتك بطريقة تبدو وكأنّها امتداد طبيعي لتطبيقك. ولمساعدتك في البدء، أنشأنا "نماذج الإعلانات المدمجة مع المحتوى".
"نماذج الإعلانات المدمجة مع المحتوى" هي طرق عرض كاملة الرموز البرمجية للإعلانات المدمجة مع المحتوى، وهي مصمّمة لتنفيذ الإعلانات بسرعة وتعديلها بسهولة. باستخدام "نماذج الإعلانات المدمجة مع المحتوى"، يمكنك عرض إعلانك الأول المدمج مع المحتوى في بضع دقائق فقط، ويمكنك تخصيص مظهره بسرعة بدون الحاجة إلى الكثير من الرموز البرمجية. يمكنك وضع هذه النماذج في أي مكان تريده، مثل طريقة عرض قابلة لإعادة الاستخدام مستخدَمة في خلاصة الأخبار أو في مربّع حوار أو في أي مكان آخر في تطبيقك.
يتم توفير النماذج الأصلية كوحدة في "استوديو Android"، ما يسهّل تضمينها في مشروعك واستخدامها بالطريقة التي تريدها.
أحجام النماذج
يتوفّر نموذجان: صغير ومتوسط. يستخدم كلاهما الفئة TemplateView، وكلاهما له نسبة عرض إلى ارتفاع ثابتة. وسيتم تغيير حجمها لملء عرض طرق العرض الرئيسية.
نموذج صغير
@layout/gnt_small_template_view
يكون النموذج الصغير مثاليًا لعناصر العرض المتكرّرة أو في أي وقت تحتاج فيه إلى عرض إعلان مستطيل طويل. على سبيل المثال، يمكنك استخدامها للإعلانات ضمن الخلاصة.

نموذج متوسط
@layout/gnt_medium_template_view
تم تصميم نموذج الوسائط ليكون نصف صفحة إلى ثلاثة أرباع صفحة، ولكن يمكن استخدامه أيضًا في الخلاصات. وهي مناسبة للصفحات المقصودة أو صفحات البداية.
يمكنك تجربة مواضع مختلفة. بالطبع، يمكنك أيضًا تغيير الرمز المصدري وملفات XML لتناسب متطلباتك.

تثبيت نماذج الإعلانات المدمجة مع المحتوى
لتثبيت النماذج الأصلية، ما عليك سوى تنزيل ملف ZIP (باستخدام الخيار استنساخ أو تنزيل على GitHub) و استيراد الوحدة إلى مشروعك الحالي في "استوديو Android".
- اختَر ملف > جديد > استيراد وحدة. 
- اختَر مجلد - nativetemplates. 
- أضِف السطر التالي إلى ملف - build.gradleعلى مستوى التطبيق:- dependencies { ... implementation project(':nativetemplates') ... }
استخدام نماذج الإعلانات المدمجة مع المحتوى
يمكنك استخدام النموذج في أي ملف XML للتصميم، مثل أي مجموعة عرض أخرى.

يتضمّن استخدام النماذج خطوتَين:
- أولاً، عليك تضمين النموذج كجزء من التنسيق. - <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity" tools:showIn="@layout/activity_main" > <!-- This is your template view --> <com.google.android.ads.nativetemplates.TemplateView android:id="@+id/my_template" <!-- this attribute determines which template is used. The other option is @layout/gnt_medium_template_view --> app:gnt_template_type="@layout/gnt_small_template_view" android:layout_width="match_parent" android:layout_height="match_parent" /> ... </LinearLayout>
- بعد ذلك، عليك منح نموذجك إعلانك المدمج مع المحتوى عند تحميله: - MobileAds.initialize(this); AdLoader adLoader = new AdLoader.Builder(this, "ca-app-pub-3940256099942544/2247696110") .forNativeAd(new NativeAd.OnNativeAdLoadedListener() { @Override public void onNativeAdLoaded(NativeAd nativeAd) { NativeTemplateStyle styles = new NativeTemplateStyle.Builder().withMainBackgroundColor(background).build(); TemplateView template = findViewById(R.id.my_template); template.setStyles(styles); template.setNativeAd(nativeAd); } }) .build(); adLoader.loadAd(new AdRequest.Builder().build());
مفاتيح قاموس الأنماط
هناك طريقتان لتصميم النموذج: استخدام XML للتصميم التقليدي واستخدام عنصر NativeTemplateStyle.Builder. يوضّح نموذج الرمز البرمجي أعلاه كيفية استخدام العنصر NativeTemplateStyle.Builder لضبط لون الخلفية الرئيسي، ولكن تتوفّر أيضًا مجموعة متنوعة من الخيارات الأخرى. في ما يلي جميع طرق الإنشاء المتاحة. تعرض أداة الإنشاء NativeTemplateStyle
عنصرًا يتجاوز أي نمط لتنسيق XML. تستخدم تنسيقات XML
gnt_small_template.xml وgnt_medium_template.xml مَعلمات التنسيق نفسها في Android
التي تعرفها.
| طُرق الإنشاء لنمط نموذج الإعلان المدمج مع المحتوى | |
|---|---|
| withCallToActionTextTypeface | Typeface callToActionTextTypefaceتمثّل هذه السمة نوع الخط المستخدم في عبارة الحث على اتّخاذ إجراء. | 
| withCallToActionTextSize | float callToActionTextSizeحجم نص عبارة الحث على اتخاذ إجراء | 
| withCallToActionTypefaceColor | int callToActionTypefaceColorلون نص عبارة الحث على اتخاذ إجراء | 
| withCallToActionBackgroundColor | ColorDrawable callToActionBackgroundColorلون خلفية عبارة الحث على اتّخاذ إجراء | 
| withPrimaryTextTypeface | Typeface primaryTextTypefaceنوع خط الصف الأول من النص | 
| withPrimaryTextSize | float primaryTextSizeحجم السطر الأول من النص | 
| withPrimaryTextTypefaceColor | int primaryTextTypefaceColorلون الصف الأول من النص | 
| withPrimaryTextBackgroundColor | ColorDrawable primaryTextBackgroundColorلون خلفية السطر الأول من النص | 
| withSecondaryTextTypeface | Typeface secondaryTextTypefaceتمثّل هذه السمة الخط الطباعي للسطر الثاني من النص. | 
| withSecondaryTextSize | float secondaryTextSizeحجم السطر الثاني من النص | 
| withSecondaryTextTypefaceColor | int secondaryTextTypefaceColorلون النص في الصف الثاني من النص | 
| withSecondaryTextBackgroundColor | ColorDrawable secondaryTextBackgroundColorلون خلفية صف النص الثاني | 
| withTertiaryTextTypeface | Typeface tertiaryTextTypefaceتمثّل هذه السمة الخط الطباعي للصف الثالث من النص. | 
| withTertiaryTextSize | float tertiaryTextSizeحجم الصف الثالث من النص | 
| withTertiaryTextTypefaceColor | int tertiaryTextTypefaceColorلون نص الصف الثالث | 
| withTertiaryTextBackgroundColor | ColorDrawable tertiaryTextBackgroundColorلون خلفية الصف الثالث من النص | 
| withMainBackgroundColor | ColorDrawable mainBackgroundColorيشير هذا العنصر إلى لون الخلفية الرئيسي. | 
المساهمة
لقد أنشأنا "نماذج الإعلانات المدمجة مع المحتوى" لمساعدتك في تطوير إعلانات مدمجة مع المحتوى بسرعة. يسرّنا أن نرى مساهماتك في مستودع GitHub لإضافة نماذج أو ميزات جديدة. يُرجى إرسال طلب سحب إلينا وسنراجع المحتوى.