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

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

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

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

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

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

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

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

نموذج صغير

@layout/gnt_small_template_view

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

نموذج متوسط

@layout/gnt_medium_template_view

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

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

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

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

1. اختَر ملف > جديد > استيراد وحدة.

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, "/21775744923/example/native")
       .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 AdManagerAdRequest.Builder().build());
   

مفاتيح قاموس الأنماط

هناك طريقتان لتنسيق النموذج: استخدام ملف XML التقليدي للتنسيق واستخدام عنصر NativeTemplateStyle.Builder. توضّح عينة تعليمات برمجية أعلاه كيفية استخدام عنصر NativeTemplateStyle.Builder لضبط لون الخلفية الرئيسي، ولكن هناك مجموعة متنوعة من الخيارات الأخرى أيضًا. في ما يلي جميع طرق الإنشاء المتاحة. يعرض أداة الإنشاء عنصر NativeTemplateStyle الذي يلغي أي تنسيق لتصميم XML. تستخدم تنسيقات XML gnt_small_template.xml وgnt_medium_template.xml معلّمات التنسيق نفسها في Android التي تعرفها من قبل.

المساهمة

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