Share
Wat je gaat creërenBanneradvertenties zijn voor veel app-ontwikkelaars een belangrijke inkomstenbron. In deze zelfstudie leert u hoe u AdMob-advertenties kunt toevoegen aan uw iOS-app met behulp van Swift 3 en Xcode 8.
Het allereerste dat u moet doen om uw iOS-app voor te bereiden om banneradvertenties weer te geven, is het maken van de unit-ID op de AdMob-website. Als u geen Google-account heeft, raad ik u aan u aan te melden voor een nieuw account. Het is gratis en geeft u toegang tot alle Google-services..
Zodra u de AdMob-startpagina heeft geopend, klikt u op het rode pictogram Inkomsten genereren met de nieuwe app knop.
Als je app nog niet in de iTunes App Store staat, moet je selecteren Voeg uw app handmatig toe.Typ vervolgens de naam van uw toepassing, selecteer de iOS Platform en klik op de App toevoegen knop.
Op het volgende scherm ziet u uw nieuw gegenereerde AdMob-app-ID onder het grijze pictogram van Apple. Houd er rekening mee dat dit niet hetzelfde is als het Unit-ID dat in uw Xcode-project moet worden geplakt. We komen in een klein beetje bij de unit-ID.
Klik banier om de advertentie-indeling te selecteren. Ik stel voor dat je de Advertentietype, Automatisch vernieuwen, en Tekstadvertentiestijl instellingen op hun standaardwaarden. Als u de advertentiestijl wilt aanpassen, klikt u op de Standaard keuzelijst met invoervak en selecteer Aangepast. Voor een aangepaste banner kunt u de achtergrond, rand, titel, tekst en URL-kleur aanpassen.
Typ ten slotte een naam in de Advertentiebloknaam doos. Dat is niet uw banner-ID, maar slechts een referentienaam voor uw Unit-ID. Klik Opslaan om verder te gaan naar de derde stap.
Stap 3 is optioneel en laat u uw AdMob-app koppelen aan Firebase en uw gegevens delen vanuit de gratis Firebase Analytics-tool. Klik voor nu gewoon op Overspringen om verder te gaan.
Eindelijk kunt u het nieuwste downloaden GoogleMobileAds.framework bestand van de Firebase-server. In deze vierde stap ziet u ook de advertentieblok-ID die u in het hoofdvenster moet plakken .snel bestand van uw Xcode-project, zoals we later zullen zien.
Klik op de Download de SDK voor mobiele advertenties van Google link. Er wordt een nieuw tabblad geopend in uw browser en u kunt het laatste officiële zipbestand downloaden.
Ga terug naar de AdMob-website en klik op Gedaan. Het volgende scherm toont u de Advertentieblok-ID je hebt zojuist gemaakt, klaar om te worden gekopieerd en geplakt in je .snel bestand in Xcode. Ik ga ervan uit dat je al een nieuw Xcode-project hebt gemaakt of dat je een eigen hebt waarin je AdMob-advertenties wilt toevoegen.
Pak het googlemobileadssdkios.zip bestand dat u eerder van de Firebase-server hebt gedownload, de bijbehorende map opent en kopieert GoogleMobileAds.framework enkel en alleen.
Plak het in je projectmap.
Voer nu uw Xcode-project in en ga naar Algemeen tab, scrol omlaag naar de Gekoppelde kaders en bibliotheek sectie en sleep de GoogleMobileAds.framework bestand erheen.
Mogelijk moet u extra iOS-frameworks toevoegen aan uw Xcode-project zodat AdMob banners in uw app kan ontvangen en weergeven.
Klik op de + teken onderaan en importeer de volgende kaders één voor één:
Het enige wat u hoeft te doen is overschakelen naar de Bouw instellingen tab en zoek naar bitcode. Xcode zal de Bitcode inschakelen optie, en je zult het moeten instellen Nee.
U kunt nu een code schrijven om AdMob-advertenties weer te geven in uw app!
Op basis van hoe uw app is gebouwd, wilt u dat AdMob-advertenties worden weergegeven in uw view-controllers. Dus je moet de .snel bestand van de controller waar u advertenties wilt weergeven en importeer de volgende frameworks bovenaan het bestand:
importeer GoogleMobileAds importeer AudioToolbox
Goedkeuring van het GADBannerViewDelegate protocol door het toe te voegen aan het einde van uw klasseverklaring:
class ViewController: UIViewController, GADBannerViewDelegate
Voeg de bannerweergave van AdMob toe boven de viewDidLoad () methode in uw klas:
// Advertentiebanner en interstitial-weergaven var adMobBannerView = GADBannerView ()
De volgende regel code is een eenvoudige tekenreeks die verwijst naar de advertentieblok-ID die u eerder heeft gemaakt:
// BELANGRIJK: VERVANG DE RODE STRING HIERONDER MET DE AD-ID DIE JE HEBT DOOR JE IN TE REGISTREEREN IN http://apps.admob.com laat ADMOB_BANNER_UNIT_ID = "ca-app-pub-9733347540588953/7805958028"
Hier moet je vervangen ca-app-pub-9733347540588953/6145924825met uw eigen bannereenheid-ID, dus ga terug naar uw AdMob Advertentieblokken pagina in uw browser om die reeks te kopiëren en in de bovenstaande code te plakken.
Voeg nu de onderstaande functies toe in uw viewDidLoad () methode:
override func viewDidLoad () super.viewDidLoad () // Init AdMob-banner initAdMobBanner ()
Plak tenslotte de volgende methodeaanduiding waar u maar wilt in uw .snelbestand (vóór de klasseafsluitingshaak en niet in een bestaande methode):
Accentsconagua
// MARK: - ADMOB BANNER func initAdMobBanner () if UIDevice.current.userInterfaceIdiom == .phone // iPhone adMobBannerView.adSize = GADAdSizeFromCGSize (CGSize (width: 320, height: 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) let request = GADRequest () adMobBannerView.load (aanvraag) // Verberg de banner func hideBanner (_ banner: UIView) UIView.beginAnimations ("hideBanner", context: 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 // Show the banner func showBanner (_ banner: UIView) UIView.beginAnimations ("showBanner", context: 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 beschikbaar func adViewDidReceiveAd (_ weergave: GADBannerView!) ShowBanner (adMobBannerView) // NO AdMob-banner beschikbaar func adView (_ weergave: GADBannerView !, didFailToReceiveAdWithError-fout: GADRequestError !) hideBanner (adMobBannerView)
Houd er rekening mee dat AdMob-banners verschillende grootten hebben op basis van het gebruikte apparaat, dus de eerste regels code in func initAdMobBanner () stel de grootte van de banners in voor iPhone / iPod Touch en iPad.
Als u nieuwsgierig bent naar de beschikbare bannerafmetingen voor AdMob-advertenties, kunt u de AdMob-documentatie bekijken. Hoe dan ook, de beste bannerformaten voor iPhone- en iPad-apparaten zijn degene die we in de bovenstaande code hebben ingesteld:
Op CodeCanyon verkoop ik een iOS-app-sjabloon die wordt geleverd met ingebouwde AdMob-banners en ondersteuning voor interstitial-advertenties. Dus als u uw ontwikkeling wilt versnellen, kunt u die sjabloon gewoon kopen en uw app starten.
Vind het hier: iOS AdMob Banner + Interstital Advertenties Template | Universeel (snel).
Er zijn honderden andere iOS-app-sjablonen op CodeCanyon. Ga ze bekijken! U bespaart misschien uren werk op uw volgende app.
Bedankt voor het lezen en ik zie je de volgende keer! Bekijk enkele van onze andere cursussen en tutorials over de ontwikkeling van iOS-apps met Swift.
