Floating Player

Floating player is a storyblock that is pinned on a specific location on the page. The integration is same as that of a storyblock. You need to add the mode="pinned" to make it a floating player.

Floating player does not work on iFrame

Integration

Since floating player is a Storyblock all the attributes supported by Storyblock applies to the Floating player as well. You can find them in the section below

pageStoryblock

Place the javascript part either on the <head> or <body> or right above the Firework component you are adding.

<script async src="//asset.fwcdn3.com/js/storyblock.js" type="text/javascript"></script>

Place the web component where the Storyblock should be displayed.

<fw-storyblock
  channel="firework"
  mode="pinned"
></fw-storyblock>

In case your page uses multiple widget components, insert <script> tag with combined fwn.js file instead of requesting each js file individually. This would improve your performance.

Example:

<script async src="//asset.fwcdn3.com/js/fwn.js" type="text/javascript" ></script>

PreviousStoryblock NextChannel Button

Last updated 8 months ago