• Marketing Land
  • Sections
    • CMO
    • Social
    • SEM
    • SEO
    • Analytics
    • Display
    • Retail
    • MarTech
    • Resources
    • More
    • Home
  • Marketing Land
  • CMO
  • Social
  • SEM
  • SEO
  • Analytics
  • Display
  • Retail
  • MarTech
  • Resources
  • More
  • SUBSCRIBE

Marketing Land

Marketing Land
  • CMO
  • Social
  • SEM
  • SEO
  • Analytics
  • Display
  • Retail
  • MarTech
  • Resources
  • More
  • Home
  • Newsletters
  • Home
Display Advertising

As Flash Apocalypse approaches, here are HTML5 rules of thumb to keep in mind

On June 30, Google will stop accepting Flash ads. That means learning to love HTML5.

Barry Levine on May 26, 2016 at 10:00 am
  • More
flash-apocalypse-ss-1920

The end is near.

The end of Adobe’s Flash as a technology for ads, that is. While the death of other marketing phenomena has sometimes been exaggerated, we know that Flash is racing toward its demise on June 30.

On that date, Google will no longer accept Flash-built display ads into AdWords and DoubleClick Digital Marketing. And just to make sure such ads are no longer breathing by January 2, Flash display ads will no longer run on the Display Network or through DoubleClick on that date. (At the moment, video ads built in Flash are not impacted.)

As Flash-using marketers make their transition to HTML5 alongside animated GIFs for rich media ads, there are a few things they might want to keep in mind.

First of all, Monotype director of strategic partner engagement Theo Skye noted, Flash has never been of much use in the mobile world. Apple never really accepted it, and it wasn’t that popular on Android, so its use in advertising was really focused on computer desktops.

As a result, he said, marketers who created Flash ads often had a separate mobile effort — and now they “will have to change [years] of workflow.” That means planning for HTML5 responsive ads that can work on all platforms, which, in today’s mobile-centric world, usually means planning for mobile first.

It also means understanding that, in the HTML5 world of tools, there’s not yet a 500-pound-gorilla equivalent to Adobe’s tools for Flash.

“You do have to think about it differently because of the relative nascency of tools,” Skye told me. “There’s no clear leader of the pack.”

When doing that, he suggests, it would be a good idea to see how the tools in question handle text.

“The [common] workflow in HTML5 is to create images of text,” he said. Typically, he said, a Photoshopped image is sent to the team developing the ad, to create a bit-mapped layer of text. But, he pointed out, live text using as-needed fonts — such as those supplied by his company, Monotype — can support targeted ads whose dynamic content is regenerated for, say, a specific location or user segment.

Bitmapped versus live text, per Monotype

Bitmapped versus live text, per Monotype

“When you go to a web site and there’s [a text font] not on your [device], it happens through web fonts,” Skye noted, “served to the browser and styled to the browser.”

“You really have to be thinking about a font strategy.”

Skye pointed out that in a Flash SWF file, the font was embedded. Marketers making the transition to HTML5, he said, should look for tools that fully support the various kinds of web fonts, tools such as Tumult Hype, Celtra’s AdCreator, Flite and Flexitive.

Daniel Jacobsson, co-founder and head of innovation at HTML5 ad firm BannerFlow, pointed out that support of web fonts ensures “brands can use their own fonts [and] that their banner ads always adhere to their brand guidelines.”

The same font considerations apply to those creators of HTML5 ads who choose to hand-code them, as well as those ad platforms and agencies that create the ads for you.

While creating HTML5 responsive ads that work across multiple screen sizes and platforms is a big boost to productivity, it also means marketers need to plan for much more testing. Skye said that Flash testing “used to be easy,” because it was a SWF file played back by Adobe’s player. Now, the HTML5 ads are displayed in rendering engines on multiple platforms in multiple browsers and apps.

If time still exists

Toward that end, he recommends that marketers adopt the Interactive Advertising Bureau’s HTML5 Ad Validator, a tool it recently introduced to offer some consistency to such testing. Expect to see it built into most HTML5 tools via an API, he said.

Yoni Levi, vice president and marketing director at Miami-based HTML5 ad production company Digitalland, cautioned that transitioning marketers need to keep in mind file size.

A typical Flash banner ad, he told me, might be about 40k bytes. A typical HTML5 animated ad, he said, runs about 200k.

The difference is largely because HTML5 consists of a variety of interacting files — text, image, CSS, JavaScript, fonts and so on — while Flash’s SWF file was one compressed bundle. In this age of relatively fast internet transmission speeds, he said a 200k file is not a major concern for most users — but marketers need to do everything they can to keep their file sizes within reason.

That includes the aforesaid consideration of font strategy, so that fonts load as needed, and optimization of images and animation. For animation, he recommends the use of an animation tool that employs an external JavaScript library — a tool such as GreenSock — as opposed to hand-coding, particularly to optimize file sizes.

Levi also suggests you lengthen your production schedule, since “much more time [is required] for HTML5.”

That is, assuming time still exists in the post-apocalyptic world.



About The Author

Barry Levine
Barry Levine covers marketing technology for Third Door Media. Previously, he covered this space as a Senior Writer for VentureBeat, and he has written about these and other tech subjects for such publications as CMSWire and NewsFactor. He founded and led the web site/unit at PBS station Thirteen/WNET; worked as an online Senior Producer/writer for Viacom; created a successful interactive game, PLAY IT BY EAR: The First CD Game; founded and led an independent film showcase, CENTER SCREEN, based at Harvard and M.I.T.; and served over five years as a consultant to the M.I.T. Media Lab. You can find him at LinkedIn, and on Twitter at xBarryLevine.

Related Topics

Channel: Display Advertising

We're listening.

Have something to say about this article? Share it with us on Facebook, Twitter or our LinkedIn Group.

Get the daily newsletter digital marketers rely on.
See terms.

ATTEND OUR EVENTS

MarTech 2021: March 16-17

MarTech 2021: Sept. 14-15

MarTech 2020: Watch On-Demand

×

Attend MarTech - Click Here


Learn More About Our MarTech Events

February 23, 2021: SMX Report

April 13, 2021: SMX Create

May 18-19, 2021: SMX London

June 8-9, 2021: SMX Paris

June 15-16, 2021: SMX Advanced

August 17, 2021: SMX Convert

November 9-10, 2021: SMX Next

October 2021: SMX Advanced Europe

December 14, 2021: SMX Code

Available On-Demand: SMX

×


Learn More About Our SMX Events

White Papers

  • The Media-First Approach Why visual media must be a primary consideration for e-commerce businesses
  • Visual Experiences That Connect: A look at the power of UGC and the tech needed to support it
  • Become an Experience-Led Business with an Agile CX Tech Stack
  • Transformational CX: Video-Powered Experiences Meet Consumers’ Demands
  • What Customer Experience Means in 2021
See More Whitepapers

Webinars

  • The AI Revolution Is Coming to Every Stage of Your Buyer’s Journey
  • The Fundamentals of Link Building for E-Commerce & Affiliate Sites in 2021
  • Your Customer is Calling: Make the Most of Your Marketing Spend with Call Tracking
See More Webinars

Research Reports

  • Local Marketing Solutions for Multi-Location Businesses
  • Enterprise Digital Asset Management Platforms
  • Identity Resolution Platforms
  • Customer Data Platforms
  • B2B Marketing Automation Platforms
  • Call Analytics Platforms
See More Research

Attend SMX For Only $99

h
Receive daily marketing news & analysis.

Channels

  • MarTech
  • CMO
  • Social
  • SEM
  • SEO
  • Mobile
  • Analytics
  • Retail
  • Display

Our Events

  • MarTech
  • SMX

Resources

  • White Papers
  • Research
  • Webinars

About

  • About Us
  • Contact
  • Privacy
  • Marketing Opportunities
  • Staff

Follow Us

  • Facebook
  • Twitter
  • LinkedIn
  • Newsletters
  • RSS
  • Youtube

© 2021 Third Door Media, Inc. All rights reserved.