Add Javascript in AMP Pages

javascript amp-html
Charan R picture Charan R · May 3, 2017 · Viewed 22.4k times · Source

Please help me understand how to add javascript in the AMP (Accelerated Mobile Pages). My requirement is I get an ID in URL. For example localhost:8080/home?id=1.I would like to access that id in my html file.

or else please let me know how to add any javascript file.

Thank you.

Answer

Andrew picture Andrew · May 3, 2017

Unfortunately, you cannot add arbitrary scripts in AMP. From the specification, under "HTML Tags," for the tag script:

Prohibited unless the type is application/ld+json. (Other non-executable values may be added as needed.) Exception is the mandatory script tag to load the AMP runtime and the script tags to load extended components.

So, if you want to use JavaScript from AMP, you have to use AMP's predefined components. I don't see a component that does what you want.

Related questions

Best way to include custom JavaScript in AMP

I read all documentation about script tag but I cannot find how to include a custom JavaScript in AMP HTML. I know the <script> tag is prohibited unless its type is application/ld+json. There are default AMP …

Read More
What is AMP HTML and how does it fit in with framework/tool X?

OK, so we've all probably heard about AMP HTML from Google by now. What I'm curious is how this is going to fit in with our existing workflows. If you're writing a React or Angular app, how does AMP HTML …

Read More
How can I remove a specific item from an array?

I have an array of numbers and I'm using the .push() method to add elements to it. Is there a simple way to remove a specific element from an array? I'm looking for the equivalent of something like: array.remove(…

Read More