junaid-ali-qureshi

How Can You Make the Most Out Of Html5 Ads?

by guest author Junaid Ali Qureshi

Hypertext Markup Language (HTML) is, from the very beginning of the Internet, the basic program for structuring, networking and content on the World Wide Web. However, the markup language has continued to grow following the release of HTML 4.01.

Conversely, the Internet has never stopped growing and getting better whether it be in terms of services from any SEO agency or website development company for the optimization of website, or development in programming languages. Anglicism “surfer” is today anchored in our everyday vocabulary. In addition to texts and illustrations, multimedia elements are today the cornerstone of the Internet. The growing interest in mobile offers is adding to this phenomenon and the modern use of the Web is no longer the same.

As a result, today’s Internet sites face a large number of proprietary plugins to meet the demands of programmers, website publishers, and consumers, resulting in incompatibilities and security vulnerabilities. The fifth version of the hypertext language (HTML5) is supposed to put an end to this problem.

The Word Wide Web Consortium, abbreviated as W3C, introduced HTML5 technology as the core of the Web language in 2014.

HTML5 elements are particularly effective at capturing users’ attention because they are both interactive and entertaining.

HTML5 brings with it a lot of new features (and removes some others, which are obsolete).

The most interesting are:

  • native support for audio and video (via dedicated tags),
  • the possibility of using “local” storage in the user’s browser to allow offline use,
  • new structural elements to facilitate the prioritization of content (article, nav, section …) and new elements of forms to accelerate the implementation and standardize their management (calendar, date, time, email, url, search …)
  • drag’n’drop support, and the <canvas> element to make javascript graphics easier to integrate
  • geolocation.

It is especially at the structural level that evolution is most visible. HTML5 not only provides better readability but also enhances accessibility. Thus, the definition of ARIA roles makes it possible to assign a goal to areas of the page, and the “microformats” to specify the nature of it by conveying more specific information (to define the business card of a person by example).

Conclusion: should we “choose” HTML5?

HTML5 is not a revolution, as some people like to say, but a logical evolution of HTML. Without radically changing the way we create sites, this language brings elements that will eventually become the norm. However, we must not forget that a site is aimed at a target and that it is indeed the equipment of this one that will limit the developments.

HTML5 reflects just the evolution of usage and the need for standardization that can exist with all new platforms available on the market.

HTML5 ad formats accepted

To make sure your HTML5 ad format is appropriate, please see the following list of requirements.

All HTML5 ads

  • Only HTML5 ads created with Google Web Designer are accepted.
  • The contents of the ZIP file can be a mix of different types of accepted files. See the “File Types” section of this table.
  • All images used in HTML5 ads must be stored locally (you can not refer to images not stored locally). They must also be part of the ZIP file.
  • Only components that can be supported are accepted. Videos and maps are not.
  • Only Google web fonts are accepted. Other web fonts are not.
  • Actions targeting the environment: timers and multiple exits are not accepted.
  • Expanding ads are not accepted.
  • You can not use local storage methods for HTML5 ads.

HTML5 in Google Web Designer

Advertising environment

When creating your ad in google Web Designer, you must specify the AdMob environment

Publication for AdMob
Accepted Components

  • Clickable Area
  • iFrame frame
  • Gallery to drag
  • Carousel type gallery
  • 360 ° Gallery
  • Navigation in the gallery
  • Image button
  • Sprite Sheet

Publishing for AdMob In Google Web Designer:

  1. Click the Publish button.
  2. Select Publish locally.
  3. Import the generated .ZIP file into AdMob.

Limits Important

  • Expandable ads are not accepted.
  • All images used in HTML5 ads must be stored locally (you can not refer to images not stored locally). They must also be part of the ZIP file.
  • Only Google web fonts are accepted. Other web fonts are not.
  • Actions targeting the environment: timers and multiple exits are not accepted.
  • You can not use local storage methods for HTML5 ads.

Upload HTML5 image ads

Image ads can include HTML5 files to provide moving images or other features. Well used, the HTML5 format is ideal to make your ads more interesting and interactive. To upload HTML5 files to an image ad with AdWords Editor, follow these steps:

  1. In the account tree, select the campaign and ad group that contains the ad.
  2. In the list of types, select Ads and extensions, and then Image ads.
  3. In the data view, select one or more ads.
  4. In the Control Panel, click the Select Image link.
  5. Select the HTML5 files to import (they must be compressed in a .zip archive).
  6. Click Open.

Fix a problem with HTML5 ads

When you create HTML5 ads, you may encounter difficulties. You’ll find a list of common issues that can occur when implementing custom HTML ads.

Problem: Missing text in creatives

Solution: For non-ASCII characters, you must use UTF-8. Check that the encoding matches this standard.

Problem: Unclickable Preview

Solutions:

  • To preview the fully functional ad, you must use the “View full size ad” link after saving it
  • Customers must then copy the URL and paste it into their browser.
  • Creatives can not be clicked on in the ad creative preview, or in the “Show ad in actual size” pop-up window.
  • HTML5 ads created in Google Web Designer
  • Advertising environment When creating your ad in Google Web Designer, you must specify the AdMob environment.

junaid-ali-qureshi
Junaid Ali Qureshi
is a digital marketing specialist who has helped several businesses gain traffic, outperform competition and generate profitable leads. His current ventures include Progostech, Magentodevelopers.online.eLabelz, Smart Leads.ae, Progos Tech and eCig.