Analytics events

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:

Example:

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

Example:

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

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

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>
  )
}

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

Analytics events are stored as a logs data stream type.

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:

You can also view events in the Kibana Discover app.

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:

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: