# FoxMetrics Destination

## Destination Info

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

### Components

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

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

[FoxMetrics](https://www.foxmetrics.com/) is a personalization platform that allows users to collect & analyze customer actions through computers, mobile, and web applications. The `analytics.js` FoxMetrics destination is open-source. You can browse the code [on GitHub](https://github.com/segment-integrations/analytics.js-integration-foxmetrics).

## Getting Started

1. From the Segment web app, click **Catalog**.
2. Search for "FoxMetrics" in the Catalog, select it, and choose which of your sources to connect the destination to.
3. Add your FoxMetrics `App ID`
4. When you enable FoxMetrics from the Segment web app, your changes appear in the Segment CDN in about 45 minutes, and then Analytics.js starts asynchronously loading
   FoxMetrics's JavaScript onto your page.

Remember to remove FoxMetrics's native snippet from your page.

## 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();
```

When you call [`page`](/docs/segment/connections/spec/page/), we call FoxMetrics' `record` with the exact same parameters.

## 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",
  plan: "premium",
  logins: 5
});
```

When you call `identify` on `analytics.js`, we call FoxMetrics' `_fxm.visitor.Profile` to store all traits provided.

## 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("Registered", {
  plan: "Pro Annual",
  accountType: "Facebook"
});
```

When you call `track` on `analytics.js`, we push your event and properties onto the `_fxm` object.

## Settings

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

| Field  | Description                                                                                                                                                                                      | Required | Type   |
| ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | ------ |
| App ID | You can find your App ID (also listed as your API Key) in your FoxMetrics \[Applications List]\(http://dashboard.foxmetrics.com/MyAccount/Applications) under \*\*My Account > Applications\*\*. | Yes      | string |