Browse by Topic

Enabling Google AMP

What We'll Cover

Google AMP (Accelerated Mobile Pages), is an open-source project to improve page speed on mobile devices by using a specific framework for a page's code. The improved performance on mobile devices provides a better browsing experience for shoppers and boosts ranking on Google search. Google AMP pages appear with an icon while searching on a mobile device. To learn more about the Google AMP project itself see AMP Overview on the Google AMP project site.

 
 

Enabling Google AMP

To have Google AMP on your store, the store's theme will have to be Google AMP Enabled. See our Theme Marketplace and click the Google AMP Enabled filter to find themes with this feature.

To activate Google AMP, go to Advanced Settings › Google AMP.

Google AMP settings

Select the page types you want Google AMP enabled on.

Google Analytics Tracking ID

Tracking conversion of AMP pages can be done by adding your Google Analytics Tracking ID in the Google AMP page. Adding the Tracking ID is not required to enable AMP pages on your store however, it is highly recommended that you set it up for measuring AMP in your store

If you use Google Analytics in your store, you already have a Tracking ID. Per Google’s recommendation using a separate Tracking ID to measure AMP traffic allows for better analysis of metrics and a more accurate picture of your traffic. If you want to use a single Tracking ID to measure both AMP and non-AMP traffic, use the data source dimension or a custom dimension to distinguish them.  More information about using the data source dimension in AMP can be found in Google's documentation on  Adding Analytics to your AMP pages.

The Property ID can be found in the Admin panel in your Google Analytics account under Property Settings.

This will enable Google AMP for your store. In order to test view how your page looks, use the Google's CDN: https://cdn.ampproject.org/c/s/www.yourstoreurl.com/amp/product/

Go to Google AMP in my store

 
 

FAQ

Can I make my theme Google AMP enabled?

  • We will be updating all marketplace Stencil themes with Google AMP. To update custom Stencil themes or third-party Stencil themes, see our developer documentation on Google AMP.

How do I know Google AMP is enabled on my theme?

  • Our Theme Marketplace has a filter to display which of our available themes are Google AMP enabled. You can also check the theme's documentation. 

Is Google AMP enabled on all pages?

  • Google AMP is applied to all pages but a visitor will only experience Google AMP on the first page they land on. Navigating through the store will use standard mobile links.

How can I see my AMP pages once the AMP setting in Control Panel is enabled?

  • The current release of our Google AMP feature is intended to get AMP pages picked up by Google’s AMP cache. When the setting is enabled, the next time Google crawls your store, it becomes aware of an AMP version, and then puts it in a cache in their CDN.
    In order to view your AMP pages, you need to go to Google’s CDN which will show how your page will look when viewed from Google’s search results. To view your page from Google’s CDN you would go to: https://cdn.ampproject.org/c/s/www.yourstoreurl.com/amp/product/  

Was this article helpful?