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

GEN Summit Masterclass

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...

Requires developers?

Advertising

Analytics

Publishing Tools

Live Demos!

Apple News

Launched with iOS 9 on September 16, 2015

iCloud News Publisher

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

Live Demo #1

iCloud News Publisher

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

Live Demo #2

Publish to Apple News for WordPress

Summary

Requires developers?
No if you use the built-in settings
Yes if you want a custom template

Advertising
iAd only

Analytics
Reports provided by Apple, integrates with comScore

Google AMP

Launched on February 24, 2016

Accelerated Mobile Pages

Crucial for Mobile Traffic

April 1, 2016

15% of mobile search traffic

(and growing)

Today

25% of mobile search traffic

(and still growing)

Live Demo #3

AMP for WordPress

Summary

Requires developers?
No for the built-in treatment
Yes for customized look and feel or ads/analytics integrations

Advertising
Use your own

Analytics
Use your own

Facebook Instant

Launched on April 12, 2016

Publish using:

Custom RSS feed (WordPress plugin V1)

API (WordPress plugin V2)

Design

Live Demo #5

Instant Articles for WP and Publishing Tools

5% of mobile traffic

(and growing)

Summary

Requires developers?
No, except for the most customized experience

Advertising
Use your own or Facebook ads

Analytics
Use your own

Learn

Google AMP

Facebook Instant

Apple News

Build

Google AMP

Facebook Instant

Apple News

Implement

(in WordPress)

Google AMP

Facebook Instant

Apple News

More Questions?

brad@alleyinteractive.com
@potatomaster

http://bcampeau.github.io/gensummit-masterclass-2016/

Alley Interactive
@alleydev
http://www.alleyinteractive.com