You are previewing iAd Production.
O'Reilly logo
iAd Production

Book Description

Create motion-rich, beautiful iAd adverts for iOS devices and incorporate techniques to help boost revenue and brand awareness

  • Create interactive iAd mobile adverts that appear in applications downloaded from the App Store.

  • Learn to use the drag and drop visual tool, iAd Producer, to create ads without any experience with the underlying technologies.

  • Reach an audience that downloads over 200 apps per second and leave a lasting, memorable image of your brand with rich immersive ads.

  • In Detail

    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

    1. iAd Production
      1. Table of Contents
      2. iAd Production
      3. Credits
      4. About the Author
      5. About the Reviewer
      6. www.PacktPub.com
        1. Support files, eBooks, discount offers and more
          1. Why Subscribe?
          2. Free Access for Packt account holders
      7. Preface
        1. What this book covers
        2. What you need for this book
        3. Who this book is for
        4. Conventions
        5. Time for action — heading
          1. What just happened?
          2. Pop Quiz — heading
          3. Have a go hero — heading
        6. Reader feedback
        7. Customer support
          1. Downloading the example code
          2. Errata
          3. Piracy
          4. Questions
      8. 1. Getting Started with iAd
        1. Learning what an iAd is
          1. Understanding problems with existing mobile advertising
        2. Discovering what makes an iAd awesome
        3. Describing the anatomy of an iAd
          1. Understanding the banner's role
            1. Using different banner types
              1. Static image banner
              2. Dynamic HTML5 banner
          2. Transitioning into the ad
            1. Slide transition
            2. Reveal transition
          3. Making loading interesting with the splash page
          4. Exploring the core ad unit
        4. Understanding your iAd
          1. Structuring with HTML
          2. Styling with CSS3
          3. Interacting with JavaScript
          4. Arranging the files
        5. Using tools to create and test iAds
          1. Introducing iAd Producer
          2. Testing with the iOS Simulator and the iAd Tester app
          3. Speeding development with iAd for Developers
        6. Joining the developer program
          1. Using the right hardware
            1. You've got a Mac
        7. Time for action — checking your Mac
          1. What just happened?
        8. Time to get a Mac
          1. Becoming a registered developer
        9. Time for action — signing up for the developer program
          1. What just happened?
        10. Summary
      9. 2. Preparing Your Content for Mobile
        1. Including media in iAds
        2. Overcoming mobile constraints
          1. Designing for the small screen
          2. Delivering content when download speeds are limited
            1. Complying with file size restrictions
        3. Working with images
          1. Understanding the different image formats
          2. Resizing an image
        4. Time for action — cropping images using Preview
          1. What just happened?
          2. Cropping a section from an image
        5. Time for action — cropping a selection
          1. What just happened?
          2. Removing solid background colors
        6. Time for action — removing solid colors
          1. What just happened?
          2. Speeding up our image downloads
        7. Time for action — optimizing an image
          1. What just happened?
          2. Pop Quiz — understanding images
          3. Have a go hero — editing your own images
        8. Including audio
          1. Converting your audio
        9. Time for action — converting an mp3 to work on iOS
          1. What just happened?
        10. Incorporating video
          1. Converting your video
        11. Time for action — encoding a video
          1. What just happened?
          2. Fine tuning your video
            1. Video content
            2. Your video's audio
            3. Video dimensions
            4. Video durations
          3. Have a go hero — keeping in the guidelines
          4. Pop Quiz — audio and video
        12. Summary
      10. 3. Making Your iAd
        1. Getting iAd Producer
        2. Time for action — installing iAd Producer
          1. What just happened?
        3. Working with iAd Producer
          1. Launch screen
          2. Default ad
          3. Template selector
          4. Asset Library
          5. Ad canvas
        4. Setting up your ad
        5. Time for action — creating a new project
          1. What just happened?
        6. Getting the resources
        7. Building your banner
        8. Time for action — making the banner
          1. What just happened?
          2. Have a go hero — writing good banner text
        9. Time for action — changing the background
          1. What just happened?
          2. Have a go hero — learning about CSS3 gradients
        10. Time for action — adding an image
          1. What just happened?
        11. Time for action — supporting all orientations
          1. What just happened?
          2. Pop Quiz — making banners
        12. Making a splash
        13. Time for action — making the splash screen
          1. What just happened?
        14. Previewing the ad
        15. Time for action — testing your iAd
          1. What just happened?
        16. Adding a menu
        17. Time for action — making a menu
          1. What just happened?
          2. Have a go hero — menu pages
        18. Building the core ad pages
          1. Inserting an image gallery
        19. Time for action — making the image gallery
          1. What just happened?
          2. Have a go hero — cover flow gallery
          3. Shaking a view
        20. Time for action — shake shake shake
          1. What just happened?
          2. Letting users find our stores
        21. Time for action — store finder
          1. What just happened?
          2. Pop Quiz — iAd Producer
        22. Summary
      11. 4. Making Sure It Works
        1. Testing in Safari
        2. Time for action — going on Safari
          1. What just happened?
        3. Testing in the simulator
          1. Installing Xcode and the iOS Simulator
        4. Time for action — installing Xcode with the Mac App Store (easy)
          1. What just happened?
        5. Time for action — installing Xcode manually (harder)
          1. What just happened?
        6. Time for action — opening an ad
          1. What just happened?
          2. Interacting with the simulator
        7. Time for action — simulating hardware in the simulator
          1. What just happened?
          2. Pop Quiz — the iOS Simulator
        8. Time for action — simulating different devices
          1. What just happened?
          2. Have a go hero
        9. Testing on the device
          1. Installing iAd Tester
        10. Time for action — putting iAd Tester on your devices
          1. What just happened?
          2. Accessing your development iAd
            1. Copying to a device
        11. Time for action — exporting our iAd
          1. What just happened?
        12. Time for action — copying our ad to the device
          1. What just happened?
            1. Testing on the device
        13. Time for action — testing the ad
          1. What just happened?
            1. Wireless testing
        14. Time for action — wireless deployment
          1. What just happened?
          2. Have a go hero — securing iAd Producer
        15. Submitting your ad
        16. Time for action — publishing on the network
          1. What just happened?
          2. Pop Quiz — when to test on what
        17. Tackling common problems
          1. Validating your ads
        18. Time for action — validating your iAd
          1. What just happened?
          2. Troubleshooting common issues
            1. Warnings about the file size of images
            2. Slow performance
            3. Imported images appear small
            4. iAd tester doesn't show any ads
        19. Time for action — checking the network you're connected to
          1. What just happened?
        20. Sharing a demo
          1. Taking screenshots
        21. Time for action — taking a screenshot
          1. What just happened?
          2. Recording a screen cast
        22. Time for action — lights, camera, action
          1. What just happened?
          2. Have a go hero — creating a demo
          3. Sharing an ad
        23. Summary
      12. 5. Templates and Objects
        1. The templates
          1. Creating a banner from a template
        2. Time for action — creating a banner
          1. What just happened?
            1. Exploring other banner templates
        3. Using splash screens and preroll videos
        4. Time for action — prerollin'
          1. What just happened?
          2. Alternative splash screen templates
            1. Bouncing, dropping, and rotating
            2. The Wave template
          3. Have a go hero
        5. Using the menu templates
        6. Time for action — making the menu
          1. What just happened?
          2. Trying the available menu templates
          3. Pop Quiz — menu
        7. Creating more pages
        8. Time for action — pages
          1. What just happened?
          2. Highlighting the notable page templates
            1. Interacting with images: Cover Flow
            2. Using a 3D gallery: Grid View
            3. Revealing info with: Flip View
          3. Have a go hero
        9. Creating more advanced styles
          1. Using style presets
        10. Time for action — where's your style?
          1. What just happened?
          2. Changing states
        11. Time for action — what a state!
          1. What just happened?
          2. Pop Quiz — styles and states
        12. Going beyond templates with objects
        13. Time for action — adding objects
          1. What just happened?
          2. Have a go hero
        14. Time for action — more objects
          1. What just happened?
        15. Tweaking the transitions
        16. Time for action — transitions
          1. What just happened?
        17. Adding some animation
        18. Time for action — animations
          1. What just happened?
          2. Pop Quiz — animations and transitions
        19. Finishing touches
          1. Have a go hero — touched up
        20. Summary
      13. 6. Ad Destinations and Actions
        1. Opening external websites
        2. Selling digital products
        3. Time for action — downloading an app from our ad
          1. What just happened?
        4. Time for action — getting iTunes Store IDs
          1. What just happened?
        5. Time for action — fixing our ad
          1. What just happened?
          2. Pop Quiz — digital downloads
        6. Advanced store finders
        7. Time for action — adding a store finder
          1. What just happened?
        8. Time for action — hidden pages
          1. What just happened?
          2. Have a go hero
        9. Sending a message
        10. Time for action — sending the message
          1. What just happened?
        11. Summary
      14. 7. Building for the Big Screen
        1. Creating an iPad iAd
        2. Time for action — setting up an iPad project
          1. What just happened?
        3. Time for action — adding a banner to your iPad ad
          1. What just happened?
          2. Have a go hero
        4. Filling the screen with HTML5 full screen banners
        5. Time for action — providing multiple banner creatives
          1. What just happened?
        6. Time for action — creating an immersive video experience
          1. What just happened?
        7. Time for action — testing full screen banner situations
          1. What just happened?
          2. Pop Quiz — banners
          3. Have a go hero — improving your banners
        8. Making massive menus
        9. Time for action — combining objects to create a unique menu
          1. What just happened?
          2. Have a go hero
        10. Creating a grand gallery
        11. Time for action — making memories in a gallery
          1. What just happened?
        12. Scrolling content with a scroll view
        13. Time for action — scrolling content in our ad
          1. What just happened?
        14. Increasing footfall with a store finder
        15. Time for action — adding the store finder
          1. What just happened?
          2. Have a go hero
        16. Summary
      15. 8. Enhancing Our App with Code
        1. JavaScript
          1. The code editor
        2. Accessing page objects
        3. Time for action — accessing an object
          1. What just happened?
        4. Handling user events
          1. Sending SMS and e-mails
        5. Time for action — detecting a tap and sending an e-mail
          1. What just happened?
          2. Have a go hero
        6. Time for action — adding something extra to our e-mail
          1. What just happened?
          2. Have a go hero
          3. Pop Quiz — variables
        7. Adding a calendar entry
        8. Time for action — using the calendar
          1. What just happened?
          2. Have a go hero
        9. Playing audio
        10. Time for action — controlling an audio player
          1. What just happened?
        11. Tweeting with Twitter
        12. Time for action — tweeting the tweet
          1. What just happened?
          2. Have a go hero
        13. The debugger
          1. Error checking syntax
          2. Using the debugger
          3. Coding conventions
          4. Have a go hero
        14. Summary
      16. 9. Managing a Successful iAd Campaign
        1. Finding your audience
          1. Targeting
            1. Contextual advertising
            2. Behavioral targeting
            3. iAd targeting
        2. Pricing models
          1. Cost per Millie (CPM)
          2. Pay per Click (PPC)
            1. Flat rate PPC
            2. Bid PPC
          3. Cost per Action (CPA)
          4. iAd's pricing model
        3. Measuring success
        4. Time for action — viewing the logs
          1. What just happened?
        5. Customizing the logs
        6. Time for action — customizing the logs
          1. What just happened?
        7. Time for action — using sections
          1. What just happened?
          2. Pop Quiz — naming your ad's sections
          3. Have a go hero — analytics
        8. Going live
          1. Have a go hero — test submission
        9. Tracking the campaign
        10. Summary
      17. 10. Adding iAds into Your App
        1. Setting up the base project
        2. Time for action — a placeholder app
          1. What just happened?
        3. Time for action — running on the device
          1. What just happened?
        4. Adding the banner to your view
        5. Time for action — adding the banner
          1. What just happened?
        6. Handling orientation changes
        7. Time for action — you spin me right round
          1. What just happened?
          2. Pop Quiz
        8. Handling no available ads
        9. Time for action — ban the banner
          1. What just happened?
          2. Have a go hero
        10. Time for action — clean the code
          1. What just happened?
        11. Summary
      18. 11. Tracking Revenue and Fallbacks
        1. Enabling live ads
          1. Accepting the contract
        2. Time for action — signing the dotted line
          1. What just happened?
          2. Enabling your ads
        3. Time for action — enabling ads
          1. What just happened?
        4. Monitoring your income
          1. Revenue
          2. Impressions
          3. Requests
          4. Fill-rate
          5. eCPM
          6. Click-through rate
        5. Time for action — analysing earnings
          1. What just happened?
          2. Pop Quiz — earning learnings
        6. Fallbacks
        7. Time for action — adding another ad
          1. What just happened?
          2. Have a go hero
        8. Summary
      19. A. Pop Quiz — Answers
        1. Chapter 2, Preparing Your Content
        2. Chapter 3, Making Your iAd
        3. Chapter 4, Making Sure it Works
        4. Chapter 5, Templates and Objects
        5. Chapter 6, iAd Destinations
        6. Chapter 7, Building for the Big Screen
        7. Chapter 8, Creating Interactive Ads
        8. Chapter 9, Managing a Successful iAd Campaign
        9. Chapter 10, Adding iAds into Your App
        10. Chapter 11: Tracking Revenue and Fallbacks
      20. Index