AMP iframe

AMP enabled iframe

The AMP Project is an open-source initiative aiming to make the web better for all. The project enables the creation of websites and ads that are consistently fast, beautiful and high-performing across devices and distribution platforms.
For the Live Center to be compatible with AMP as an iframe - embed, one must have three main components included on your page.

Page must be setup for AMP. For full examples see the AMP documentation here.
The minimum requirement for the AMP - iframe to render is the main AMP script: https://cdn.ampproject.org/v0.js
In addition to the default setup for AMP, the script for iframes must be included in the head section of your page. See documentation here.

<script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script>

Now that your page supports the AMP version of iframes, one can include the AMP - HTML markup for the desired iframe where you want it shown on your page.
The placeholder image can be changed to suit your page better. Current placeholder is just a white background.

<amp-iframe width="200"     title="Example title of feed"     height="700"     layout="responsive"     sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-forms"     resizable     allowfullscreen     frameborder="0"     src="https://livecenter.norkon.net/Frame/chris2/4693/default">      <amp-img layout="fixed"         width="700"         height="200"         src="https://livecentercdn.norkon.net/content/img/amp/white_background.jpg"         placeholder>     </amp-img>      <div overflow tabindex="0"         role="button"                 aria-label="Show more">Click to show more     </div> </amp-iframe>

Validating your page

By adding "/#development-1" to the URL of your page, you can check if your page is validated by AMP.
Open your developer-console and look for errors.


Full AMP support

With full AMP support every post and update of the live feed will get indexed by Google.
This will result in a faster load time than using an iframe, but will require server rendering of each custom element within the posts.
This can be implemented upon request of the client. Please contact us at contact@norkon.net for further details.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? How can we help? How can we help?