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

Time for action — adding a store finder


We'll add a store finder to our Coffee Beans iAd, so users can find a local store and go buy some great coffee:

  1. 1. Open the Coffee Beans project that we've been working on in iAd Producer. We'll start by adding an extra page to our iAd. From the ad overview, use the plus icon to add an extra page to the project. Double-click on the new page to open the template chooser and select Map. Double-click on the new page to open it on the ad canvas.

  2. 2. The first thing we'll do is add a custom pin; this will show on the map for each store near our user. Open the inspector pane and expand the Properties section; from the custom pin drop-down, select the pin image, for example, coffee-cup-pin.jpg. We'll adjust the offset to center the image over the blue location crosshair—change the X and Y offsets until your pin sits on the crosshair. An X Offset of around 8px and a Y Offset of 5px should work well with this image. Your aligned pin should be similar to the...