Embedding on AMP pages

Infogram supports AMP, an open-source HTML framework designed for faster mobile page loading. Learn how to embed AMP for improved web content performance.

Embed on AMP pages

    1. Make sure you have inserted the AMP script in your HTML page header: 
      <script async src="https://cdn.ampproject.org/v0.js"></script>
      <script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script>
    2. Click the Share... button on the top right corner of the editor, switch to the Embed tab and copy the AMP code.

      AMP_embed.gif

    3. Paste the code in your HTML page editor, where you wish the project to appear.
    4. Save your edits and watch the AMP magic happen, as the charts load in the blink of an eye! To view an AMP embed example, click here.
       
      Pro tip: You can make AMP your default embed code. To do this, go to your Account settings, locate the Project Settings tab, and in the Default embed type drop-down menu choose AMP.

      Project_settings_AMP.gif