Share
Cosa starai creandoGli annunci banner sono un'importante fonte di entrate per molti sviluppatori di app. In questo tutorial imparerai come aggiungere annunci AdMob alla tua app iOS, utilizzando Swift 3 e Xcode 8.
La prima cosa da fare per preparare la tua app iOS per mostrare banner pubblicitari è creare il suo ID unità sul sito web AdMob. Se non disponi di un account Google, ti suggerisco di registrarne uno nuovo: è gratuito e ti consente di accedere a tutti i servizi Google.
Dopo aver inserito la home page di AdMob, fai clic sul rosso Monetizza nuova app pulsante.
Se la tua app non è ancora su iTunes App Store, dovrai selezionare Aggiungi la tua app manualmente.Quindi digitare il nome dell'applicazione, selezionare il iOS Piattaforma e fare clic su Aggiungi app pulsante.
Nella schermata successiva, vedrai i tuoi nuovi generati ID app AdMob sotto l'icona grigia di Apple. Si noti che non è lo stesso ID unità che deve essere incollato nel progetto Xcode. Raggiungeremo l'ID unità tra un pò.
Clic bandiera per selezionare il formato dell'annuncio. Ti suggerisco di lasciare il Tipo di annuncio, Aggiornamento automatico, e Stile dell'annuncio di testo impostazioni ai loro valori predefiniti. Se si desidera personalizzare lo stile dell'annuncio, è possibile fare clic su il Standard casella combinata e seleziona su misura. Per un banner personalizzato, puoi personalizzare lo sfondo, il bordo, il titolo, il testo e il colore dell'URL.
Infine, digita un nome nel file Nome dell'unità pubblicitaria scatola. Questo non sarà il tuo identificatore di banner, ma solo un nome di riferimento per il tuo ID unità. Clic Salvare per passare al terzo passaggio.
Il passaggio 3 è facoltativo e consente di collegare l'app AdMob a Firebase e di condividere i dati dallo strumento gratuito Firebase Analytics. Per ora, basta cliccare su Salta andare avanti.
Finalmente puoi scaricare l'ultimo GoogleMobileAds.framework file dal server Firebase. Questo quarto passaggio ti mostrerà anche l'ID dell'unità pubblicitaria che dovrai incollare nel main .veloce file del tuo progetto Xcode, come vedremo più avanti.
Clicca sul Scarica l'SDK degli annunci per dispositivi mobili di Google collegamento. Una nuova scheda si aprirà nel tuo browser e sarai in grado di scaricare l'ultimo file zip ufficiale del pacchetto.
Torna al sito Web di AdMob e fai clic Fatto. La schermata successiva ti mostrerà il ID unità pubblicitaria hai appena creato, pronto per essere copiato e incollato nel tuo .veloce file in Xcode. Suppongo che tu abbia già creato un nuovo progetto Xcode o ne possiedi uno in cui desideri aggiungere annunci AdMob.
Estrai il googlemobileadssdkios.zip file scaricato in precedenza dal server Firebase, aprire la relativa cartella e copiare GoogleMobileAds.framework solo.
Incollalo nella cartella del tuo progetto.
Ora inserisci il tuo progetto Xcode e vai al Generale scheda, scorrere verso il basso fino a Framework e libreria collegati sezione e trascina il GoogleMobileAds.framework file su di esso.
Potrebbe essere necessario aggiungere ulteriori framework iOS al progetto Xcode affinché AdMob possa ricevere e visualizzare i banner nella tua app.
Clicca sul + firmare in basso e importare i seguenti framework uno per uno:
La cosa da fare è passare a Costruisci le impostazioni scheda e cerca codice binario che. Xcode mostrerà il Abilita Bitcode opzione, e dovrai impostarlo No.
Ora sei pronto per scrivere un codice per pubblicare annunci AdMob nella tua app!
In base a come è stata creata la tua app, ti consigliamo di visualizzare gli annunci AdMob nei tuoi controller di visualizzazione. Quindi è necessario inserire il .veloce file del controller per cui si desidera visualizzare gli annunci e importare i seguenti framework nella parte superiore del file:
Importa GoogleMobileAds importa AudioToolbox
adottare la GADBannerViewDelegate protocollo aggiungendolo alla fine della dichiarazione della classe:
class ViewController: UIViewController, GADBannerViewDelegate
Aggiungi la visualizzazione banner AdMob sopra il viewDidLoad () metodo nella tua classe:
// Banner pubblicitario e visualizzazioni interstiziali var adMobBannerView = GADBannerView ()
La seguente riga di codice è una semplice stringa che richiama l'ID unità pubblicitaria precedentemente creato:
// IMPORTANTE: SOSTITUISCI LA STRINGA ROSSA DI SEGUITO CON L'ID DELL'UNITÀ DI ADESSO CHE HAI REGISTRATO REGISTRANDO LA TUA APP IN http://apps.admob.com lascia ADMOB_BANNER_UNIT_ID = "ca-app-pub-9733347540588953/7805958028"
Qui dovrai sostituire ca-app-pub-9733347540588953/6145924825con il tuo ID unità banner, quindi torna a AdMob Unità pubblicitarie pagina nel tuo browser per copiare quella stringa e incollarla nel codice sopra.
Ora aggiungi le funzioni sottostanti al tuo viewDidLoad () metodo:
override func viewDidLoad () super.viewDidLoad () // Init Banner AdMob initAdMobBanner ()
Infine, incolla la seguente dichiarazione di metodo ovunque tu voglia .velocefile (prima della parentesi di chiusura della classe e non in un metodo esistente):
Accentsconagua
// MARK: - ADMOB BANNER func initAdMobBanner () if UIDevice.current.userInterfaceIdiom == .phone // iPhone adMobBannerView.adSize = GADAdSizeFromCGSize (CGSize (larghezza: 320, altezza: 50)) adMobBannerView.frame = CGRect (x : 0, y: view.frame.size.height, width: 320, height: 50) else // iPad adMobBannerView.adSize = GADAdSizeFromCGSize (CGSize (larghezza: 468, altezza: 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 (request) // Nascondi la funzione banner hideBanner (_ banner: UIView) UIView.beginAnimations ("hideBanner", contesto: 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 // Mostra il banner func showBanner (_ banner: UIView) UIView.beginAnimations ("showBanner", contesto: 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 // banner AdMob disponibile func adViewDidReceiveAd (_ view: GADBannerView!) ShowBanner (adMobBannerView) // NESSUN banner AdMob disponibile func adView (_ view: GADBannerView !, didFailToReceiveAdWithError error: GADRequestError !) hideBanner (adMobBannerView)
Tieni presente che i banner AdMob hanno dimensioni diverse in base al dispositivo utilizzato, quindi le prime righe di codice func initAdMobBanner () imposta la dimensione dei banner per iPhone / iPod Touch e iPad.
Se sei curioso delle dimensioni dei banner disponibili per gli annunci AdMob, puoi consultare la documentazione di AdMob. Ad ogni modo, i migliori formati di banner per dispositivi iPhone e iPad sono quelli che abbiamo impostato nel codice qui sopra:
Su CodeCanyon, sto vendendo un modello di app iOS fornito con i banner AdMob integrati e che supporta anche annunci interstitial. Quindi, se vuoi accelerare lo sviluppo, puoi semplicemente acquistare quel modello e avviare la tua app.
Trovalo qui: iOS AdMob Banner + Interstital Ads Template | Universal (Swift).
Ci sono centinaia di altri modelli di app iOS su CodeCanyon. Vai a dare un'occhiata! Potresti solo risparmiare ore di lavoro sulla tua prossima app.
Grazie per la lettura, e ci vediamo la prossima volta! Consulta alcuni dei nostri altri corsi e tutorial sullo sviluppo di app per iOS con Swift.
