Mit nativen Anzeigen können Sie Ihre Anzeigen anpassen und so die Nutzerfreundlichkeit
verbessern. Eine bessere Nutzerfreundlichkeit kann zu mehr Engagement und einem höheren Gesamtumsatz führen.
Damit Sie native Anzeigen optimal nutzen können, ist es wichtig, Ihre Anzeigenlayouts so zu gestalten, dass sie sich wie eine natürliche Erweiterung Ihrer App anfühlen. Um Ihnen den Einstieg zu erleichtern, haben wir native Vorlagen erstellt.
Native Vorlagen sind vollständige Ansichten für Ihre nativen Anzeigen, die für eine schnelle Implementierung und einfache Anpassung entwickelt wurden. Mit nativen Vorlagen können Sie Ihre erste native Anzeige in nur wenigen Minuten implementieren und das Erscheinungsbild schnell und ohne viel Code anpassen. Sie können diese Vorlagen überall platzieren, z. B. in einer TableView, die in einem Newsfeed verwendet wird, in einem Dialogfeld oder an einer anderen Stelle in Ihrer App.
In dieser Anleitung erfahren Sie, wie Sie native Vorlagen in Ihren iOS-Apps herunterladen, einfügen und verwenden. Dabei wird davon ausgegangen, dass Sie das SDK bereits erfolgreich verwendet haben, um eine native Anzeige zu laden.
Vorlagengrößen
Es gibt zwei Vorlagengrößen: klein und mittel. Jede Vorlage wird durch eine Klasse dargestellt. Die Klassen sind GADTSmallTemplateView und GADTMediumTemplateView. Beide Klassen erweitern GADTTemplateView. Beide Vorlagen haben ein festes Seitenverhältnis, das nur dann skaliert wird, um die Breite der übergeordneten Ansichten auszufüllen, wenn Sie addHorizontalConstraintsToSuperviewWidth aufrufen.
Wenn Sie addHorizontalConstraintsToSuperviewWidth nicht aufrufen, wird jede Vorlage in ihrer Standardgröße gerendert.
GADTSmallTemplateView
Die kleine Vorlage eignet sich ideal für UICollectionView- oder UITableView-Zellen. Sie können sie beispielsweise für In-Feed-Anzeigen oder überall dort verwenden, wo Sie eine schmale rechteckige Anzeigenansicht benötigen. Die Standardgröße dieser Vorlage beträgt 91 Punkte in der Höhe und 355 Punkte in der Breite.

GADTMediumTemplateView
Die mittlere Vorlage ist für eine Ansicht mit 1/2 bis 3/4 Seiten gedacht. Sie eignet sich gut für Landingpages oder Splash-Screens, kann aber auch in UITableViews verwendet werden. Die Standardgröße dieser Vorlage beträgt 370 Punkte in der Höhe und 355 Punkte in der Breite.

Alle unsere Vorlagen unterstützen das automatische Layout. Sie können also mit der Platzierung experimentieren. Natürlich können Sie auch den Quellcode und die XIB-Dateien an Ihre Anforderungen anpassen.
Native Anzeigenvorlagen installieren
Laden Sie einfach die ZIP-Datei herunter und ziehen Sie sie in Ihr Xcode-Projekt, um die nativen Vorlagen zu installieren. Achten Sie darauf, dass Elemente bei Bedarf kopieren ausgewählt ist.

Native Anzeigenvorlagen verwenden
Nachdem Sie den Ordner zu Ihrem Projekt hinzugefügt und die entsprechende Klasse in Ihre Datei eingefügt haben, folgen Sie dieser Anleitung, um eine Vorlage zu verwenden. Schriftart- und Stileigenschaften können nur über das Stile-Dictionary geändert werden. Derzeit werden alle in der XIB-Datei festgelegten Stile überschrieben.
Objective-C
/// Step 1: Import the templates that you need. #import "NativeTemplates/GADTSmallTemplateView.h" #import "NativeTemplates/GADTTemplateView.h" ... // STEP 2: Initialize your template view object. GADTSmallTemplateView *templateView = [[NSBundle mainBundle] loadNibNamed:@"GADTSmallTemplateView" owner:nil options:nil] .firstObject; // STEP 3: Template views are just GADNativeAdViews. _nativeAdView = templateView; nativeAd.delegate = self; // STEP 4: Add your template as a subview of whichever view you'd like. // This must be done before calling addHorizontalConstraintsToSuperviewWidth. // Please note: Our template objects are subclasses of GADNativeAdView so // you can insert them into whatever type of view you’d like, and don’t need to // create your own. [self.view addSubview:templateView]; // STEP 5 (Optional): Create your styles dictionary. Set your styles dictionary // on the template property. A default dictionary is created for you if you do // not set this. Note - templates do not currently respect style changes in the // xib. NSString *myBlueColor = @"#5C84F0"; NSDictionary *styles = @{ GADTNativeTemplateStyleKeyCallToActionFont : [UIFont systemFontOfSize:15.0], GADTNativeTemplateStyleKeyCallToActionFontColor : UIColor.whiteColor, GADTNativeTemplateStyleKeyCallToActionBackgroundColor : [GADTTemplateView colorFromHexString:myBlueColor], GADTNativeTemplateStyleKeySecondaryFont : [UIFont systemFontOfSize:15.0], GADTNativeTemplateStyleKeySecondaryFontColor : UIColor.grayColor, GADTNativeTemplateStyleKeySecondaryBackgroundColor : UIColor.whiteColor, GADTNativeTemplateStyleKeyPrimaryFont : [UIFont systemFontOfSize:15.0], GADTNativeTemplateStyleKeyPrimaryFontColor : UIColor.blackColor, GADTNativeTemplateStyleKeyPrimaryBackgroundColor : UIColor.whiteColor, GADTNativeTemplateStyleKeyTertiaryFont : [UIFont systemFontOfSize:15.0], GADTNativeTemplateStyleKeyTertiaryFontColor : UIColor.grayColor, GADTNativeTemplateStyleKeyTertiaryBackgroundColor : UIColor.whiteColor, GADTNativeTemplateStyleKeyMainBackgroundColor : UIColor.whiteColor, GADTNativeTemplateStyleKeyCornerRadius : [NSNumber numberWithFloat:7.0], }; templateView.styles = styles; // STEP 6: Set the ad for your template to render. templateView.nativeAd = nativeAd; // STEP 7 (Optional): If you'd like your template view to span the width of your // superview call this method. [templateView addHorizontalConstraintsToSuperviewWidth]; [templateView addVerticalCenterConstraintToSuperview];
Schlüssel für das Stile-Dictionary
Die schnellste Möglichkeit, Ihre Vorlagen anzupassen, besteht darin, ein Dictionary mit den folgenden Schlüsseln zu erstellen:
Objective-C
/// Call to action font. Expects a UIFont. GADTNativeTemplateStyleKeyCallToActionFont /// Call to action font color. Expects a UIColor. GADTNativeTemplateStyleKeyCallToActionFontColor; /// Call to action background color. Expects a UIColor. GADTNativeTemplateStyleKeyCallToActionBackgroundColor; /// The font, font color and background color for the first row of text in the /// template. /// All templates have a primary text area which is populated by the native ad's /// headline. /// Primary text font. Expects a UIFont. GADTNativeTemplateStyleKeyPrimaryFont; /// Primary text font color. Expects a UIFont. GADTNativeTemplateStyleKeyPrimaryFontColor; /// Primary text background color. Expects a UIColor. GADTNativeTemplateStyleKeyPrimaryBackgroundColor; /// The font, font color and background color for the second row of text in the /// template. /// All templates have a secondary text area which is populated either by the /// body of the ad, or by the rating of the app. /// Secondary text font. Expects a UIFont. GADTNativeTemplateStyleKeySecondaryFont; /// Secondary text font color. Expects a UIColor. GADTNativeTemplateStyleKeySecondaryFontColor; /// Secondary text background color. Expects a UIColor. GADTNativeTemplateStyleKeySecondaryBackgroundColor; /// The font, font color and background color for the third row of text in the /// template. The third row is used to display store name or the default /// tertiary text. /// Tertiary text font. Expects a UIFont. GADTNativeTemplateStyleKeyTertiaryFont; /// Tertiary text font color. Expects a UIColor. GADTNativeTemplateStyleKeyTertiaryFontColor; /// Tertiary text background color. Expects a UIColor. GADTNativeTemplateStyleKeyTertiaryBackgroundColor; /// The background color for the bulk of the ad. Expects a UIColor. GADTNativeTemplateStyleKeyMainBackgroundColor; /// The corner rounding radius for the icon view and call to action. Expects an /// NSNumber. GADTNativeTemplateStyleKeyCornerRadius;
Häufig gestellte Fragen
- Warum erhalte ich eine Ausnahme, wenn ich versuche, das Vorlagenobjekt zu instanziieren?
- Das kann passieren, wenn Sie die Größe der Ansicht in der XIB-Datei geändert haben, aber nicht die Größe des Frames, der in der Methode „setup“ der Unterklasse erstellt wurde.
- Wie kann ich diese Vorlagen weiter anpassen?
- Diese Vorlagen sind nur XIB-Dateien mit zugehörigen Ansichtsobjekten, wie jede andere XIB- und benutzerdefinierte Ansichtsklasse, die Sie möglicherweise aus der iOS-Entwicklung kennen. Wenn Sie Ihre nativen Anzeigen lieber von Grund auf neu erstellen möchten, lesen Sie unsere Anleitung zu nativen Anzeigen (erweitert).
- Warum werden meine Stile nicht aktualisiert, wenn ich sie in der XIB-Datei festlege?
- Derzeit werden alle XIB-Stile durch das Standard-Stile-Dictionary in
GADTTemplateView.müberschrieben.
Beitragen
Wir haben native Vorlagen erstellt, damit Sie schnell native Anzeigen entwickeln können. Wir freuen uns, wenn Sie zu unserem GitHub -Repository beitragen, um neue Vorlagen oder Funktionen hinzuzufügen. Senden Sie uns eine Pull-Anfrage und wir sehen uns das an.