Have you considered incorporating Web Stories into your website?

Hi everyone, 

Are you looking for new opportunities to enhance the visibility of your Web Stories? 

Check out our playbook and design kit for you to help incorporate Web Stories into your website. Once a story is created, it’s important to help your readers discover your Web Stories through various entry points.  A key entrypoint is your own website, where Web Stories can enable you to create rich modern user experiences for your users. The playbook comes with illustrative examples to inspire you to build great experiences on your site. These entry point designs are flexible and can work to showcase both one Web Story or multiple. 

➡️  See the demo here!

Publisher Example

How a top Brazilian media portal uses Web Stories

UOL has recently started to promote the format directly on their website, such as in the entertainment section Splash, where they highlight their Stories on the homepage. The recent post highlights how creators and publishers can raise the visibility of their Web Stories on their own site with a similar approach to that of UOL’s Splash section.  

UOL found that Stories about soccer, reality TV and health and lifestyle all had high levels of engagement. One reality show’s engagement was 1,137 percent higher as a Web Story than as a scrolling article, with 993 percent more readers. In total, all Stories about this reality show reached more than 10 million pageviews. The best results came from Web Stories with immersive, mobile-friendly and dynamic content.

Web Player Overview

The Web Story Player is the best way for you to give users a rich user experience on your sites using Web Stories. Think of it like a video player: having a single video in your device is fine, but put it in a video player live on the web, and it unlocks a number of features and benefits. 

Implementation Guidance

You can use the web story player to create a number of experiences in your own platform ranging from carousels to singleton cards to directly embedding the Story into a page. We have developed a detailed UX guide with best practices to go with these examples. The most common pattern that we recommend is a carousel. We will outline the best practices to create such an experience, but you should feel free to experiment and implement what works best for your use case.  [More details].

As always, feel free to reach out to us on Github or Slack via the #amp-story channel with any questions, feedback or requests.

Thanks,

Ryan