Beyond Responsive

Hands-on with AMP, Instant Articles, and Apple News

Bradford Campeau-Laurion / @potatomaster
Partner & Chief Strategy Officer
alleyinteractive.com

  • We are the digital team for publishers
  • We design and build big websites for news organizations and large-scale non-profit institutions.

Responsive design

Publish once for all devices

Still important but...

Required?

Requires developers?

Publish everything?

Publish exclusive content?

Advertising

Analytics

Apple News

Launched with iOS 9 on September 16, 2015

iCloud News Publisher

https://www.icloud.com/#newspublisher

RSS Feeds

Apple News Format

							
{
    "version":"0.10",
    "identifier":"post-12345",
    "language":"en",
    "title":"A headline goes here",
    "layout":{
        "columns":7,
        "width":1024,
    },
    "components":[
        {...}
    },
    "metadata":{
        "thumbnailURL":"bundle:\/\/featured.jpg"
    }
}
							
						

Animations

Behaviors (Motion)

Custom Layout and Style Options

Hands On

Summary

Required: No

Requires developers? No for iCloud or RSS, yes for Apple News Format

Publish everything? Probably

Publish exclusive content? Yes

Advertising: iAd only

Analytics: Reports provided by Apple

Google AMP

Launched on February 24, 2016

Accelerated Mobile Pages

Crucial for Mobile Traffic

15% of mobile search traffic

(and growing)

Hands On

Summary

Required: Yes

Requires developers? Yes

Publish everything? Yes

Publish exclusive content? No

Advertising: Use your own

Analytics: Use your own

Facebook Instant

Launching on April 12, 2016

Design

Publish using:

API

Custom RSS feed

Summary

Required: Probably

Requires developers? Yes

Publish everything? No

Publish exclusive content? Yes

Advertising: Use your own or Facebook ads

Analytics: Use your own

Learn

Google AMP

https://www.ampproject.org

Facebook Instant

https://instantarticles.fb.com

Apple News

https://news.apple.com/

Build

Google AMP

https://www.ampproject.org

Facebook Instant

https://developers.facebook.com/docs/instant-articles/

Apple News

https://developer.apple.com/news-publisher/

Implement

(in WordPress)

Google AMP

https://wordpress.org/plugins/amp/

Facebook Instant

https://wordpress.org/plugins/fb-instant-articles/

Apple News

https://wordpress.org/plugins/publish-to-apple-news/

More Questions?

brad@alleyinteractive.com
@potatomaster

http://bcampeau.github.io/beyond-responsive/


Alley Interactive
@alleydev

#ONALondon