Explo | Customer-facing analytics for any platform

In order to listen for an incoming event, you need to add an event listener for message, like this window.addEventListener("message", messageListener). Then all of the different incoming events will be available to be consumed.

<!DOCTYPE html>
<html lang="en">
  <head>
    <script>
      const messageListener = (e) => {
        // Check origin of message before reading
        if (e.origin != "https://app.explo.co") return;
        console.log(e.data.event, e.data.detail);
      };
      window.addEventListener("message", messageListener);
    </script>
  </head>
  <body>
    <iframe
      src="https://app.explo.co/iframe/<jwt>"
      style="width: 100%; border: none; height: 100vh"
    >
    </iframe>
  </body>
</html>

The console log output looks like this:

Web Component Example Outgoing JS Events to Emit

Home

Customers

Data

Dashboards

Report Builders

Embedding Documentation

Data Share

AI Features

General Features

Managing Permissions

Security

Iframe Example