> ## Documentation Index > Fetch the complete documentation index at: https://docs.zeotap.com/llms.txt > Use this file to discover all available pages before exploring further. # Quick Start > Step-by-step guide to integrate the Zeotap React Native SDK in your application. **Important:** Please ensure your CMP configuration includes new **Vendor ID 1469** for 1st Party data tracking. Additionally, include **Vendor ID 301** if cookie sync is enabled. [Learn more](/articles/sdks/web-js/configurations/consent-options#shouldcheckzeotapvendorconsent) Get started with the Zeotap React Native SDK in just a few steps. This guide will walk you through the complete integration process. ## Prerequisites Before you begin, ensure you have: * Created Android and iOS sources in the Zeotap CDP account * Obtained write\_keys for both platforms. [How to obtain a write key?](/articles/sdks/react-native/configurations/write-key) * React Native development environment set up ## Integration Steps ### Install the Package Run the following command from your project's root directory: ```bash theme={null} npm install zeo-collect ``` Verify the installation by checking your `package.json` file for the zeo-collect package in the dependencies section. ### Set up Android Configure the Zeotap Android SDK using the Dependency Manager: #### Configure Repositories Add the Maven URL to your project-level `build.gradle` or `settings.gradle` file: ```gradle theme={null} repositories { google() maven { url 'https://sdk.zeotap.com/android-sdk' } } ``` #### Add Dependencies In your app-level `build.gradle` file, add the following dependencies: ```gradle theme={null} dependencies { implementation "com.zeotap:zeo-collect:2.2.12" // For Android 13+ (AdID support) implementation "com.google.android.gms:play-services-ads:20.4.0" // JSON support (if not already included) implementation "com.google.code.gson:gson:2.10.1" } ``` #### Configure Compile Options Add compile options to the android block: ```gradle theme={null} android { ... compileOptions { sourceCompatibility JavaVersion.VERSION_1_8 targetCompatibility JavaVersion.VERSION_1_8 } } ``` #### Build Project Clean and rebuild your project: ```bash theme={null} # Clean project cd android && ./gradlew clean # Rebuild project cd android && ./gradlew build ``` ### Set up iOS Configure the Zeotap iOS SDK using CocoaPods: #### Install CocoaPods Check if CocoaPods is installed: ```bash theme={null} pod --version ``` If not installed, follow the [CocoaPods installation guide](https://guides.cocoapods.org/using/using-cocoapods.html). #### Install Dependencies Navigate to the iOS directory of the project and add `ZeotapCollect` package. ```swift theme={null} pod 'ZeotapCollect', '~> 1.3.10' ``` And install dependencies from ios directory: ```bash theme={null} cd ios pod install ``` #### Open Workspace Open the `.xcworkspace` file in Xcode (not the `.xcodeproj` file): ```bash theme={null} open yourApplication.xcworkspace ``` To find the exact Android and iOS build versions required for a specific React Native version, please refer to the [release notes](/articles/sdks/react-native/release-notes/overview). ## Initialization Initialize the SDK in your app's entry point (`App.js` or `App.tsx`): ```javascript theme={null} import React, { useEffect } from 'react'; import { initialiseZeoCollect } from 'zeo-collect'; const App = () => { useEffect(() => { const options = { "android_write_key": "YOUR_ANDROID_WRITE_KEY", "ios_write_key": "YOUR_IOS_WRITE_KEY", "batch_size": 30, "service_interval": 90, "max_cache_size": 100, "opt_out": false, "use_consent": false, "check_for_cmp": false, "user_country": "usa" }; // Initialize without callback initialiseZeoCollect(options); // Or initialize with callback // initialiseZeoCollect(options, (data) => { // console.log("Initialization status:", data); // }); }, []); return ( // Your app components ); }; export default App; ``` You need to input your [`Android key and iOS write keys`](/articles/sdks/react-native/configurations/write-key) in place of `YOUR_ANDROID_WRITE_KEY` and `YOUR_IOS_WRITE_KEY` so that the data gets ingested to an respective ***iOS source*** and ***Android source*** created in your Zeotap CDP account. ## Setting up User Identities [(Learn more)](/articles/sdks/react-native/api-reference/set-user-identities) Once the Zeotap SDK is integrated, you can start setting up user identities. User identities are how you associate data to specific users. The Zeotap React Native SDK provides the `setUserIdentities` function to identify your users: ```javascript theme={null} import { setUserIdentities } from 'zeo-collect'; setUserIdentities({ email: "user@example.com", cellno: "11 5551234567" }) ``` ## Setting User Properties [(Learn more)](/articles/sdks/react-native/api-reference/set-user-properties) User properties allow you to store information about your users that doesn't change frequently, such as subscription status, user preferences, or demographic information. To set user properties, use the `setUserProperties` method: ```javascript theme={null} import { setUserProperties } from 'zeo-collect'; setUserProperties({ subscription: "premium", age: 25 }) ``` ### Send Your First Event Start tracking events in your components: ```javascript theme={null} import { setEventProperties, setPageProperties } from 'zeo-collect'; // Track a simple event const trackButtonClick = () => { setEventProperties("button_clicked", { button_name: "primary_cta", page: "home" }); }; // Track page view const trackPageView = () => { setPageProperties({ page_title: "Home Screen", section: "main" }); }; // In your component return (