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)

Jun072018

Google Bring Monetization to AMP Stories, Lightbox Gallery and More

The AMP development team at Google continue to make available new features to its Accelerated Mobile Pages (AMP) Project with new launches as part of the second quarter of 2018 edition.

This time around, Google begin with an added ability to bring monetization to AMP stories with newly added support of ‘Publisher placed ads’, that enable publishers to serve ads and control the delivery sales and delivery.

While, Ad Server support in DoubleClick for Publishers (DFP) is planned for June end, Google is urging other interested ad networks to reach them now to add monetization support to AMP stories.

Image showing the new Publisher placed ads:

Google AMP Publisher Placed Ads in AMP Stories

Image Lightbox Gallery

Developers looking to link <amp-carousel> with <amp-image-lightbox> to let users experience media content in an immersive view of carousel—Google is now introducing a new component ‘<amp-lightbox-gallery>’, which can be integrated with amp-carousel and can also be applied to a stand alone image or to a group of images.

Once applied all images in the carousel will inherit lightbox gallery behavior, so that users can swipe between items for a smooth and intuitive gallery experience.

This GIF demonstrates new lightbox gallery:

Google AMP Lightbox Gallery

amp-fx-collection Effects

<amp-fx-collection>, an easy-to-use suite of visual effects today comes with two effects i.e. parallax, and fade-in.

With parallax, page elements can be configure to move at different speeds which are relative to the scrolling speed of the document. And as the name suggest, fade-in applies a simple and configurable fade-in effect when user scrolls content into view.

Google will also release another currently experimental fly-in effect over the coming weeks.

In the two GIF animations below you can see parallax and fade-in effect:

Google AMP FX Parallax Effect Google AMP FX Fade-in Effect

Upload Files

To support those who incorporate custom design to upload files, Google added another new functionality enabling file upload through <input type=”file”> support in forms. Google said, it’s working on a more advanced API, so developers can better communicate with users about the status of file uploads (bytes uploaded, % progress bars, etc).

AMP Date Picker Experimental

‘<amp-date-picker>’ a new calendar-style interactive date picker for form input is now available to use on sites as a document-level experiment.

“A document-level release is an stage of collecting developers and users feedback to identify any issues before a full production release.” This means, to use this component developers will need to include a temporary tag ‘<meta name=”amp-experiments-opt-in” content=”amp-date-picker”>’.

User Control Tools in AMP

Google already launched new <amp-consent> for publishers to implement user controls for customizable notice, choice, and consent flows. Relatedly, another new component ‘<amp-geo>,’ is available that makes it easy to vary small sections of web content for users based on an approximation of the users’ country-level location, similar to the level of an ISO Country Code.

amp-geo when used with <amp-consent> can help change the behavior of <amp-consent> based on users’ approximate location.

Share This Story, Choose Your Platform!

Do NOT follow this link or you will be banned from the site!