Share
Was Sie erstellen werdenBannerwerbung ist für viele App-Entwickler eine wichtige Einnahmequelle. In diesem Lernprogramm erfahren Sie, wie Sie AdMob-Anzeigen mithilfe von Swift 3 und Xcode 8 zu Ihrer iOS-App hinzufügen.
Um Ihre iOS-App für die Anzeige von Werbebanner vorzubereiten, müssen Sie als Erstes auf der AdMob-Website ihre Einheiten-ID erstellen. Wenn Sie noch kein Google-Konto haben, empfehlen wir Ihnen, sich für ein neues Konto anzumelden. Es ist kostenlos und ermöglicht Ihnen den Zugriff auf alle Google-Dienste.
Klicken Sie nach dem Aufrufen der AdMob-Startseite auf das rote Symbol Monetize neue App Taste.
Wenn sich Ihre App noch nicht im iTunes App Store befindet, müssen Sie auswählen Fügen Sie Ihre App manuell hinzu.Geben Sie dann den Namen Ihrer Anwendung ein und wählen Sie die Option aus iOS Plattform und klicken Sie auf die Schaltfläche App hinzufügen Taste.
Auf dem nächsten Bildschirm sehen Sie Ihre neu generierte AdMob-App-ID unter dem grauen Apple-Symbol. Bitte beachten Sie, dass es nicht mit der Geräte-ID identisch ist, die in Ihr Xcode-Projekt eingefügt werden muss. Wir werden in Kürze zur Unit ID kommen.
Klicken Banner um das Anzeigenformat auszuwählen. Ich schlage vor, Sie verlassen die Anzeigentyp, Automatische Aktualisierung, und Textanzeigenstil Einstellungen auf ihre Standardwerte. Wenn Sie den Anzeigenstil anpassen möchten, klicken Sie auf das Standard Kombinationsfeld und wählen Sie Besonders angefertigt. Für ein benutzerdefiniertes Banner können Sie Hintergrund, Rahmen, Titel, Text und URL-Farbe anpassen.
Geben Sie zum Schluss einen Namen in die Name der Anzeigeneinheit Box. Dies ist nicht Ihre Banner-ID, sondern lediglich ein Referenzname für Ihre Einheiten-ID. Klicken sparen um zum dritten Schritt überzugehen.
Schritt 3 ist optional. Sie können Ihre AdMob-App mit Firebase verknüpfen und Ihre Daten mit dem kostenlosen Firebase Analytics-Tool teilen. Für den Moment klicken Sie einfach auf Überspringen weitergehen.
Schließlich können Sie das neueste herunterladen GoogleMobileAds.Framework Datei vom Firebase-Server. In diesem vierten Schritt wird auch die Anzeigenblock-ID angezeigt, die Sie in den Hauptcode einfügen müssen .schnell Datei Ihres Xcode-Projekts, wie wir später sehen werden.
Klicke auf das Laden Sie das Google Mobile Ads SDK herunter Verknüpfung. Ein neuer Tab wird in Ihrem Browser geöffnet und Sie können die neueste offizielle Paketdatei herunterladen.
Gehen Sie zurück zur AdMob-Website und klicken Sie auf Erledigt. Auf dem nächsten Bildschirm wird das angezeigt Anzeigenblock-ID Sie haben gerade erst erstellt, können nun kopiert und in Ihr eingefügt werden .schnell Datei in Xcode. Ich gehe davon aus, dass Sie bereits ein neues Xcode-Projekt erstellt haben oder über ein eigenes Projekt verfügen, in das Sie AdMob-Anzeigen einfügen möchten.
Extrahieren Sie die googlemobileadssdkios.zip Datei, die Sie zuvor vom Firebase-Server heruntergeladen haben, öffnen Sie den Ordner und kopieren Sie sie GoogleMobileAds.Framework nur.
Fügen Sie es in Ihren Projektordner ein.
Geben Sie nun Ihr Xcode-Projekt ein und gehen Sie zu Allgemeines Tab nach unten scrollen Verknüpfte Frameworks und Bibliothek Abschnitt und ziehen Sie die GoogleMobileAds.Framework Datei rüber.
Möglicherweise müssen Sie Ihrem Xcode-Projekt zusätzliche iOS-Frameworks hinzufügen, damit AdMob Banner in Ihrer App empfangen und anzeigen kann.
Klicke auf das + unterschreiben Sie unten und importieren Sie die folgenden Rahmen nacheinander:
Die Sache, die Sie tun müssen, ist auf die Einstellungen erstellen Tab und suchen nach Bitcode. Xcode bringt die Bitcode aktivieren Option, und Sie müssen es einstellen Nein.
Jetzt können Sie Code schreiben, damit AdMob-Anzeigen in Ihrer App angezeigt werden!
Je nachdem, wie Ihre App aufgebaut ist, sollten AdMob-Anzeigen in Ihren View-Controllern angezeigt werden. Sie müssen also das eingeben .schnell Datei des Controllers, für den Anzeigen angezeigt werden sollen, und importieren Sie die folgenden Frameworks oben in der Datei:
Importieren von GoogleMobileAds Importieren von AudioToolbox
Übernehmen Sie die GADBannerViewDelegate Protokoll, indem Sie es am Ende Ihrer Klassendeklaration hinzufügen:
Klasse ViewController: UIViewController, GADBannerViewDelegate
Fügen Sie die AdMob-Banneransicht über der hinzu viewDidLoad () Methode in Ihrer Klasse:
// Werbebanner und Interstitial-Ansichten var adMobBannerView = GADBannerView ()
Die folgende Codezeile ist eine einfache Zeichenfolge, die die zuvor erstellte Anzeigenblock-ID abruft:
// WICHTIG: ERSETZEN SIE DEN ROTEN STRING UNTER DER AD UNIT ID, DIE SIE ERHALTEN SIND, indem Sie Ihre App in http://apps.admob.com registrieren.
Hier müssen Sie ersetzen ca-app-pub-9733347540588953/6145924825mit Ihrer eigenen Banner-ID, gehen Sie zurück zu Ihrem AdMob Anzeigenblöcke Seite in Ihrem Browser, um diese Zeichenfolge zu kopieren und im obigen Code einzufügen.
Fügen Sie nun die Funktionen in Ihrem ein viewDidLoad () Methode:
func viewDidLoad () überschreiben super.viewDidLoad () // Init AdMob-Banner initAdMobBanner ()
Fügen Sie schließlich die folgende Methodendeklaration ein, wo immer Sie möchten .schnellDatei (vor der Klasse zum Schließen der Klasse und nicht in eine vorhandene Methode):
Accentsconagua
// MARK: - ADMOB BANNER func initAdMobBanner () if UIDevice.current.userInterfaceIdiom == .phone // iPhone adMobBannerView.adSize = GADAdSizeFromCGSize (CGSize (Breite: 320, Höhe: 50)) adMobBannerView.frame = CGRect x : 0, y: view.frame.size.height, width: 320, height: 50) else // iPad adMobBannerView.adSize = GADAdSizeFromCGSize (CGSize (width: 468, height: 60)) adMobBannerView.frame = CGRect ( x: 0, y: view.frame.size.height, width: 468, height: 60) adMobBannerView.adUnitID = ADMOB_BANNER_UNIT_ID adMobBannerView.rootViewController = self adMobBannerView.delegate = self view.addSubview (adMobBannerView) anfragen = adMobBannerView.load (request) // Banner ausblenden func hideBanner (_ banner: UIView) UIView.beginAnimations ("hideBanner", Kontext: nil) banner.frame = CGRect (x: view.frame.size.width / 2) - banner.frame.size.width / 2, y: view.frame.size.height - banner.frame.size.height, width: banner.frame.size.width, height: banner.frame.size.height) UIView .commitAnimations () banner.isHidden = true // Das Banner anzeigen func showBanner (_ banner: UIView) UIView.beginAnimations ("showBanner", Kontext: nil) banner.frame = CGRect (x: view.frame.size.width / 2 - banner.frame.size.width / 2, y: view.frame.size.height - banner.frame.size.height, width: banner.frame.size.width, height: banner.frame.size.height) UIView.commitAnimations () banner.isHidden = false // AdMob-Banner verfügbar func adViewDidReceiveAd (_ view: GADBannerView!) ShowBanner (adMobBannerView) // KEIN AdMob-Banner verfügbar func adView (_ view: GADBannerView! !) hideBanner (adMobBannerView)
Bitte beachten Sie, dass AdMob-Banner je nach verwendetem Gerät unterschiedliche Größen haben, also die ersten Codezeilen func initAdMobBanner () Legen Sie die Größe der Banner für iPhone / iPod Touch und iPad fest.
Wenn Sie sich für die verfügbaren Bannergrößen für AdMob-Anzeigen interessieren, können Sie die AdMob-Dokumentation lesen. Die besten Bannergrößen für iPhone- und iPad-Geräte sind jedoch die, die wir im obigen Code festgelegt haben:
Bei CodeCanyon verkaufe ich eine iOS-App-Vorlage mit integrierten AdMob-Bannern und Unterstützung für Interstitial-Anzeigen. Wenn Sie also Ihre Entwicklung beschleunigen möchten, können Sie einfach diese Vorlage kaufen und Ihre App starten.
Hier finden Sie es: iOS AdMob-Banner + Vorlage für Interstitalanzeigen | Universal (schnell).
Es gibt Hunderte von anderen iOS-App-Vorlagen auf CodeCanyon. Geh und schau sie dir an! Sie sparen vielleicht nur Stunden an Arbeit für Ihre nächste App.
Danke fürs Lesen und bis zum nächsten Mal! Schauen Sie sich einige unserer anderen Kurse und Tutorials zur Entwicklung von iOS-Apps mit Swift an.
