Wir bei coANDco (UK) Ltd. haben mit Apple iAds experimentiert und ein kleines Beispiel zusammengestellt. Dieses Demo sollte auf Windows sowohl als auch Mac funktionieren

Demo Installationsanleitung

Anforderungen: iOs 4.0 und das neuste iTunes. Beides kann kostenlos von Apple bezogen werden. Achtung: Seit iOS 4.1 funktionieren in iAds interne Links nicht mehr. Apple erwartet, das innerhalb der iAd Bundles die HTML Dateien via JavaScript aufgerufen werden. Wir arbeiten zur Zeit an einer Lösung.

Schritt 1: Die iAd Tester App downloaden um einen Werbebanner zu “simulieren”. Der iAd Tester kann hier heruntergeladen werden. Bemerkung: Die App benötigt ein Zertifikat/Provisioning Profil welches nach ein paar Tagen abläuft. Wir haben hier heute am 20. Juli 2010 eine neue iAd Tester App hochgeladen. Die alte App sollte durch diese Ersetzt werden, damit sie wieder funktioniert.

Schritt 2: Das Advertising Bundle (ein Zip file) von www.coandcouk.com/downloads/coANDco_sample_ad.zip downloaden. Bemerkung: Dieses Bundle ist 25 Megabytes gross. Die Groesse stammt daher, dass wir ein lokales Video ins Bundle gepackt haben um Bandbreite zu sparen, wenn sich das Bundle verbreitet. Hoechstwahrscheinlich wird Apple Auflagen bezueglich Datengroesse machen. Diese sind aber bis anhin noch nicht bekannt.

Schritt 3: iTunes oeffnen und das iPhone mit iOS 4.0 via Kabel mit dem Computer verbinden.

Schritt 4: Die iAd Tester App entpacken, auf iTunes ziehen und so auf dem Phone installieren.

Schritt 5: Das iPhone mit iTunes synchronisieren

Schritt 6: in iTunes auf das iPhone clicken und anschliessend auf die “Apps” tab.

Schritt 7: Nach “iAd” suchen

Schritt 8: auf den iAd Tester clicken und runterscrollen:

Schritt 9: Auf der linken Seite nochmals den iAd Tester auswählen, dann das gedownloadete coANDco_sample.ad.zip file in das Documents Fenster ziehen (Wichtig: Nicht entpacken):

Schritt 10: den iAd Tester auf dem iPhone oeffnen

Man sollte jetzt unten links die iAd auswaehlen koennen. Die coANDco Ad auswaehlen – das war’s.

Wir werden hier in Kuerze auch publizieren, wie die jeweiligen Screens erstellt wurden. Die Werbung koennte in manchen Aspekten viel Aufwaendiger und sexier sein. Sie soll hier nur als Beispiel dienen, wie der Prozess einer installation ablaeuft.

Zoegern Sie nicht, mit uns in Kontakt zu treten, wenn Sie Fragen haben.

Troubleshooting

• Die Ad erscheint nicht in meiner iAd Tester App?
  - Das iPhone muss die iAd zuerst entpacken. Das kann ein paar Sekunden oder bis zu einer Minute dauern
  - Wenn die App nicht erscheint, iAd Tester auf dem Phone beenden und neu starten
  - Sobald im iTunes Documents Fenster die Endung .zip verschwindet ist die iAd Unit im iAd Tester verfuegbar
  - Das ZIP paket darf nicht umbenannt werden
• Das iPhone meldet das “Provisioning Profil” sei abgelaufen
  - Es muss eine aktuelle/neue Version der iAd Tester App installiert sein. Diese kann hier bezogen werden. Die App muss komplett von iTunes (in der Apps Übersicht) und vom iPhone gelöscht werden (lange auf das Icon drücken und das X anclicken). Die neu heruntergeladene Applikation muss dann wie oben beschrieben installiert werden. Leider müssen die Ad pakete auch neu installiert werden.
• Die internen Links funktionieren nicht
  - Seit iOS 4.1 funktionieren interne Links zu HTML Dateien innerhalb iAd Bundles nicht mehr. Apple gibt vor, dass JavaScript zum laden der Dateien benutzt werden soll. Wir sind derzeit im Zuge, unser Advertising Bundle für iOS 4.0 upzudaten.

Update: Wir haben das Beispiel Paket so erneuert, dass es auf iOS 4.0 funktioniert (23.9.2010)

Update: Wir haben die iPhone Ad Tester Applikation erneuert weil das Zertifikat abgelaufen ist. Die neue Applikation kann hier heruntergeladen werden. Die App muss ebenfalls vom iPhone entfernt und erneut installiert werden, indem die App auf das iTunes Icon im Dock gezogen wird. (12.11.2010)

The video plays nicely on the iPhone, however. What struck me was, that it had almost 140′000 views in less than 3 days. This is a lot. Particularly for video of average content like this.

I soon found the explanation for the count: Enter any two words of the English language in YouTube search, and this video would show up. You can find a list of words from http://scenari-platform.org/svn/dev-core/trunk/Lib_XulRunner/mac/dictionaries/en-US.dic. Somehow, this kid has managed to get all those words in as tags or YouTube’s new closed caption which YouTube also uses for displaying search result. Try it out, for example search for “Admiralty” and “Marzipan”.

Hopefully YouTube will fix this before everyone will spam their search!

<link rel=”stylesheet” type=”text/css” ref=”http://somesite.com/css/screen.css?v1.2″ />

respectively with the CSS “import” statement:

@import ‘lib/layout.css?v1.2′;

Now everytime you make changes to the CSS file, you increment the version number. Like this the clients browser thinks it’s a different file and loads the new version.
If you are lazy person like me, you probably don’t want to do this manually every time. In that case you could automatically append the file modification time. With PHP this could look like this:

<link rel=”stylesheet” type=”text/css” ref=”http://somesite.com/css/screen.css?v<?php echo filemtime(’css/screen.css’) ?>” />

The same method can be applied to linked Javascript files.

Keep in mind that caching should be your friend, because it makes your page load faster.

Happy coding!