T#027 – Inseriamo la pubblicità con AdMob nelle nostre applicazioni

Oggi vedremo come implementare i banner pubblicitari di AdMob nelle nostre applicazioni. Il primo passo da effettuare è sicuramente quello di visitare il sito di AdMob ed effettuare l’iscrizione al servizio. Una volta effettuata l’iscrizione, avrete la possibilità sia di creare campagne pubblicitarie per i dispositivi mobile, sia di inserire banner pubblicitari sulla vostra di applicazione (o eventuale sito ottimizzato).

Dopo aver effettuato la registrazione, colleghiamoci sempre al sito ed effettuiamo quindi il login. Ci troveremo di fronte ad un menu, clicchiamo su “Siti ed applicazione” ed scegliamo dal sottomenu “Aggiungi sito/applicazione”. Nel nostro caso cliccheremo ovviamente su “Applicazione iphone”.

Verrà quindi mostrato un form dove inseriremo rispettivamente:

• Nome dell’applicazione
• Url di appstore ( da lasciare vuoto nel caso di applicazioni cydia )
• Categoria dell’applicazione
• Descrizione

Possiamo inoltre personalizzare il tema del banner pubblicitario oppure lasciare quello predefinito

Una volta compilato il form dovremo effettuare il download del codice di installazione.
Scaricheremo quindi un package in cui sono presenti i file da importare nel nostro progetto già settati con il nostro codice utente per ottenere la retribuzione al click del banner da parte dell’utente.

Aggiungiamo AdMob nella nostra applicazione iPhone

Apriamo Xcode ed in particolare il progetto della nostra applicazione.
Creiamo un gruppo nella categoria Classes chiamata “AdMob” in modo da stipare i file relativi ad AdMob in una sola cartella.

Trasciniamo in questa cartella del nostro progetto i file delle seguenti cartelle presenti nel package scaricato al termine della configurazione sul sito AdMob:

• Contenuto cartella AdMob
• Contenuto cartella Extras
• Contenuto cartella IbSupport
• Contenuto cartella TouchJson

Una volta effettuata questa operazione, occorre importare i seguenti frameworks nel nostro progetto:

• CoreLocation
• CoreGraphics
• QuartzCore
• AddressBook
• AudioToolbox
• Media Player
• AddressBook

Questi sono infatti indispensabili per il corretto funzionamento del servizio AdMob.

Per chi non lo sapesse, per importare i frameworks bisogna procedere in questo modo:

Nella finestra Xcode del nostro progetto accediamo al gruppo Targets dove troveremo il target relativo alla nostra applicazione.
Clicchiamo sul target “nomeapplicazione” con il tastro destro e poi su GetInfo.
Verrà aperta una finestra ed accederemo al menu General.
In basso sarà presente la lista dei frameworks importati nel progetto.

Clicchiamo su “+” e si aprirà una nuova finestra in cui sono presenti tutti i frameworks installati.
Scegliamo quelli menzionati sopra che vogliamo importare e clicchiamo su “Add”

Una volta effettuata questa operazione apriamo, tramite doppio-click, il file Xib in cui vogliamo inserire il nostro AdMob e procediamo in questo modo:

Doppio click sulla nostra view ( si aprirà ovviamente la finestra relativa alla View creata )
Accediamo alla Libreria ( Menu Tools-> Library )
Trasciniamo un oggetto UIView nella nostra View
Modifichiamone la dimensione rendendola 320×48 ( menu Tools-> Attribute Inspector -> View Size ) e sistemiamola dove vogliamo che venga visualizzato il banner adMob.
Dovremmo ottenere qualcosa simile a quanto mostrato in figura:

Ora dalla libreria aggiungiamo un Object.
Accediamo al suo Attribute Inspector e cambiamone il tipo ( alla voce Class Identity ) come AdViewController.

Accediamo quindi alla sezione Controller Connections ( relativo sempre all’Object ) e colleghiamo l’Outlets View alla nostra view 320×48 creata e posizionata in precedenza.

Il nostro lavoro termina qui, non c’è nient’altro da fare.

Nella prossima guida vedremo come implementare un AdMob in una TableView.