Skip to main content

​
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. This 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 to rank applications in the catalog based on their performance and Streaks.

​
Environment support

  • Modern browsers
  • Server-side Rendering
  • All known Telegram clients
https://mintcdn.com/companyname-a7d5b98e/QcHp3JuMeRnOPFC3/resources/images/tma-browsers-icons/edge_48x48.png?fit=max&auto=format&n=QcHp3JuMeRnOPFC3&q=85&s=6be52e30208b87495a90734a0a73b896 Edgehttps://mintcdn.com/companyname-a7d5b98e/QcHp3JuMeRnOPFC3/resources/images/tma-browsers-icons/firefox_48x48.png?fit=max&auto=format&n=QcHp3JuMeRnOPFC3&q=85&s=4db23b85df28c25a03400860ed5b8ce1 Firefoxhttps://mintcdn.com/companyname-a7d5b98e/QcHp3JuMeRnOPFC3/resources/images/tma-browsers-icons/chrome_48x48.png?fit=max&auto=format&n=QcHp3JuMeRnOPFC3&q=85&s=4717612ecd3ff7104e9d4ef90b55df2a Chromehttps://mintcdn.com/companyname-a7d5b98e/QcHp3JuMeRnOPFC3/resources/images/tma-browsers-icons/safari_48x48.png?fit=max&auto=format&n=QcHp3JuMeRnOPFC3&q=85&s=9b326bd9f523b26aa1fc4fd12344c31e Safarihttps://mintcdn.com/companyname-a7d5b98e/QcHp3JuMeRnOPFC3/resources/images/tma-browsers-icons/safari_48x48.png?fit=max&auto=format&n=QcHp3JuMeRnOPFC3&q=85&s=9b326bd9f523b26aa1fc4fd12344c31e iOS
>= 79>= 78>= 73>= 12.0>= 12.0

​
Resources

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

​
Installation

Generate an access token through the TON Builders. For detailed instructions on how to connect the 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 scripts 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', // SDK Auth token received via @DataChief_bot
        appName: 'ANALYTICS_IDENTIFIER', // The analytics identifier you entered in @DataChief_bot
      });
    }
</script>

​
Using the NPM

Install using the npm: 
npm install @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', // SDK Auth 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. Most 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.