First of all, it is important to understand what AMP is and what it is for:
What is AMP?
AMP is an open-source HTML framework developed by the AMP Open Source Project. It was originally created by Google as a competitor to Facebook Instant Articles and Apple News. AMP is optimized for mobile web browsing and intends to help web pages load faster.
What is the benefit of AMP on your website?
Using AMP, it is possible to create simple mobile websites that load almost instantly.
How to use Live Blog or Live Chat AMP code on your website?
We currently recommend you to use the 2 codes on your website:
By doing that, the widget will be displayed normally in medium connections and, in case the device is mobile and the connection is slower, the AMP will be activated.
For example, when embedding a Live Chat, you need to insert both codes on your page for it to work perfectly:
<div class="arena-chat" data-publisher="testjs" data-chatroom="test-global" data-position="bottom"></div><script async src="https://go.arena.im/public/js/arenachatlib.js?p=teste-js-only&e=teste-js-only-global"></script>
<amp-iframe src="https://go.arena.im/embed/chat/test-js/test-js-global" height="600" layout="fixed-height" frameborder="0" sandbox="allow-scripts allow-same-origin allow-popups allow-forms allow-modals"><amp-img src="https://arena.im/public/imgs/empty-photo-cover-event.png" layout="fixed-height" height="600" placeholder></amp-img></amp-iframe>
Other ways to use AMP:
How to use AMP in WordPress Classic Editor
WordPress editor itself offers a second field to insert your page's AMP code. So, you can add a Live Blog or a Live Chat.
We also offer the AMP option in our WordPress plugin, install it now on your website.
Click here to see the other types of embed code you will find at Arena.
Arena Team 🙂