התאמה אישית של פריסות מודעות באמצעות תבניות מותאמות

הורדת תבניות מודעות מותאמות

מודעות מותאמות מאפשרות לכם להתאים אישית את המודעות שלכם, וכך לשפר את חוויית המשתמש. חוויית משתמש טובה יותר יכולה להגביר את המעורבות ולשפר את התשואה הכוללת.

כדי להפיק את המקסימום ממודעות מותאמות, חשוב לעצב את פריסות המודעות כך שירגישו כמו חלק טבעי מהאפליקציה. כדי לעזור לכם להתחיל, יצרנו תבניות למודעות מותאמות.

תבניות מותאמות הן תצוגות של קוד מלא למודעות מותאמות, שנועדו להטמעה מהירה ולשינוי קל. בעזרת תבניות מותאמות, אתם יכולים להטמיע את המודעה המותאמת הראשונה שלכם תוך כמה דקות, ולהתאים אישית במהירות את המראה והסגנון שלה בלי להשתמש בהרבה קוד. אתם יכולים למקם את התבניות האלה בכל מקום שתרצו, למשל ב-RecyclerView שמשמש בפיד חדשות, בתיבת דו-שיח או בכל מקום אחר באפליקציה.

התבניות למודעות מותאמות ניתנות כמודול של Android Studio, כך שקל לכלול אותן בפרויקט ולהשתמש בהן בכל דרך שרוצים.

גדלים של תבניות

יש שתי תבניות: קטנה ובינונית. שניהם משתמשים במחלקה TemplateView ולשניהם יש יחס גובה-רוחב קבוע. הם יותאמו לרוחב של התצוגות הראשיות שלהם.

תבנית קטנה

@layout/gnt_small_template_view

התבנית הקטנה מתאימה לתצוגות של RecyclerView, או לכל מצב שבו אתם צריכים תצוגת מודעה מלבנית ארוכה. לדוגמה, אפשר להשתמש בו במודעות בגוף הפיד.

תבנית בינונית

@layout/gnt_medium_template_view

התבנית הבינונית מיועדת לתצוגה של חצי דף עד שלושת רבעי דף, אבל אפשר להשתמש בה גם בפידים. הוא מתאים לדפי נחיתה או לדפי פתיחה.

אתם יכולים להתנסות במיקומים שונים. כמובן שאפשר גם לשנות את קוד המקור ואת קובצי ה-XML בהתאם לדרישות שלכם.

התקנת התבניות של המודעות מותאמות

כדי להתקין את התבניות למודעות מותאמות, פשוט מורידים את קובץ ה-ZIP (באמצעות האפשרות Clone or download ב-GitHub) ומייבאים את המודול לפרויקט הקיים ב-Android Studio.

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, "/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 כדי להגדיר את צבע הרקע הראשי, אבל יש עוד מגוון אפשרויות. אלה כל השיטות הזמינות של Builder. ה-builder מחזיר אובייקט NativeTemplateStyle שמבטל כל סגנון פריסה של XML. פריסות ה-XML‏ gnt_small_template.xml ו-gnt_medium_template.xml משתמשות באותם פרמטרים של סגנון Android שאתם כבר מכירים.

הוספת תוכן

יצרנו תבניות למודעות מותאמות כדי לעזור לכם לפתח מודעות מותאמות במהירות. נשמח אם תוסיפו תבניות או תכונות חדשות למאגר שלנו ב-GitHub. שלחו לנו בקשת משיכה ונבדוק אותה.