# Inspectlet Destination

## Destination Info

* Accepts [Page](/docs/segment/connections/spec/page), [Identify](/docs/segment/connections/spec/identify), [Track](/docs/segment/connections/spec/track) calls.
* Refer to it as **Inspectlet** in the [Integrations object.](/docs/segment/guides/filtering-data/#filtering-with-the-integrations-object)

### Components

* [Browser](https://github.com/segment-integrations/analytics.js-integration-inspectlet)

## Connection Modes

[Learn more about connection modes.](/docs/segment/connections/destinations/#connection-modes)

### Device-Mode

* web: yes
* mobile: no
* server: no

### Cloud-Mode

* web: no
* mobile: no
* server: no

[Inspectlet](https://www.inspectlet.com/) lets you analyze user behavior instantly with Eye Tracking Heatmaps, Screen Capture (record and playback actual visitor sessions), and User-Interaction Analytics. The Inspectlet Destination is open-source. You can browse the code on [GitHub](https://github.com/segment-integrations/analytics.js-integration-inspectlet).

## Getting Started

1. From the Segment web app, click **Catalog**.
2. Search for "Inspectlet" in the Catalog, select it, and choose which of your sources to connect the destination to.
3. Take your Inspectlet WID (website's ID), you can find it after clicking the Get Install Code button for your site in your Inspectlet dashboard. It will appear near the beginning of your embed code snippet. It should be a series of numbers, like 9492461759.
4. Add the WID in the "Connection Settings" section in Segment.
5. Your changes appear in the Segment CDN in about 45 minutes, and then Analytics.js starts asynchronously loading Inspectlet's tracker.js onto your page. This means you should remove Inspectlet's snippet from your page.
6. Your Inspectlet dashboard will start showing recordings.

## Page

If you're not familiar with the Segment Specs, take a look to understand what the [Page method](/docs/segment/connections/spec/page/) does. An example call would look like:

```text
analytics.page();
```

The Page method is required to load Inspectlet on each new page load. Calling the method after the initial page load doesn't have any effect on Inspectlet.

## Identify

If you're not familiar with the Segment Specs, take a look to understand what the [Identify method](/docs/segment/connections/spec/identify/) does. An example call would look like:

```text
analytics.identify("97980cfea0067", {
  name: "Peter Gibbons",
  email: "peter@example.com"
});
```

Calling `identify` tags the Inspectlet session with all the `traits` you include in your `identify` call as well as the `userId`, which will appear in Inspectlet as simply `id`. The identify method only needs to be called once per session and can be called at anytime during the session. You can also call Identify again with a different identity in case the user's identity needs to be updated.

## Track

If you're not familiar with the Segment Specs, take a look to understand what the [Track method](/docs/segment/connections/spec/track/) does. An example call would look like:

```text
analytics.track("Purchased Product", {
  product: "book",
  title: "The Name of the Wind"
});
```

Using our Track method to record events will also tag the Inspectlet session. The tag will be the event name, following the example above, "Purchased Product" would be the tag name in Inspectlet. We will also send along the properties of the Track event.

## Settings

Segment lets you change these destination settings from the Segment app without having to touch any code.

| Field | Description                                                                                                                                                                                                                                                                                               | Required | Type   |
| ----- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ------ |
| WID   | You can find your WID after clicking the \*\*Get Install Code\*\*  button for your site in your \[Inspeclet dashboard]\(https://www.inspectlet.com/dashboard). It will appear near the beginning of your embed code snippet. (It's a big number.). It should be a series of numbers, like \`9492461759\`. | Yes      | string |