iPhoneCampus

Het geld stroomt nog niet echt binnen. Op zoek naar geld wilde ik advertenties toevoegen aan mijn Apps. Ik heb 2 opties geprobeerd:

1. Admob. Ziet er goed uit. Aanmelden is makkelijk. Alleen is de installatie in je app niet idiot-proof. Ook moet je Quartz ed. aanzetten in je app. Kortom, teveel gedoe voor een noob als ik.
2. Google Adsense for Mobile Applications. Is zogenaamd nog in de beta-fase maar toch open voor iedereen. Nou, ik ben niet iedereen. Na 2 keer aanmelden nog steeds niks gehoord.

Dus ben ik zelf maar gaan klussen. Met een combinatie van html en webview moet het toch wel lukken? Gelukkig wel.

Kenmerken:

• Als de gebruiker vanuit de App erop klikt wordt de App store geopend.
• De standaard witte achtergrond van de UIWebView bij het laden is verborgen
• Dankzij html kunnen random advertenties getoond worden.

Allereerst de App-kant. En ik ga niet helemaal uitschrijven hoe het moet (dit blijft liefdadigheidswerk). Ik zet gewoon de code op het web. Mocht dat niet duidelijk zijn, stuur maar een bericht en ik zal proberen te helpen.

1. Maak in de .h file van je class een UIWebView Outlet en property. Neem de class van de view waar je Ads wilt.
   

   
IBOutlet UIWebView *webView;}
@property (nonatomic, retain) UIWebView *webView;


2. Voeg in de .m file van dezelfde class de volgende code toe in je “viewDidLoad”. Uiteraard moet je de URL vervangen voor iets van jezelf.
   

   
NSString *urlAddress = @"http://www.joepps.nl/ads/ads.html";
NSURL *url = [NSURL URLWithString:urlAddress];

   NSURLRequest *requestObj = [NSURLRequest requestWithURL:url];

   [webView loadRequest:requestObj];


3. Voeg elders in dezelfde .m file de volgende methods toe.
   

   - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {
if (navigationType == UIWebViewNavigationTypeLinkClicked) {
NSURL *url = [request URL];
if (![[url scheme] hasPrefix:@"file"]) {
[[UIApplication sharedApplication] openURL:url];

   return NO;}}
return YES;}

   - (void)webViewDidFinishLoad:(UIWebView *)webView{
[self performSelector:@selector(showAboutWebView) withObject:nil afterDelay:.1]; // zo wordt de witte achtergrond voorkomen
}

   - (void)showAboutWebView{
[webView setHidden:NO];
}


4. Voeg in je NIB file van deze class een UIWebView toe. De maat moet zijn 44×320 (dit wordt de maat van je advertenties. Deze is redelijk standaard). Maak de File Owner de delegate van je Webview. Koppel ook de Webview als Outlet van je File Owner.

De applicatie kant is klaar! Nu nog de internet kant.

1. Maak een mooie advertentie in png-format. Ik gebruik Powerpoint en vervolgens zorg ik er Photoshop voor dat ie de juiste maat krijgt: 44×320 pixels.
2. Het html bestand waar de app naar verwijst ziet er als volgt uit. Download hier met rechtermuisknop (WordPress snapt het niet als ik html code citeer).
3. Tot slot het html bestand van de advertentie. Download hier met rechtermuisknop. Tricky was nog om ervoor te zorgen dat er geen witte randen kwamen.

Veel commercieel succes! Jullie zijn nu zelf Google geworden!