تنسيقات الإعلانات الأنيقة باستخدام النماذج الأصلية

تنزيل نماذج "الإعلانات المدمجة مع المحتوى"

باستخدام "الإعلانات المدمجة مع المحتوى"، يمكنك تخصيص إعلاناتك، ما يؤدي إلى تحسين تجربة المستخدم. يمكن أن تؤدي تجارب المستخدمين الأفضل إلى زيادة التفاعل وتحسين العائد الإجمالي.

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

"نماذج الإعلانات المدمجة مع المحتوى" هي طرق عرض كاملة التعليمات البرمجية للإعلانات المدمجة مع المحتوى، وهي مصمّمة لتنفيذ الإعلانات بسرعة وتعديلها بسهولة. باستخدام "نماذج الإعلانات المدمجة مع المحتوى"، يمكنك تنفيذ أول إعلان مدمج مع المحتوى في غضون دقائق معدودة، ويمكنك تخصيص المظهر والأسلوب بسرعة بدون الحاجة إلى الكثير من الرموز البرمجية. يمكنك وضع هذه النماذج في أي مكان تريده، مثل عرضها في طريقة عرض قابلة لإعادة الاستخدام مستخدَمة في خلاصة الأخبار، أو في مربّع حوار، أو في أي مكان آخر في تطبيقك.

يتم توفير قوالبنا الأصلية كوحدة في "استوديو Android"، ما يسهّل تضمينها في مشروعك واستخدامها بالطريقة التي تريدها.

أحجام النماذج

يتوفّر نموذجان: صغير ومتوسط. يستخدم كلاهما الفئة TemplateView وكلاهما له نسبة عرض إلى ارتفاع ثابتة. سيتم تغيير حجمها لملء عرض طرق العرض الأصلية.

نموذج صغير

@layout/gnt_small_template_view

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

نموذج متوسط

@layout/gnt_medium_template_view

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

لا تتردد في تجربة مواضع الإعلانات. بالطبع، يمكنك أيضًا تغيير الرمز المصدري وملفات XML بما يناسب متطلباتك.

تثبيت نماذج الإعلانات المدمجة مع المحتوى

لتثبيت النماذج الأصلية، ما عليك سوى تنزيل ملف zip (باستخدام الخيار استنساخ أو تنزيل على GitHub) واستيراد الوحدة إلى مشروعك الحالي في "استوديو Android".

1. اختَر ملف (File) > جديد (New) > استيراد وحدة (Import Module).

2. اختَر المجلد nativetemplates.

   

3. أضِف السطر التالي إلى ملف build.gradle على مستوى التطبيق:

   dependencies {
           ...
           implementation project(':nativetemplates')
           ...
   }
   

استخدام نماذج الإعلانات المدمجة مع المحتوى

يمكنك استخدام النموذج في أي ملف XML للتصميم، مثل أي مجموعة عرض أخرى.

يتألف استخدام النماذج من خطوتَين:

1. أولاً، عليك تضمين النموذج كجزء من التصميم.

   <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>
   

2. بعد ذلك، عليك منح نموذج إعلانك المدمج مع المحتوى عند تحميله:

   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 نفسها التي تعرفها.

المساهمة

لقد أنشأنا "نماذج الإعلانات المدمجة مع المحتوى" لمساعدتك في تطوير الإعلانات المدمجة مع المحتوى بسرعة. يسرّنا أن تساهم في مستودع GitHub الخاص بنا لإضافة نماذج أو ميزات جديدة. يمكنك إرسال طلب سحب إلينا وسنراجع الطلب.