Questions tagged [accelerated-mobile-page]

Similar Tags: [amp-html] and [google-amp] AMP HTML (Accelerated Mobile Pages HTML) is a project led by Google to make the mobile web faster. It is a set of HTML tags, a JavaScript library, and a cache for AMP-compliant pages.

The project homepage is at https://www.ampproject.org/, and the framework source code can be found at https://github.com/ampproject/amphtml.

AMP HTML is HTML with some restrictions for reliable performance and some extensions for building rich content beyond basic HTML. The AMP JS library ensures the fast rendering of AMP HTML pages.

An easy-to-follow tutorial can be found on the project's homepage.

Validating AMP pages

There are three ways to validate an AMP page:

  1. Add #development=1 to the URL, for example http://localhost:8000/released.amp.html#development=1, then check the browser console for validation errors.
  2. Paste the URL (or the page code) at https://validator.ampproject.org/
  3. Use the AMP Validator extension for Chrome.

You can also use the Structured Data Testing Tool to validate Schema.org markup.

134 questions
1
vote
1 answer

IFrame contents do not show up in an hidden div container

I have got some problems while displaying an Iframe content within hidden DIV-Container. As soon as the link gets clicked, the div container gets visible, that works so far, but the content within, which is an amp-iframe itself do not show…
Christian Felix
  • 644
  • 1
  • 9
  • 28
1
vote
0 answers

workaround to control nested AMP-Elements on user consent

I know this is not the right approach how one should implement the AMP-AD Element with embedded Iframe on user Consent policy. But suppose there are cases where we are not fully convinced that it works as expected when user decide to Opt-Out.…
Christian Felix
  • 644
  • 1
  • 9
  • 28
1
vote
1 answer

How to refresh AMP Cache?

I have an article page with AMP (on an subdomain). Now I have made a few changes in an article. How can I reload this cached AMP (sub-)page? Normal Version: https://www.example.com/this-is-a-article-999 AMP-Version:…
1
vote
1 answer

AMP-LIST - Change Height on [src] Change

Here is the page referred to in this question. I have an amp-list that pulls inventory data from a couple of JSON files based on the first selection. 'Select your machine type' pulls all.json, 'Excavator' pulls EX.json, and 'Wheel Loader' pulls…
Craig Scott
  • 892
  • 4
  • 14
1
vote
2 answers

How to develop AMP by using amp-list in local environment?

I realized that amp-list must use CORS and https. So how can I build a demo in the local environment? I built an AMP page from scratch and create a simple JSON file. { "items": [ { "title": "AMP YouTube Channel", "url":…
SPG
  • 6,109
  • 14
  • 48
  • 79
1
vote
1 answer

Filtering JSON Data with AMP [AMP-STATE] [AMP-BIND] [AMP-MUSTACHE]

I'm working on building an inventory list within the AMP structure, as the rest of our site is built with AMP, and need to be able to filter some of my data for usability purposes. Here's a link to what I'm currently working on: Inventory List. I…
Craig Scott
  • 892
  • 4
  • 14
1
vote
0 answers

http_origin not working on mobile

I am using this PHP code to send the form information to email after submitting the form it is redirecting to thank you page, But due to some issue this is not working for mobile devices, on desktop after submitting the form its redirecting to thank…
Ashish
  • 129
  • 1
  • 11
1
vote
2 answers

UTM Source Forwading on all links on AMP Page

I want to forward UTM source tracking on all the links on an amp page if UTM is present on the page URL itself. Example: If UTM is present on some page abc.amp?utm_source=someSource then I want to track the UTM on the links of this page also. The…
Ankur Aggarwal
  • 2,993
  • 5
  • 30
  • 56
1
vote
2 answers

How to apply dynamic style to AMP page?

Currently we have in our web site we have one slider as following. As we can see that position of pointer(arrow of asking price) is changed based on Fair Condition, Good Condition and Asking Price value. This value comes through api and then we…
yajiv
  • 2,901
  • 2
  • 15
  • 25
1
vote
1 answer

Redirect AMP files on nginx

I'm trying to make redirect on nginx but unfortunately it doesn't work. What I'd like to achieve, it is to redirect amp files on mobile. What I'd like to do : from https://www.example.com/uri-759.html to https://www.example.com/uri-759-amp.html What…
JBRLANTS
  • 63
  • 1
  • 7
1
vote
2 answers

The attribute 'http' may not appear in tag 'meta name= and content=' on AMP page

When trying to convert my page to AMP i am getting the following error: The attribute 'http' may not appear in tag 'meta name= and content='
Adithya Sai
  • 1,592
  • 2
  • 19
  • 33
1
vote
2 answers

How to detect scrolling on a WKWebView that shows an AMP (Accelerated Mobile Page)

I have a WKWebView and I need to know when it is scrolled, so I bound its scroll view's delegate to my controller in order to use UIScrollView delegate methods: self.myWebView.scrollView.delegate = self ... func scrollViewDidScroll(_ scrollView:…
Randy
  • 4,335
  • 3
  • 30
  • 64
1
vote
0 answers

FORM [method=POST] error - AMP pages prepared with C# Asp.NET

I am trying to create an AMP mobile web site with C# Web Form. I am receiving an error message when checking the AMP test page: Use of prohibited or invalid HTML tags. The attribute 'action' may not appear in tag 'FORM [method = POST]' This is the…
1
vote
1 answer

AMP form response not working in google cache

I created an AMP page for my website, all works fine on my desktop browser, tested and works fine on my mobile, if certain fields are empty or not valid, the submit-error correctly displays the error message, also, on successful submission it…
1
vote
2 answers

The attribute 'action' may not appear in tag 'FORM [method=POST]' while making AMP pages in asp.net

I have a website in asp.net and I am working on creating AMP pages at http://mywebsite.com/amp/...... I was able to make all the necessary changes for AMP except the following error. The attribute 'action' may not appear in tag 'FORM…
Jimmy
  • 11
  • 3
1 2
3
8 9