You can now add custom JavaScript to AMP pages
The new amp-script component offers more feature flexibility and interactivity.
Custom JavaScript can now be added to AMP pages, Google announced this week. The amp-script component can be used to enable user interactions, and to share code across AMP-enabled and non-AMP pages.
Why we should care
The AMP team said this was one of the most requested features from developers using AMP. It enables web pages delivered via AMP to incorporate more of the interactivity features that JavaScript offers.
The amp-script component runs a page’s custom JavaScript in a separate Worker thread.
Prior to this update, AMP pages have been mostly static, which limited its uses and forced publishers to compromise features for speed and potentially visibility in mobile search results.
More on the news
- The
new amp-scriptcomponent is compatible with React, Preact, Angular, Vue.js, jQuery and D3.js frameworks. amp-scriptdoesn’t change page content without user interaction, so it won’t modify your content upon page load.- The script within a
single amp-scriptmust be less than 150kB. - Not all APIs are supported inside a Web Worker; refer to WorkerDOM’s list of allowed APIs.
Contributing authors are invited to create content for Search Engine Land and are chosen for their expertise and contribution to the search community. Our contributors work under the oversight of the editorial staff and contributions are checked for quality and relevance to our readers. The opinions they express are their own.
Related stories
About the author
