Components events
LiveMarket components track some key events, including user interactions.
Events in Components
| Event | Description | Returns (besides relevant component information) | Applicable to |
|---|---|---|---|
loading |
Fired when videos are being fetched from API | null |
Carousel, Grid |
loaded_videos |
Fired when fetch finishes, returns total video count in component. | loadedVideos (number) |
Carousel, Grid |
view_component |
Uses Intersection Observer API. Fires when (30, 50, 75, and 100%) of the component is visible in viewport for at least 100ms. For Grid, also fires whenever it loads additional videos with visibility_percentage set to 100%. |
visibility_percentage (int 0-100), short_ids (array of IDs) in the component or a particular Grid fetch request. |
Carousel, Grid, SingleVideo |
view_gif_preview |
Fires when a user hovers over a particular video, provided it has an animated thumbnail. | hover_duration_ms (int), clicked_after_hover (bool) |
Carousel, Grid, Stories |