# Preparations

### 1. Connect the TON Connect SDK

Web3 events for the Telegram Mini Apps Analytics SDK are supported by the [`@tonconnect/ui`](https://www.npmjs.com/package/@tonconnect/ui) and [`@tonconnect/ui-react`](https://www.npmjs.com/package/@tonconnect/ui-react) libraries since version 2.0.3, [`@tonconnect/sdk`](https://www.npmjs.com/package/@tonconnect/sdk) since version 3.0.3.

[Read more about TON Connect integration](https://github.com/ton-connect)

Don't worry if your app doesn't use TON Connect, the analytics SDK will still work and collect non-Web3 events.

### 2.  Get the token with TON Builders

Register your project on [TON Builders](https://builders.ton.org) and go to the Analytics tab.

![](https://storage.googleapis.com/ton-strapi/Empty_49d500d906/Empty_49d500d906.png)

Enter your Telegram Bot URL and mini app domain to receive an **API key** for SDK initialization. You can also manage your existing keys from the same section. Enter your Telegram Bot URL and mini app domain to receive a token for SDK initialization.

### 3. Initialize SDK

Now you can initialize the SDK in your application. There are two ways to do this:

* via \<script> tag (See [Installation via \<script> tag](https://docs.tganalytics.xyz/sdk/installation-via-less-than-script-greater-than-tag) page)
* via NPM package (See [Installation via NPM package](https://docs.tganalytics.xyz/sdk/installation-via-npm-package) page)

***

### Navigation:

* [Overview](https://docs.tganalytics.xyz/overview)
* SDK installation:
  * [preparations](https://docs.tganalytics.xyz/sdk/preparations)
  * [via \<script> tag](https://docs.tganalytics.xyz/sdk/installation-via-less-than-script-greater-than-tag)
  * [via NPM package](https://docs.tganalytics.xyz/sdk/installation-via-npm-package)
* [API docs](https://docs.tganalytics.xyz/api)
* [Supported events](https://docs.tganalytics.xyz/supported-events)
* [Bot](https://docs.tganalytics.xyz/managing-integration)
* [Demo app](https://github.com/Dimitreee/demo-dapp-with-analytics)