How to Enable and Configure Front-end Observability in Blackfire

In this video, learn how to enable and configure Front-end Observability in Blackfire.

The tutorial covers steps to enable features across multiple environments via the Organization settings / Front-end usage in the Blackfire dashboard.

Control front-end observability by enabling or disabling Browser Monitoring and Analytics per environment, using a JavaScript probe and a unique browser key.

The video emphasizes the importance of naming transactions and explains how to manually add tracking snippets to HTML for better control.

Additionally, it discusses adjusting sample rates for front-end traces to balance cost and visibility.

00:00 Introduction to Front-end Observability

00:07 Enabling Front-end Observability

00:31 Environment-specific Settings

00:42 Collecting Front-end Data

01:00 Manual Configuration Options

01:16 Importance of Naming Transactions

01:30 Linking Front-end and Backend Transactions

01:54 Adjusting Sample Rate and Costs

02:11 Conclusion and Next Steps