Панель сортировки, график топ-100 сообщений + языковая панель. 🇺🇦 Зроблено в Україні.
порт CSV» выгружает все собранные данные в CSV-файл для последующего анализа в Excel или Google Sheets.
3. Описание элементов панели
Элемент Что делает
🇺🇦 «Зроблено в Україні» Заголовок панели + логотип
По реакциям Сортировка сообщений по количеству реакций (лайки, эмодзи)
Дата ↓ Новые сообщения сверху (по дате)
Дата ↑ Старые сообщения сверху (по дате)
По медиа Сортировка по количеству медиа (фото/видео)
По длине Сортировка по количеству символов текста
За 24ч Фильтр: только сообщения за последние 24 часа
Обновить Пересобирает данные, если не всё загрузилось
Экспорт CSV Выгружает таблицу (текст, реакции, медиа, дата)
Цветной график ТОП-10 Отображает первые 10 сообщений по выбранному критерию
4. Что показывает график
10 столбцов — 10 сообщений, отфильтрованных по кнопке.
Высота столбца — «сила» показателя (реакции, медиа или длина текста).
Цвет — случайный, для удобного различия.
5. Основные фишки
Поддержка Telegram Web /a/ (React) и /k/ (Angular).
Автоматическая перерисовка при смене чата (через MutationObserver).
Тёмная/светлая тема поддерживаются (используются CSS переменные Telegram).
Всё в одном файле — ставится одним кликом в Tampermonkey.
Сохранение позиции панели между перезагрузками.
Логотип «Зроблено в Україні» и 🇺🇦.
6. Пример интерфейса панели
🖼️ Пример/макет (как выглядит панель):
┌─────────────────────────────┐
│ 🇺🇦 Зроблено в Україні ✖ │
├─────────────────────────────┤
│ [По реакциям] [Дата ↓] [Дата ↑] │
│ [По медиа] [По длине] [За 24ч] │
│ [Обновить] [Экспорт CSV] │
│ ┌───────────────────────────┐ │
│ │ Цветной график ТОП-10 │ │
│ │ █ █ █ █ █ █ █ █ █ █ │ │
│ └───────────────────────────┘ │
└─────────────────────────────┘
— Панель плавает справа поверх Telegram Web.
— График сразу показывает ТОП-10 по реакциям (по умолчанию).
— Кнопками можно менять сортировки и фильтры.
7. Куда вставить скрипт
Установи расширение Tampermonkey.
Создай новый скрипт.
Вставь туда готовый код (я дал выше).
Сохрани.
Открой https://web.telegram.org/a/
или /k/ — панель появится справа.
✅ Что добавлено:
Панель с выбором языка.
Сохранение выбранного языка в localStorage.
Поддержка большинства распространённых языков: украинский, русский, английский, немецкий, французский, испанский, итальянский, португальский, польский, китайский, японский, корейский.
Кнопки панели меняют текст при смене языка.
https://web.telegram.org/k/ и /a/
тестел всё работает
.png?locale=zh-TW)
.png?locale=zh-TW)
