@telegram-apps/analytics

Telegram Analytics

Overview

Telegram Analytics is a powerful SDK and API that enables your mini-application to become a rich source of actionable data. By tracking user activity within your app, it transforms that data into clear, useful analytics that can help you optimize your application and enhance user engagement.

⚠️ Disclaimer

The library does not collect or store any private user data. It tracks app launches, TON Connect interactions, and GDPR-compliant events in an anonymous format. This data is used solely for to rank applications in the catalog based on their performance and Streaks.

🖥️ Environment Support

• Modern browsers
• Server-side Rendering
• All known Telegram clients

Edge	Firefox	Chrome	Safari	iOS
>= 79	>= 78	>= 73	>= 12.0	>= 12.0

Resources

• Example Mini App: Typescript version — dapp.
• Docs: Access latest docs at gitbook.

Installation

[!IMPORTANT] First of all, you must generate an access token through the Data Chief bot. For detailed instructions on how to connect SDK and receive a token, please refer to the documentation.

After token generation, you need to initialize the SDK.

There are two ways to initialize analytics: using CDN and the script tag, or using the NPM package.

Using a CDN

To add the Telegram Analytics SDK via CDN, include the following script`s in your HTML head:

<script 
    async 
    src="https://tganalytics.xyz/index.js" 
    onload="initAnalytics()" 
    type="text/javascript"
></script>

<script>
    function initAnalytics() {
      window.telegramAnalytics.init({
        token: 'YOUR_TOKEN', // Token received via @DataChief_bot
        appName: 'ANALYTICS_IDENTIFIER', // The analytics identifier you entered in @DataChief_bot
      });
    }
</script>

Using the NPM package

You can install the package via npm:

npm install @telegram-apps/analytics

yarn add @telegram-apps/analytics

pnpm add @telegram-apps/analytics

To ensure that all events are collected correctly, you must initialize the SDK before the application starts rendering. For example, in react applications, before calling the render() function

import telegramAnalytics from '@telegram-apps/analytics';

telegramAnalytics.init({
    token: 'YOUR_TOKEN', // Token received via @DataChief_bot
    appName: 'ANALYTICS_IDENTIFIER', // The analytics identifier you entered in @DataChief_bot
});

---

After initializing the Telegram Analytics, you are all set to transfer the data, gain insights, and improve user engagement. (99% of them will be tracked automatically without manual control)

🤝 Contributing

Contributions are welcome! To contribute, fork the repository, make your changes, and submit a pull request. We look forward to your innovative ideas and improvements.

License

This Telegram Analytics SDK is available under the MIT License. Feel free to use it in both personal and commercial projects.

The library was expertly developed by sorawalker, with generous support from TON Foundation.