{"id":2569,"date":"2010-03-20T12:43:15","date_gmt":"2010-03-20T11:43:15","guid":{"rendered":"http:\/\/www.devapp.it\/wordpress\/?p=2569"},"modified":"2012-02-06T18:42:01","modified_gmt":"2012-02-06T17:42:01","slug":"t027-inseriamo-la-pubblicita-con-admob-nelle-nostre-applicazioni","status":"publish","type":"post","link":"https:\/\/www.devapp.it\/wordpress\/t027-inseriamo-la-pubblicita-con-admob-nelle-nostre-applicazioni\/","title":{"rendered":"T#027 &#8211; Inseriamo la pubblicit\u00e0 con AdMob nelle nostre applicazioni"},"content":{"rendered":"<p><a href=\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/logoAdMob.gif\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/logoAdMob.gif\" alt=\"Logo AdMob\" title=\"logoAdMob\" width=\"100\" height=\"31\" class=\"alignleft size-full wp-image-2570\" \/><\/a> Oggi vedremo come implementare i banner pubblicitari di AdMob nelle nostre applicazioni. Il primo passo da effettuare \u00e8 sicuramente quello di visitare il <a href=\"http:\/\/www.admob.com\/\">sito di AdMob<\/a> ed effettuare l\u2019iscrizione al servizio. Una volta effettuata l\u2019iscrizione, avrete la possibilit\u00e0 sia di creare campagne pubblicitarie per i dispositivi mobile, sia di inserire banner pubblicitari sulla vostra di applicazione (o eventuale sito ottimizzato).<!--more--><\/p>\n<p>Dopo aver effettuato la registrazione, colleghiamoci sempre al sito ed effettuiamo quindi il login. Ci troveremo di fronte ad un menu, clicchiamo su &#8220;Siti ed applicazione&#8221; ed scegliamo dal sottomenu &#8220;Aggiungi sito\/applicazione&#8221;. Nel nostro caso cliccheremo ovviamente su &#8220;Applicazione iphone&#8221;.<\/p>\n<p><center><br \/>\n<a href=\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/t027_01_Aggiungi_Sito_o_Applicazione.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/t027_01_Aggiungi_Sito_o_Applicazione.jpg\" alt=\"T#027 - Aggiungi sito o applicazione (AdMob)\" title=\"t027_01_Aggiungi_Sito_o_Applicazione\" width=\"500\" height=\"313\" class=\"aligncenter size-full wp-image-2572\" srcset=\"https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/t027_01_Aggiungi_Sito_o_Applicazione.jpg 1280w, https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/t027_01_Aggiungi_Sito_o_Applicazione-300x187.jpg 300w, https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/t027_01_Aggiungi_Sito_o_Applicazione-1024x640.jpg 1024w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><br \/>\n<\/center><\/p>\n<p>Verr\u00e0 quindi mostrato un form dove inseriremo rispettivamente:<\/p>\n<ul>\n<li>Nome dell\u2019applicazione<\/li>\n<li>Url di appstore ( da lasciare vuoto nel caso di applicazioni cydia )<\/li>\n<li>Categoria dell\u2019applicazione<\/li>\n<li>Descrizione<\/li>\n<\/ul>\n<p>Possiamo inoltre personalizzare il tema del banner pubblicitario oppure lasciare quello predefinito<\/p>\n<p><center><br \/>\n<a href=\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/t027_02_form_admob.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/t027_02_form_admob.jpg\" alt=\"T#027 Form (AdMob)\" title=\"t027_02_form_admob\" width=\"500\" height=\"313\" class=\"aligncenter size-full wp-image-2577\" srcset=\"https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/t027_02_form_admob.jpg 1280w, https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/t027_02_form_admob-300x187.jpg 300w, https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/t027_02_form_admob-1024x640.jpg 1024w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><br \/>\n<\/center><\/p>\n<p>Una volta compilato il form dovremo effettuare il download del codice di installazione.<br \/>\nScaricheremo quindi un package in cui sono presenti i file da importare nel nostro progetto gi\u00e0 settati con il nostro codice utente per ottenere la retribuzione al click del banner da parte dell\u2019utente.<\/p>\n<h4>Aggiungiamo AdMob nella nostra applicazione iPhone<\/h4>\n<p>Apriamo Xcode ed in particolare il progetto della nostra applicazione.<br \/>\nCreiamo un gruppo nella categoria <em>Classes<\/em> chiamata &#8220;AdMob&#8221; in modo da stipare i file relativi ad AdMob in una sola cartella.<\/p>\n<p>Trasciniamo in questa cartella del nostro progetto i file delle seguenti cartelle presenti nel package scaricato al termine della configurazione sul sito AdMob:<\/p>\n<ul>\n<li>Contenuto cartella AdMob<\/li>\n<li>Contenuto cartella Extras<\/li>\n<li>Contenuto cartella IbSupport<\/li>\n<li>Contenuto cartella TouchJson<\/li>\n<\/ul>\n<p><center><br \/>\n<a href=\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/t027_03_gruppo_file_Admob.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/t027_03_gruppo_file_Admob.jpg\" alt=\"T#027 - Gruppo File AdMob importati nel progetto in Xcode\" title=\"t027_03_gruppo_file_Admob\" width=\"500\" height=\"368\" class=\"aligncenter size-full wp-image-2579\" srcset=\"https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/t027_03_gruppo_file_Admob.jpg 500w, https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/t027_03_gruppo_file_Admob-300x220.jpg 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><br \/>\n<\/center><\/p>\n<p>Una volta effettuata questa operazione, occorre importare i seguenti frameworks nel nostro progetto:<\/p>\n<ul>\n<li>CoreLocation<\/li>\n<li>CoreGraphics<\/li>\n<li>QuartzCore<\/li>\n<li>AddressBook<\/li>\n<li>AudioToolbox<\/li>\n<li>Media Player<\/li>\n<li>AddressBook<\/li>\n<\/ul>\n<p>Questi sono infatti <strong>indispensabili<\/strong> per il corretto funzionamento del servizio AdMob.<\/p>\n<p>Per chi non lo sapesse, per importare i frameworks bisogna procedere in questo modo:<\/p>\n<p>Nella finestra Xcode del nostro progetto accediamo al gruppo Targets dove troveremo il target relativo alla nostra applicazione.<br \/>\nClicchiamo sul target \u201cnomeapplicazione\u201d con il tastro destro e poi su GetInfo.<br \/>\nVerr\u00e0 aperta una finestra ed accederemo al menu General.<br \/>\nIn basso sar\u00e0 presente la lista dei frameworks importati nel progetto.<\/p>\n<p><center><br \/>\n<a href=\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/t027_04_aggiunta_frameworks.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/t027_04_aggiunta_frameworks.jpg\" alt=\"T#027 - Aggiunta Frameworks nel progetto Xcode\" title=\"t027_04_aggiunta_frameworks\" width=\"500\" height=\"502\" class=\"aligncenter size-full wp-image-2580\" srcset=\"https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/t027_04_aggiunta_frameworks.jpg 500w, https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/t027_04_aggiunta_frameworks-150x150.jpg 150w, https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/t027_04_aggiunta_frameworks-298x300.jpg 298w, https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/t027_04_aggiunta_frameworks-50x50.jpg 50w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><br \/>\n<\/center><\/p>\n<p>Clicchiamo su \u201c+\u201d e si aprir\u00e0 una nuova finestra in cui sono presenti tutti i frameworks installati.<br \/>\nScegliamo quelli menzionati sopra che vogliamo importare e clicchiamo su \u201cAdd\u201d<\/p>\n<p>Una volta effettuata questa operazione apriamo, tramite doppio-click, il file Xib in cui vogliamo inserire il nostro AdMob e procediamo in questo modo:<\/p>\n<p>Doppio click sulla nostra view ( si aprir\u00e0 ovviamente la finestra relativa alla View creata )<br \/>\nAccediamo alla Libreria ( Menu Tools-> Library )<br \/>\nTrasciniamo un oggetto UIView nella nostra View<br \/>\nModifichiamone la dimensione rendendola 320&#215;48 ( menu Tools-> Attribute Inspector -> View Size ) e sistemiamola dove vogliamo che venga visualizzato il banner adMob.<br \/>\nDovremmo ottenere qualcosa simile a quanto mostrato in figura:<\/p>\n<p><center><br \/>\n<a href=\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/t027_05_Inserimento_View.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/t027_05_Inserimento_View.jpg\" alt=\"T#027 Inserimento della UIView per AdMob nel progetto Xcode\" title=\"t027_05_Inserimento_View\" width=\"500\" height=\"380\" class=\"aligncenter size-full wp-image-2583\" srcset=\"https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/t027_05_Inserimento_View.jpg 975w, https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/t027_05_Inserimento_View-300x228.jpg 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><br \/>\n<\/center><\/p>\n<p>Ora dalla libreria aggiungiamo un Object.<br \/>\nAccediamo al suo Attribute Inspector e cambiamone il tipo ( alla voce Class Identity ) come AdViewController.<\/p>\n<p><center><br \/>\n<a href=\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/t027_06_aggiungiamo_un_object.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/t027_06_aggiungiamo_un_object.jpg\" alt=\"T#027 - Aggiungiamo un Object\" title=\"t027_06_aggiungiamo_un_object\" width=\"500\" height=\"294\" class=\"aligncenter size-full wp-image-2585\" srcset=\"https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/t027_06_aggiungiamo_un_object.jpg 1277w, https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/t027_06_aggiungiamo_un_object-300x176.jpg 300w, https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/t027_06_aggiungiamo_un_object-1024x603.jpg 1024w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><br \/>\n<\/center><\/p>\n<p>Accediamo quindi alla sezione Controller Connections ( relativo sempre all\u2019Object ) e colleghiamo l\u2019Outlets View alla nostra view 320&#215;48 creata e posizionata in precedenza.<\/p>\n<p><center><br \/>\n<a href=\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/t027_07_outlet.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/03\/t027_07_outlet.jpg\" alt=\"T#027 Colleghiamo l&#039;outlet\" title=\"t027_07_outlet\" width=\"500\" height=\"294\" class=\"aligncenter size-full wp-image-2586\" \/><\/a><br \/>\n<\/center><\/p>\n<p>Il nostro lavoro termina qui, non c&#8217;\u00e8 nient&#8217;altro da fare.<\/p>\n<p>Nella prossima guida vedremo come implementare un AdMob in una TableView.<\/p>\n<p><center><br \/>\n<a href=\"http:\/\/www.creact.it\/friends-phone-locator\/\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2012\/02\/FriendPhoneLocator-Banner.png\" alt=\"Friend Phone Locator Banner\" title=\"FriendPhoneLocator_Banner\" width=\"400\" height=\"60\" class=\"aligncenter size-full wp-image-1917\" \/><\/a><br \/>\n<\/center><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Oggi vedremo come implementare i banner pubblicitari di AdMob nelle nostre applicazioni. Il primo passo da effettuare&#8230;<\/p>\n","protected":false},"author":46,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[146,120,1],"class_list":["post-2569","post","type-post","status-publish","format-standard","hentry","category-tutorial-pratici","tag-admob","tag-tutorial","tag-tutorial-pratici"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/2569","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/users\/46"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/comments?post=2569"}],"version-history":[{"count":11,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/2569\/revisions"}],"predecessor-version":[{"id":8554,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/2569\/revisions\/8554"}],"wp:attachment":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/media?parent=2569"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/categories?post=2569"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/tags?post=2569"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}