Book Image

iAd Production Beginner's Guide

By : Ben Collier
Book Image

iAd Production Beginner's Guide

By: Ben Collier

Overview of this book

Think of an iAd as a micro-app contained within an app on a user's iPhone or iPad that they've downloaded from the App Store. When the user taps your advert's banner it bursts into life filling the entire screen of their device. iAd Beginner's Guide takes you through the start to finish process of building rich, compelling, interactive iAds. You will learn to create beautiful multi-page ads with store finders, social sharing, 3D images and video galleries. You will create ads that utilize the powerful technologies in the iPhone to make your brand shine. Once you have engaged the user you can carry out targeted advertising campaigns with location-based coupons, store finders and social engagement. Using the iTunes Store you will see how it's even possible to add one-click digital content purchasing right within your ad. Learn how iAd producer manages all the HTML5, JavaScript, and CSS3 behind your iAd. You will be creating emotive, gripping and effective mobile advertising campaigns in no time.
Table of Contents (18 chapters)
iAd Production
Credits
About the Author
About the Reviewer
www.PacktPub.com
Preface

Using tools to create and test iAds


The main tool we'll be using to create our iAds is iAd Producer, a simple drag-and-drop tool for building, testing, and distributing amazing interactive iAds.

Introducing iAd Producer

iAd Producer manages all the HTML5, CSS3, and JavaScript in your iAd without your having to write a single line of code. In the following screenshot, we can see the rich visual interface of iAd Producer:

iAd Producer gives a visual overview of the structure and flow of your iAd. With it, you can add additional subpages and restructure your entire iAd in just a few clicks.

All your media assets are stored in the central asset library, which automatically manages support for high- and low-resolution displays by optimizing assets for the Retina display used in newer Apple iOS devices.

Note

The Retina display is Apple's high-resolution screen found in the iPhone 4 and iPod Touch onwards. It has double the resolution of older devices, giving it such a high pixel density that your eyes are unable to see the individual pixels. Such a vibrant, crisp, sharp screen can be taken full advantage of by your brand in your iAd. To find out more about Retina display, visit http://www.apple.com/ iphone/features/retina-display.html.

We can build entire ads just by dropping images and videos onto motion-rich 3D carousels with iAd Producer's pre-built templates. Menus are auto generated for the user to explore and navigate around your iAd.

iAd Producer makes it easy to apply visual animations and effects to your content, a great way of adding character and excitement to your iAd, without the heavy overhead of video. These animations includes wipes, fades, spinning effects, and cube transitions that can be applied to media items, text, or even entire pages.

To create a visually impacting experience that users are familiar with, iAd Producer includes a rich library of carousels, buttons, audio or video players, and galleries; all these can be added into your iAd with a simple drag-and-drop.

Throughout making your ad, iAd Producer validates and checks your project, identifying common problems, such as images being the incorrect size or format, or you're having forgotten to configure a certain page. This means you can catch issues early and focus on creating your ad.

To extend your iAd's functionality beyond the inbuilt features of iAd Producer, we're able to view, edit, and extend the code it creates to create even cooler stuff like social sharing of your content, quizzes, or competitions.

Once you've finished your iAd, iAd Producer packages and optimizes your assets to reduce the size and time spent, delivering your complete ad experience to the user.

Testing with the iOS Simulator and the iAd Tester app

The iOS Simulator is a virtual iPhone or iPad that runs on your Mac's desktop and a quick way of testing on devices that you can't buy or that aren't publicly available yet. It supports most of the features a real device would have, such as orientation and shakes. Orientation allows the device to know when it has been rotated and update the screen content accordingly. Similarly, with shakes, we can update on-screen content when the users shake their device. In the iOS Simulator, we can emulate these rotations and shakes from the menu; unfortunately, shaking or rotating your Mac won't have similar results.

Note

Even though you can test your iAd without a device, it's vital to test on a real iPhone, as an iAd will typically load and work faster in the simulator. This is because the simulator is able to use your entire system resources.

The iAd Tester app is a mobile application you can install on your iPhone, iPod, or iPad, through iTunes. The iAd Tester app is able to remotely connect to iAd Producer on your Mac and lets you test how your iAd will appear in other developers' apps.

To access iAd Producer, the iPhone/iPad simulator, or to test your iAd on a device, you'll need to join the Apple Developer Program.

Speeding development with iAd for Developers

If you have your own iOS application, Apple has a pre-built iAd package to drive downloads to your app, called iAd for Developers. To use this, you'll need to have an app live on the App Store, then contact Apple through the form available at http://advertising.apple.com/contact/, and choose iAd for Developers, to promote an app. The single page iAd is almost identical to your App Store listing and looks similar to the example, shown as follows: