> ## Documentation Index
> Fetch the complete documentation index at: https://docs.unifygtm.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Unify Intent Client

> Send website and product events directly into Unify with the native SDK.

## Overview

The Unify Intent client is a JavaScript library that allows you to collect
events from your website and send them to Unify. It supports page, identify, and
custom events.

<CardGroup cols={3}>
  <Card title="Page events" icon="memo-pad" iconType="duotone" color="#3378B8">
    e.g. a user visits the pricing page of your marketing website
  </Card>

  <Card title="Custom events" icon="bullseye-pointer" iconType="duotone" color="#D23434">
    e.g. a user clicks a button to open a pricing calculator
  </Card>

  <Card title="Identify events" icon="user-check" iconType="duotone" color="#22811A">
    e.g. a user logs into your web app with their email address
  </Card>
</CardGroup>

When you install the Unify Intent client on your website, it can automatically
collect these events and send them to Unify. You can also customize its behavior
by sending events manually.

<Info>
  The Intent Client source code is [available on GitHub](https://github.com/unifygtm/intent-js-client).
</Info>

## Installation

There are multiple ways to install the Unify Intent client depending on your
setup. In most cases, the website tag is the best option to get started.

<CardGroup cols={1}>
  <Card title="Website tag" href="/developers/intent-client/website-tag" icon="code" horizontal>
    Paste a pre-configured JavaScript snippet in your website's HTML. This
    method is the easiest way to get started and is suitable for most websites.
  </Card>
</CardGroup>

<CardGroup cols={2}>
  <Card title="React library" href="/developers/intent-client/react" icon="react" horizontal>
    Install the client in your React web application for a more native
    integration.
  </Card>

  <Card title="JavaScript library" href="/developers/intent-client/js-client" icon="node-js" horizontal>
    Install the client in your non-React frontend application, such as a Single
    Page App (SPA).
  </Card>
</CardGroup>

<Note>
  You should only use one installation method per website or application. If the
  client is installed twice on the same site, it may not work correctly.
</Note>

## Usage

If you install the client using the website tag method, it will start collecting
page visits automatically. Often, no further setup is required unless you wish
to track visitor interactions manually.

For other installation methods, or to learn how to manually send other types of
events, see the complete [Usage guide](/developers/intent-client/usage-guide).