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.

Related Content you might be interested in

Current Title:

Small book image
iAd Production Beginner's Guide
Ben Collier
Feb, 2012 | 340 pages
No titles found
Table of Contents (18 chapters)
iAd Production
iAd Production
Credits
Credits
About the Author
About the Author
About the Reviewer
About the Reviewer
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Getting Started with iAd
Getting Started with iAd
Learning what an iAd is
Discovering what makes an iAd awesome
Describing the anatomy of an iAd
Understanding your iAd
Using tools to create and test iAds
Joining the developer program
Time for action — checking your Mac
Time to get a Mac
Time for action — signing up for the developer program
Summary
2
Preparing Your Content for Mobile
Preparing Your Content for Mobile
Including media in iAds
Overcoming mobile constraints
Working with images
Time for action — cropping images using Preview
Time for action — cropping a selection
Time for action — removing solid colors
Time for action — optimizing an image
Including audio
Time for action — converting an mp3 to work on iOS
Incorporating video
Time for action — encoding a video
Summary
3
Making Your iAd
Making Your iAd
Getting iAd Producer
Time for action — installing iAd Producer
Working with iAd Producer
Setting up your ad
Time for action — creating a new project
Getting the resources
Building your banner
Time for action — making the banner
Time for action — changing the background
Time for action — adding an image
Time for action — supporting all orientations
Making a splash
Time for action — making the splash screen
Previewing the ad
Time for action — testing your iAd
Adding a menu
Time for action — making a menu
Building the core ad pages
Time for action — making the image gallery
Time for action — shake shake shake
Time for action — store finder
Summary
4
Making Sure It Works
Making Sure It Works
Testing in Safari
Time for action — going on Safari
Testing in the simulator
Time for action — installing Xcode with the Mac App Store (easy)
Time for action — installing Xcode manually (harder)
Time for action — opening an ad
Time for action — simulating hardware in the simulator
Time for action — simulating different devices
Testing on the device
Time for action — putting iAd Tester on your devices
Time for action — exporting our iAd
Time for action — copying our ad to the device
Time for action — testing the ad
Time for action — wireless deployment
Submitting your ad
Time for action — publishing on the network
Tackling common problems
Time for action — validating your iAd
Time for action — checking the network you're connected to
Sharing a demo
Time for action — taking a screenshot
Time for action — lights, camera, action
Summary
5
Templates and Objects
Templates and Objects
The templates
Time for action — creating a banner
Using splash screens and preroll videos
Time for action — prerollin'
Using the menu templates
Time for action — making the menu
Creating more pages
Time for action — pages
Creating more advanced styles
Time for action — where's your style?
Time for action — what a state!
Going beyond templates with objects
Time for action — adding objects
Time for action — more objects
Tweaking the transitions
Time for action — transitions
Adding some animation
Time for action — animations
Finishing touches
Summary
6
Ad Destinations and Actions
Ad Destinations and Actions
Opening external websites
Selling digital products
Time for action — downloading an app from our ad
Time for action — getting iTunes Store IDs
Time for action — fixing our ad
Advanced store finders
Time for action — adding a store finder
Time for action — hidden pages
Sending a message
Time for action — sending the message
Summary
7
Building for the Big Screen
Building for the Big Screen
Creating an iPad iAd
Time for action — setting up an iPad project
Time for action — adding a banner to your iPad ad
Filling the screen with HTML5 full screen banners
Time for action — providing multiple banner creatives
Time for action — creating an immersive video experience
Time for action — testing full screen banner situations
Making massive menus
Time for action — combining objects to create a unique menu
Creating a grand gallery
Time for action — making memories in a gallery
Scrolling content with a scroll view
Time for action — scrolling content in our ad
Increasing footfall with a store finder
Time for action — adding the store finder
Summary
8
Enhancing Our App with Code
Enhancing Our App with Code
JavaScript
Accessing page objects
Time for action — accessing an object
Handling user events
Time for action — detecting a tap and sending an e-mail
Time for action — adding something extra to our e-mail
Adding a calendar entry
Time for action — using the calendar
Playing audio
Time for action — controlling an audio player
Tweeting with Twitter
Time for action — tweeting the tweet
The debugger
Summary
9
Managing a Successful iAd Campaign
Managing a Successful iAd Campaign
Finding your audience
Pricing models
Measuring success
Time for action — viewing the logs
Customizing the logs
Time for action — customizing the logs
Time for action — using sections
Going live
Tracking the campaign
Summary
10
Adding iAds into Your App
Adding iAds into Your App
Setting up the base project
Time for action — a placeholder app
Time for action — running on the device
Adding the banner to your view
Time for action — adding the banner
Handling orientation changes
Time for action — you spin me right round
Handling no available ads
Time for action — ban the banner
Time for action — clean the code
Summary
11
Tracking Revenue and Fallbacks
Tracking Revenue and Fallbacks
Enabling live ads
Time for action — signing the dotted line
Time for action — enabling ads
Monitoring your income
Time for action — analysing earnings
Fallbacks
Time for action — adding another ad
Summary
Pop Quiz — Answers
Pop Quiz — Answers
Chapter 2, Preparing Your Content
Chapter 3, Making Your iAd
Chapter 4, Making Sure it Works
Chapter 5, Templates and Objects
Chapter 6, iAd Destinations
Chapter 7, Building for the Big Screen
Chapter 8, Creating Interactive Ads
Chapter 9, Managing a Successful iAd Campaign
Chapter 10, Adding iAds into Your App
Chapter 11: Tracking Revenue and Fallbacks

Time for action — prerollin'

We'll continue with our Coffee Beans project and add a short video of a steamy cup of coffee:

  1. 1. If you haven't already, open the Coffee Beans project, or if you're working on your own ad, open that now.

  2. 2. The preroll video is set up with the splash screen, so we'll need to add a placeholder Splash screen before we can add our preroll. Double-click Splash from the ad overview to open the template chooser. Select the Mosaic template. The Mosaic templatecuts an image added to the canvas into multiple sections that are transitioned onto the screen. Double-click on the Splash page again, to open the ad overview.

  3. 3. Open the asset library pane and drag the coffee-steam-video.jpg to the canvas. This is the poster frame of our preroll video and can be used to transition smoothly into the ad while the main video loads. A poster frame is a snapshot image from the first second of our video and is created automatically when converting it in QuickTime.

  4. 4. While still in the...

Previous Section
End of Section 5
Next Section