# Storyly Event Handling

This guide shows you how to handle Storyly events in your website. Storyly events provide insight on what is happening on Storyly.

Before you begin

You need to have the working Storyly integration as described in Quick Start

# isReady Event

An event that’s fired when Storyly is ready.

storylyWeb.init({    
  ...
  events: {
    isReady: () => {
      // Triggered when story is ready.
    }
  }
});

# NoStoryGroup Event

This event will let you know that there is no story group.

storylyWeb.init({    
  ...
  events: {
    noStoryGroup: () => {
      // Triggered when there is no story group.
    }
  }
});

# OpenStoryGroup Event

An event that’s fired when a story group icon is clicked.

storylyWeb.init({    
  ...
  events: {
    openStoryGroup: () => {
      // Triggered when clicked a story group.
    }
  }
});

# CloseStoryGroup Event

An event that’s fired when a story group is closed.

storylyWeb.init({    
  ...
  events: {
    closeStoryGroup: () => {
      // Triggered when closed story group.
    }
  }
});