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 firstname.lastname@example.org for further details.