Once your analytics collection is set up and analytics are integrated into your application, you can start sending events to your Elastic deployment.

Events come in three broad categories:

This page covers the following topics:

Send eventsedit

Send events using the Browser trackeredit

Example:

window.elasticAnalytics.trackEvent("click", { category: "product" })

Send page view events via the NPM Package in Reactedit

Example:

const SearchPage = (props) => {
  useEffect(() => {
    // function executed on component mount
    trackPageView();
  }, []);

  return (
    <div>
      <h1>Search Page</h1>
    </div>
  );
};

Send custom eventsedit

Example: send custom events via NPM Package.

import { trackEvent } from '@elastic/behavioral-analytics-javascript-tracker';

const ProductDetailPage = (props) => {

  return (
    <div>
      <h1>Product detail page</h1>
      <input type="button" onClick={() => {
        trackEvent("click", {
          category: "product",
          action: "add_to_cart",
          label: "product_id",
          value: "123"
        })
      }} />
      }}>Add to Basket</input>
    </div>
  )
}

How to view eventsedit

Once you begin sending events, you can view them in the Kibana UI.

Analytics events are stored as a logs data stream type.

View events in the Collections dashboardedit

The Collections dashboard provides a quick overview of events you’re tracking. It’s a great place to get started. In Kibana, go to the Events tab under Enterprise Search > Behavioral Analytics > View collection.

You can view the event type, timestamp, and user UUID. The following screenshot is an example Analytics events dashboard view:

View events in Discoveredit

You can also view events in the Kibana Discover app.

Find your collection’s data viewedit

First you need to find your collection’s data view:

The following screenshot shows you where to find the data view dropdown menu in Discover:

Explore your event dataedit

Now you’re ready to explore your event data. Discover has a lot of options, but here’s a quick overview of how to get started: