Widget

Description

The Storyflash Widget is a Web Application to share your Social Media Content on your Website.

There are different Widget Types which can be configured within your Storyflash Backend.

You may like to add the StoryBar and StoryBox Widget to your website. Please read the Embedding Section.

StoryBar

338px/255px min. width/height 124px/124px image width/height 338px/600px min. overlay video width/height

StoryBox

338px/600px min. width/height 338px/600px video width/height

---

Embedding

Add the following Script Element directly to the position in your Page you like to display the Widget.

<script defer class="storyflash__script" data-sfcid="[MyCustomerId]" data-sfaid="[MyAppId]" data-sfparam="[MyParams]" src="https://widget.storyflash.de/apploader.min.js"></script>

The Configuration Parameter in Brackets must be changed:

• [MyCustomerId] is a unique Number. Your Publisher ID. For Example 10223
• [MyAppId] is a unique Number. Your Widget ID. For Example 1.
• [MyParams] is a String. ID of your Story Category Tags. These IDs are seperated by Comma (without spaces). For Example 3,5,8 for "Business", "Education" and "Food & Drink"
• List of Categories:

  ID	Category name
  1	Arts & Entertainment
  2	Automotive
  3	Business
  4	Careers
  5	Education
  6	Family & Parenting
  7	Health & Fitness
  8	Food & Drink
  9	Hobbies & Interests
  10	Home & Garden
  11	Law & Politics
  12	News
  13	Personale Finance
  14	Society
  15	Science
  16	Pets
  17	Sports
  18	Style & Fashion
  19	Technology & Computing
  20	Travel
  21	Real Estate
  22	Shopping
  23	Religion & Spirituality

IMPORTANT

• You may add more than one widget per Page with the same [MyCustomerId] but the [MyAppId] must be different
• The Logo you may add to your widget in the Storyflash Backend must have a size of 138x35 Pixel
• Do not write the Script Element with another script to your Page. We start to load the assets window.onload and the Script itself is defered by default using the shown Script Element
• The StoryBar and StoryBox can be configured to handle Story's or Categories (not and/or)

NOTE

• You will find the Configuration Parameter in your Storyflash Backend
• Configuration Parameter Examples like [MyCustomerId] must be replaced with the Brackets

---

Performance

Please note that we have always the Experience of your User in our minds. We like to create the best possible Experience. That's why we designed an fast, stable and relieable Application.

1. The Widget has no (negative) effect on the Experience of your Website User.

The Storyflash Widget AppLoader Script apploader.min.js has very small footprint of 24.6KB and took less then 30ms to load. The defered loaded Script load the Widget Application asynchronous after all other content of your Website has been loaded in the background and run the Widget only if it is visible for the User. So we keep the extra computing time and bandwidth of your User to a minimum used by the Widget.

2. The Widget has no (negative) effect on the Performance of your Website.

The AppLoader Script load asynchronous in the background all needed parts of the Widget Application, after all other content of your Page has been loaded. Scripts, Styles and other Assets are only loaded when the User need them.

3. The Widget has no (negative) effect on the Appearance of your Website.

The AppLoader and Widget Application run in their own separate namespace. They do not interact with Styles or Scripts on your Page. So, the user has the experience he'd like to have.

---