### Unify Integrations Overview
Source: https://docs.unifygtm.com/getting-started/onboarding-guide
This section details the various integrations available for Unify, including website traffic analysis, CRM connections, and email services. It provides links to specific integration guides for detailed setup instructions.
```APIDOC
Integration Methods:
1. Website Integration:
- Website Tag (Recommended): Embed a JavaScript snippet for basic integration.
- Reference: /developers/intent-client/website-tag
- Intent Client: Install the Unify Intent client for full customizability.
- Reference: /developers/intent-client/overview#installation
- Segment: Connect your existing Segment subscription.
- Reference: /reference/integrations/segment
2. Website Intent Data:
- Unify Intent: Enable high-coverage website identification via a simple click in the Unify app.
- Configuration: https://app.unifygtm.com/dashboard/settings/integrations/unify-intent
3. CRM Connections:
- Salesforce: Connect your Salesforce instance for prospect management and play execution.
- Reference: /reference/integrations/salesforce/overview
- HubSpot: Connect your HubSpot CRM for similar functionalities.
- Reference: /reference/integrations/hubspot/overview
4. Mailbox Connections:
- Gmail: Connect Gmail mailboxes for sending emails.
- Reference: /reference/integrations/gmail
- Outlook (Coming Soon): Future support for connecting Outlook mailboxes.
Tutorials:
- Create an Exclusion: /tutorials/how-to-create-an-exclusion
- Define Personas: /tutorials/how-to-use-personas
- Create a Play: /tutorials/how-to-create-a-play
- YouTube Channel: https://www.youtube.com/@Unifygtm
```
--------------------------------
### Unify Website Tag Integration
Source: https://docs.unifygtm.com/getting-started/onboarding-guide
Integrate Unify into your website by adding a JavaScript snippet. This method is recommended for minimal setup and allows Unify to start revealing website visitors. It typically involves adding the snippet to your website's HTML.
```javascript
// Placeholder for Unify JavaScript snippet
// Add the Unify JavaScript snippet to your website with minimal setup.
// For actual code, refer to Unify documentation: /developers/intent-client/website-tag
```
--------------------------------
### Unify Intent Client Installation Methods
Source: https://docs.unifygtm.com/developers/intent-client/overview
The Unify Intent client can be installed on a website using various methods, including a simple website tag for static sites, a dedicated React library for React applications, or a general JavaScript client for other frontend frameworks.
```APIDOC
UnifyIntentClient:
Installation:
WebsiteTag:
description: Quick setup for static marketing websites.
usage: Embed a provided script tag in your HTML.
ReactLibrary:
description: Integration for React applications.
usage: Install via npm/yarn and import into your React components.
JavaScriptClient:
description: For other frontend web application frameworks.
usage: Install via npm/yarn and initialize in your application's entry point.
```
--------------------------------
### Triggering Unify Events with JavaScript
Source: https://docs.unifygtm.com/developers/intent-client/website-tag
After the website tag is installed, the Unify Intent client is accessible via `window.unify`. This example demonstrates how to manually trigger 'page' and 'identify' events. The `unify` alias can also be used as `window` is global.
```javascript
// Trigger a `page` event
window.unify.page();
unify.page();
// Trigger an `identify` event
window.unify.identify("user@email.com");
unify.identify("user@email.com");
```
--------------------------------
### Clearbit Logo Component
Source: https://docs.unifygtm.com/getting-started/onboarding-guide
A React component for the Clearbit logo, implemented with SVG. It features a gradient fill on some paths and a semi-transparent background shape.
```javascript
export const ClearbitLogo = () => ;
```
--------------------------------
### Google Workspace Logo Component
Source: https://docs.unifygtm.com/getting-started/onboarding-guide
A React component that renders the Google Workspace logo using SVG. It includes paths for the distinct colors of the Google Workspace brand.
```javascript
export const GoogleWorkspaceLogo = () => ;
```
--------------------------------
### Install Unify Intent React Library
Source: https://docs.unifygtm.com/developers/intent-client/react
Install the Unify Intent React library using your preferred package manager. This command adds the necessary package to your project's dependencies.
```shell
npm install @unifygtm/intent-react
```
```shell
yarn add @unifygtm/intent-react
```
```shell
pnpm add @unifygtm/intent-react
```
--------------------------------
### Gmail Logo Component
Source: https://docs.unifygtm.com/getting-started/onboarding-guide
A React component rendering the Gmail logo as an SVG. It utilizes multiple colored paths to represent the Gmail brand identity.
```javascript
export const GmailLogo = () => ;
```
--------------------------------
### Generic SVG Icon Path
Source: https://docs.unifygtm.com/getting-started/onboarding-guide
A standalone SVG path definition for a generic icon. It uses specific fill rules and clipping paths to define the shape.
```svg
```
--------------------------------
### SVG Graphics Definitions
Source: https://docs.unifygtm.com/getting-started/onboarding-guide
Contains multiple SVG path and gradient definitions used for graphical representations. These are raw SVG elements that can be embedded directly or used as assets.
```svg
```
--------------------------------
### HTML Structure for Website Tag
Source: https://docs.unifygtm.com/developers/intent-client/website-tag
This snippet shows the basic HTML structure required to include the Unify JavaScript tag. The tag can be placed in either the or section of your HTML file. Ensure the client is initialized only once.
```html
```
--------------------------------
### 6sense Reveal API Access Request
Source: https://docs.unifygtm.com/reference/integrations/6sense
Example message to request API token access for the 6sense Reveal API for server-to-server integration. This details the endpoint and purpose for obtaining credentials.
```APIDOC
API Endpoint: https://epsilon.6sense.com/v3/company/details
Method: POST (implied for server-to-server data retrieval)
Purpose: Retrieve company details via the Reveal API.
Request Example:
To: support@6sense.com
Subject: API Token Request for Reveal API
Body:
Hi there,
We need an API token to hit the reveal (https://epsilon.6sense.com/v3/company/details) API in a server to server (not from the browser) mode.
Could you please provide the API key?
Thanks,
```
--------------------------------
### Install Unify Intent JS Client
Source: https://docs.unifygtm.com/developers/intent-client/js-client
Install the Unify Intent JS Client using your preferred package manager. This step is crucial for integrating the client into your frontend web application.
```shell
npm install @unifygtm/intent-client
```
```shell
yarn add @unifygtm/intent-client
```
```shell
pnpm add @unifygtm/intent-client
```
--------------------------------
### React Component: SalesforceLogo SVG
Source: https://docs.unifygtm.com/getting-started/onboarding-guide
Defines the SalesforceLogo component, rendering an SVG graphic representing the Salesforce logo. This component is written in JSX for use in React applications, featuring a path element with specific fill colors.
```jsx
export const SalesforceLogo = () =>
```
--------------------------------
### React Component: OutlookLogo SVG
Source: https://docs.unifygtm.com/getting-started/onboarding-guide
Defines the OutlookLogo component, rendering an SVG graphic representing the Outlook logo. This component is written in JSX for React applications, utilizing multiple path elements and a linear gradient for its design.
```jsx
export const OutlookLogo = () =>
```