diTii.com Digital News Hub

Sign up with your email address to be the first to know about latest news and more.

I agree to have my personal information transfered to MailChimp (more information)


Google Improves AMP Consent, Videos, Forms and Lists Features

Google has rolled out a number of improvements to the capabilities to AMP (Accelerated Mobile Pages) project as part of Q1 2019.

This week, an overview of the updates to AMP user experience including video, forms, lists, consent and more was announced.

Here are the details on the improvements to AMP user experience:

Video Improvements

Google now let minimize a video to the corner of the viewport when a user scrolls. This is made possible with minimization support added to dock attribute on .

The feature is useful in cases where a user need to read text same time when viewing a video, for example a video with a recipe instructions, or with transcript.

A GIF animation below shows video minimization:

AMP Video Minimize Feature

Developers also now have a new customization option for video docks.

Another new feature related video include a new , that let developers to integrate a customized video player with built in AMP Video Interface feature like autoplay, dock, and more.

The now provides an easy way for publishers to monetize video by including ads from any video network.

The following updates are now available:

  • Showing video controls on hover
  • Video controls during Ad playback
  • Muting / Unmuting videos
  • Replaying / Looping videos
  • Ad X of Y labels with i18n support

Improvements to Lists

Developers can now specify the moment for a container to resize on a user interaction. For example, when contains an that a user taps on.

Infinite scroll. When a user scrolls down to the end of a list of items such as search results, product cards, etc.), the list can now be populated with more items.

A GIF below shows infinite scrolling:

AMP Infinite Scroll

Input Masking in Forms

Designed to make the task of filling in forms easier, it allows developers to add enhancements, like spaces, interstitial characters, dates, payment details and phone numbers etc.

A GIF demonstrates input masking in forms:

AMP Input Masking in Forms

Image Transitions Improvements in Lightbox

Better transitions in allows scaling up an image as well as now support change in ‘crop.’

Here is an animation of new image transition in AMP lightbox:

Image Transition in AMP Lightbox

Other Improvements

Consent Management Platforms are now allowed to integrate with AMP . Publishers are also now able to show their own consent UI inside AMP.

Publishers can now use component to show localized dates, so users can see article publishing dates in their local time.

AMP Stories now allow publishers to enhance a Google ad request with additional targeting information.

It is achieved with the Real Time Config when used with the Google Ad Manager ad implementation.

Upcoming AMP Features

  • A dedicated component for typeahead autocomplete in AMP.
  • A new carousel experience coming soon in the next few months.
  • An easy-to-deploy Service Worker library for AMP.
  • A component to allow developers easily integrate reCaptcha v3 on AMP documents.

Google backed AMP team also said it will soon publish improvements in the AMP Stories, including support for links in the top 80 percent, a hamburger menu, hold to pause, a new desktop UI, and attachments.

Share This Story, Choose Your Platform!

Get Latest News

Subscribe to Digital News Hub

Get our daily newsletter about the latest news in the industry.
First Name
Last Name
Email address
Secure and Spam free...