ePublishing Knowledge BaseePublishing Knowledge BaseePublishing Knowledge Base AdvancedAMP: Activation and Management of Accelerated Mobile Pages

AMP: Activation and Management of Accelerated Mobile Pages

Overview

Accelerated Mobile Pages is an open source initiative project designed to optimize mobile pages for faster load speed. It's like taking a page that is already mobile friendly and making it load even quicker by stripping it down to the basics. Beyond the benefit of faster content delivery on mobile devices, Google has hinted in the past that it prioritizes AMP pages over others under certain circumstances. All Articles and Blog Posts on the ePublishing platform now have AMP versions available.

Need to know more first? AMP resources:
https://developers.google.com/amp/
https://neilpatel.com/blog/the-definitive-guide-to-accelerated-mobile-pages-amp/
https://amp.dev/

Which Article/Blog Post Elements work in AMP?

Here are the individual data elements will be included in the AMP page if they are present:

  • Headline
  • Post Date
  • Author Byline
  • Teaser
  • Associated Primary Image
  • Associated Image Gallery
  • Associated Video
  • Body (Multiple body sections will be concatenated into one body. Pagination will not be present.)

Gated/Locked Down Articles - Articles/blog posts requiring login or subscription will show the regular version of the article page, not AMP

Metering – Articles/blog posts will be metered according to the existing metering rules

Note that sidebars will not be present in the AMP layout.

What does AMP content look like?

The below screenshots compare the same article on a mobile device. The screenshot on the left is the full article with all elements included while the screenshot on the right is the AMP version of the same exact article:

How do I turn on AMP?

To enable AMP on your site, you will need to do the following:

  1. Assign an AMP-specific logo
    1. Upload an AMP-specific logo to the Media Manager or use an existing logo.
    2. Insert the PATH to the logo into the System Setting: amp.­header.­menu.­name (e.g. /­­­ext/­­­resources/­­­images/­­­logo.­­­png)
  2. Create an AMP-specific Header Menu
    1. In Navigation Manager, create a new menu and add links.
    2. Insert the name of the menu into the System Setting: amp.­header.­menu.­name
    3. This menu can contain multiple levels of links (ie. parent and child links)
  3. Create an AMP-specific Footer Menu
    1. In Navigation Manager, create a new footer menu and add links.
    2. Insert the name of the menu into the System Setting: amp.­footer.­menu.­name
    3. This menu can contain a single level of links (ie. only parent links)
  4. Enable AMP functionality
    1. In System Settings, find the setting amp.enabled
    2. Update the value to true and save

What about Facebook Instant Articles using AMP?

In order for your AMP articles to qualify for Instant Articles, Facebook requires that you acquire a Facebook Developer ID. Once you have created it, add it to the system setting: amp.­facebook.­app.­id.

Can we include Ads?

Absolutely! Ads aren't included out of the box as each site is different, so this must be customized per site. Contact your Project Manager and they can assist you with the setup of Doubleclick (Google Ads) AMP Ad Slots.

Are there options for customizations?

Colors and styles can be customized. Please contact your Project Manager if you wish to make changes.