Storyteller Web SDK

Add Stories and Clips to your website. Install the SDK with the method that matches your build, show your first content, then follow the task you need.

Install the SDK

Install with a script tag Load the SDK from the Storyteller CDN. Install from npm Import the package and its required stylesheet in a bundled app. Initialize the SDK Connect the SDK with the API key for your site.

New to the Web SDK? Check the setup requirements before you install.

Show your first Story row Do this next: initialize the SDK and render a row on your page.

What will you add?

Explore list views

Stories

Give each Story a place in a row or grid. Readers can open it to fill the screen.

Add a Story row Use a grid

Clips

Add a row of Clips, or put a player directly in the page.

Add a Clips row Embed a player

Keep building

Make it yoursAppearance and content

• Match your brandChange the tiles and player styles.
• Choose what appearsSet the content and display limits.
• Personalize for your readersSet user details and language.
• Set privacy controlsChoose which data the SDK can use.

Connect your toolsAnalytics and ads

• Measure views and engagementSend events to your analytics platform.
• Respond to SDK eventsHandle callbacks in your app.
• Handle list callbacksRespond to list and Clips player events.
• Add advertisingConnect your ad setup.

Find an answerHelp and reference

• Handle initialization errorsCheck errors when the SDK starts.
• Explore SDK methodsControl the player from your code.
• Read the release notesSee what changed.