Mit nativen Anzeigen können Sie Ihre Anzeigen anpassen und so die Nutzerfreundlichkeit verbessern. Eine bessere Nutzererfahrung kann die Interaktion steigern und den Gesamtumsatz verbessern.
Damit Sie native Anzeigen optimal nutzen können, sollten Sie die Anzeigenlayouts so gestalten, dass sie sich wie eine natürliche Erweiterung Ihrer App anfühlen. Als Einstiegshilfe haben wir native Vorlagen erstellt.
Native Vorlagen sind Code-vollständige Ansichten für Ihre nativen Anzeigen, die für eine schnelle Implementierung und einfache Änderung konzipiert sind. Mit nativen Vorlagen können Sie Ihre erste native Anzeige in nur wenigen Minuten implementieren und das Design schnell und ohne viel Code anpassen. Sie können diese Vorlagen an einer beliebigen Stelle platzieren, z. B. in einer TableView, die in einem Nachrichten-Feed verwendet wird, in einem Dialogfeld oder an einer anderen Stelle in Ihrer App.
In diesem Leitfaden erfahren Sie, wie Sie native Vorlagen herunterladen, einbinden und in Ihren iOS-Apps verwenden. Es wird davon ausgegangen, dass Sie das SDK bereits erfolgreich zum Laden einer nativen Anzeige verwendet haben.
Vorlagengrößen
Es gibt zwei Vorlagengrößen: klein und mittelgroß. 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 Punkt (Höhe) × 355 Punkt (Breite).

GADTMediumTemplateView
Die mittlere Vorlage ist für eine Ansicht von einer halben bis dreiviertel Seite gedacht. Das ist gut für Landingpages oder Splash-Pages, kann aber auch in UITableViews enthalten sein. Die Standardgröße dieser Vorlage beträgt 370 Punkte (Höhe) x 355 Punkte (Breite).

Alle unsere Vorlagen unterstützen das automatische Layout. Experimentieren Sie also ruhig mit der Platzierung. Natürlich können Sie auch den Quellcode und die xib-Dateien an Ihre Anforderungen anpassen.
Vorlagen für native Anzeigen installieren
Wenn Sie die nativen Vorlagen installieren möchten, laden Sie einfach die ZIP-Datei herunter und ziehen Sie sie in Ihr Xcode-Projekt. Achten Sie darauf, dass Sie Copy items if needed (Elemente bei Bedarf kopieren) auswählen.

Vorlagen für native Anzeigen verwenden
Nachdem Sie den Ordner zu Ihrem Projekt hinzugefügt und die entsprechende Klasse in Ihre Datei aufgenommen haben, folgen Sie dieser Anleitung, um eine Vorlage zu verwenden. Schriftart und Stil können nur über das Stilverzeichnis geändert werden. Alle im XIB-Dokument festgelegten Stile werden derzeit ü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];
Stilwörterbuchschlüssel
Die schnellste Möglichkeit, Ihre Vorlagen anzupassen, besteht darin, ein Wörterbuch 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 „setup“-Methode der Unterklasse erstellt wurde.
- Wie kann ich diese Vorlagen weiter anpassen?
- Diese Vorlagen sind nur XIBs mit zugehörigen Ansichtsobjekten, wie alle anderen XIBs und benutzerdefinierten Ansichtsklassen, die Sie möglicherweise aus der iOS-Entwicklung kennen. Wenn Sie Ihre nativen Anzeigen lieber von Grund auf neu erstellen möchten, lesen Sie unseren Leitfaden für erweiterte native Anzeigen.
- Warum werden meine Stile nicht aktualisiert, wenn ich sie in der XIB-Datei festlege?
- Derzeit werden alle xib-Stile durch das Standardstil-Dictionary in
GADTTemplateView.müberschrieben.
Beitragen
Wir haben native Vorlagen erstellt, mit denen Sie native Anzeigen schnell entwickeln können. Wir würden uns freuen, wenn Sie zu unserem GitHub beitragen und neue Vorlagen oder Funktionen hinzufügen würden. Senden Sie uns eine Pull-Anfrage und wir sehen uns das an.