# Smartlook Destination

## Destination Info

* Accepts [Identify](/docs/segment/connections/spec/identify), [Track](/docs/segment/connections/spec/track) calls.
* Refer to it as **Smartlook** in the [Integrations object.](/docs/segment/guides/filtering-data/#filtering-with-the-integrations-object)
* This integration is **partner owned.** Please reach out to the partner's support for any issues.

### Components

* [Browser](https://github.com/amertak/analytics.js-integration-smartlook)

## 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

[Smartlook](https://smartlook.com/?utm_source=segmentio\&utm_medium=docs\&utm_campaign=partners) is a product analytics tool for websites and mobile apps offering visitor recordings, heatmaps, conversion funnels and automatic event tracking.

This destination is maintained by Smartlook. For any issues with the destination, [contact the Smartlook Support team](mailto:support@smartlook.com).

## Getting Started

1. From the Segment web app, click **Catalog**.
2. Search for "Smartlook" in the Catalog, select it, and choose which of your sources to connect the destination to.
3. Enter the "Project Key" into your Segment Settings UI which you can find from your [project settings](https://www.smartlook.com/app/dashboard/settings/projects) after clicking the **Tracking code** link.

Your changes appear in the Segment CDN in about 45 minutes, and then Analytics.js starts asynchronously loading Smartlook's recording snippet onto your page.

## 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.
Identify calls sent to Segment will be transformed and sent to [Smartlook's](https://smartlook.github.io/docs/web/identify-visitor/) `identify` method. An example call would look like:

```text
analytics.identify('userId123', {
  email: 'john.doe@example.com'
});
```

## 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.
Track calls sent to Segment will be transformed and sent to [Smartlook's](https://smartlook.github.io/docs/web/custom-events/) `track` method.
An example call would look like:

```text
analytics.track('banner_impression', {
    bannerName: 'sample_ad'
});
```

## Settings

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

| Field       | Description                                                                                                                                                                          | Required | Type   |
| ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | ------ |
| Project Key | You can retrieve your Project Key from your Smartlook \[Project Settings]\(https://www.smartlook.com/app/dashboard/settings/projects) after clicking the \*\*Tracking code\*\* link. | Yes      | string |