How do I add a playlist to Google AMP articles?

Pre-requisites

  1. AMP HTML page

Make sure you are using Google AMP script in your website and have

<script async src="https://cdn.ampproject.org/v0.js"></script>

In your head of the HTML document.

 

2. Find out your "interaction data token" (channel_id), using the playlist embed wizard: 

On your dashboard press the blue "<>playlist" button on the top right. Go through the steps and in the last screen, take the "interaction data token" from the embed code. 

channel_id.png

 

Embedding

2. Use Apester media extension

Place Apester's AMP script tag right after Google AMP script tag in the head of the HTML document.

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

 

3. Add this embed code in the body of the article where you want the unit to appear

<amp-apester-media
        height="390"
        data-apester-channel-token="#">
</amp-apester-media>

 For more information visit: 

https://www.ampproject.org/docs/reference/components/amp-apester-media

 

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.