Аналитика профиля ВК: различия между версиями

Материал из Поле цифровой дидактики
Новая страница: «<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; max-width: 1000px; margin: 0 auto; padding: 24px; background-color: #edeef0;"> <!-- Карточка проекта --> <div style="background-color: #ffffff; padding: 20px; border-radius: 12px; margin-bottom: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);"> <h2 style="color: #2c3e50; border-bottom: 2px solid #4a76a8; padding-bottom: 1...»
 
Нет описания правки
Строка 4: Строка 4:
     <div style="background-color: #ffffff; padding: 20px; border-radius: 12px; margin-bottom: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
     <div style="background-color: #ffffff; padding: 20px; border-radius: 12px; margin-bottom: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
         <h2 style="color: #2c3e50; border-bottom: 2px solid #4a76a8; padding-bottom: 10px; margin-top: 0;">📊 Аналитика профиля ВКонтакте</h2>
         <h2 style="color: #2c3e50; border-bottom: 2px solid #4a76a8; padding-bottom: 10px; margin-top: 0;">📊 Аналитика профиля ВКонтакте</h2>
         <p><b>Автор:</b> Арлинская Александра </p>
         <p><b>Автор:</b> Федышина София</p>
         <p><b>Группа:</b> АДЭУ-221</p>
         <p><b>Группа:</b> АДЭУ-221</p>
         <p><b>Дисциплина:</b> Работа с API социальных сетей и визуализация данных</p>
         <p><b>Дисциплина:</b> Работа с API социальных сетей и визуализация данных</p>
Строка 25: Строка 25:
             <li>Провести текстовый анализ контента с выделением самых частых слов в публикациях.</li>
             <li>Провести текстовый анализ контента с выделением самых частых слов в публикациях.</li>
         </ul>
         </ul>
    </div>
    <!-- Получение токена VK API -->
    <div style="background-color: #ffffff; padding: 20px; border-radius: 12px; margin-bottom: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
        <h3 style="color: #2c3e50;">🔑 Получение токена доступа VK API</h3>
        <p>Для работы с API ВКонтакте необходимо создать приложение и получить ключ доступа (токен). Ниже описан пошаговый процесс.</p>
       
        <h4 style="color: #4a76a8; margin-top: 20px;">Шаг 1. Создание приложения</h4>
        <p>На странице создания приложения необходимо указать следующие параметры:</p>
        <ul>
            <li><b>Тип приложения</b> — выбирается «Мини-приложение» для получения доступа к API сообществ и пользователей.</li>
            <li><b>Название приложения</b> — задаётся уникальное имя (не менее трёх символов).</li>
            <li><b>Категория</b> — выбирается «Инструменты» для аналитических сервисов.</li>
        </ul>
        <p>После заполнения формы необходимо подтвердить согласие с правилами размещения и платформы, затем нажать кнопку «Создать».</p>
       
        <h4 style="color: #4a76a8; margin-top: 20px;">Шаг 2. Настройка приложения в разделе для разработчиков</h4>
        <p>После создания приложения открывается панель управления, где доступна следующая информация:</p>
        <ul>
            <li><b>Название приложения</b> — отображается созданное ранее имя (test).</li>
            <li><b>Категория</b> — подтверждается выбранная категория (Инструменты).</li>
            <li><b>Описание</b> — поле для заполнения информации о функциональности приложения.</li>
            <li><b>Бонусная программа</b> — при выполнении условий можно получить до 25 000 ₽ на рекламу сервиса.</li>
        </ul>
       
        <h4 style="color: #4a76a8; margin-top: 20px;">Шаг 3. Получение ключей доступа</h4>
        <p>В разделе «Ключи доступа» генерируется токен для работы с API. Доступны следующие опции:</p>
        <ul>
            <li><b>Другие площадки</b> — настройки интеграции с внешними сервисами.</li>
            <li><b>Дополнительные</b> — расширенные настройки доступа.</li>
            <li><b>Разработка</b> — технические параметры приложения.</li>
            <li><b>Ключи доступа</b> — основное место для получения токена.</li>
            <li><b>Удалить процедуры</b> — опция удаления настроенных процедур доступа.</li>
        </ul>
        <p>Сгенерированный токен сохраняется в файле <code>.env</code> проекта для дальнейшего использования при запросах к VK API.</p>
     </div>
     </div>


Строка 107: Строка 142:
          
          
         <h4 style="color: #4a76a8; margin-top: 20px;">5. Активность по часам</h4>
         <h4 style="color: #4a76a8; margin-top: 20px;">5. Активность по часам</h4>
         <p>Горизонтальная столбчатая диаграмма (или круговой график), показывающая распределение публикаций по часам суток. Позволяет определить, в какое время автор чаще всего публикует контент. Часовые интервалы от 00:00 до 21:00.</p>
         <p>Горизонтальная столбчатая диаграмма, показывающая распределение публикаций по часам суток. Позволяет определить, в какое время автор чаще всего публикует контент. Часовые интервалы от 00:00 до 21:00.</p>
          
          
         <h4 style="color: #4a76a8; margin-top: 20px;">6. Активность по дням</h4>
         <h4 style="color: #4a76a8; margin-top: 20px;">6. Активность по дням</h4>
Строка 113: Строка 148:
          
          
         <h4 style="color: #4a76a8; margin-top: 20px;">7. Топ-20 слов</h4>
         <h4 style="color: #4a76a8; margin-top: 20px;">7. Топ-20 слов</h4>
         <p>Облако слов или список наиболее часто встречающихся слов в текстах постов. Анализ позволяет понять основные темы и ключевые понятия, вокруг которых строится контент сообщества. Пример: «вконтакте», «telegram», «россии», «пользователей», «сегодня».</p>
         <p>Список наиболее часто встречающихся слов в текстах постов. Анализ позволяет понять основные темы и ключевые понятия, вокруг которых строится контент сообщества. Пример: «вконтакте», «telegram», «россии», «пользователей», «сегодня».</p>
     </div>
     </div>


Строка 123: Строка 158:
             <li>Визуализация данных включает линейные графики динамики постов, распределение по часам и дням недели, а также текстовый анализ с выделением ключевых слов.</li>
             <li>Визуализация данных включает линейные графики динамики постов, распределение по часам и дням недели, а также текстовый анализ с выделением ключевых слов.</li>
             <li>Интерфейс выполнен в стилистике VK: светлый фон, акцентные синие элементы, удобная карточная структура.</li>
             <li>Интерфейс выполнен в стилистике VK: светлый фон, акцентные синие элементы, удобная карточная структура.</li>
            <li>Для работы с API был успешно получен токен доступа через создание мини-приложения в VK.</li>
             <li>Проект может быть расширен добавлением прогнозных моделей, сравнением нескольких сообществ, а также экспортом отчётов в PDF или Excel.</li>
             <li>Проект может быть расширен добавлением прогнозных моделей, сравнением нескольких сообществ, а также экспортом отчётов в PDF или Excel.</li>
         </ul>
         </ul>

Версия от 22:32, 26 марта 2026

📊 Аналитика профиля ВКонтакте

Автор: Федышина София

Группа: АДЭУ-221

Дисциплина: Работа с API социальных сетей и визуализация данных

Статус проекта: Выполнен

📘 Введение

Проект представляет собой веб-приложение для детального анализа публичной страницы или профиля ВКонтакте. Пользователь вводит адрес сообщества, после чего система собирает данные через официальное API VK, обрабатывает их и отображает в виде структурированной статистики и наглядных графиков.

🎯 Цель проекта

  • Создать удобный инструмент для анализа статистики сообществ ВКонтакте.
  • Предоставить пользователю ключевые метрики: количество подписчиков, постов, суммарные лайки, репосты и комментарии.
  • Визуализировать динамику вовлечённости по времени: график активности по постам, распределение по часам и дням недели.
  • Провести текстовый анализ контента с выделением самых частых слов в публикациях.

🔑 Получение токена доступа VK API

Для работы с API ВКонтакте необходимо создать приложение и получить ключ доступа (токен). Ниже описан пошаговый процесс.

Шаг 1. Создание приложения

На странице создания приложения необходимо указать следующие параметры:

  • Тип приложения — выбирается «Мини-приложение» для получения доступа к API сообществ и пользователей.
  • Название приложения — задаётся уникальное имя (не менее трёх символов).
  • Категория — выбирается «Инструменты» для аналитических сервисов.

После заполнения формы необходимо подтвердить согласие с правилами размещения и платформы, затем нажать кнопку «Создать».

Шаг 2. Настройка приложения в разделе для разработчиков

После создания приложения открывается панель управления, где доступна следующая информация:

  • Название приложения — отображается созданное ранее имя (test).
  • Категория — подтверждается выбранная категория (Инструменты).
  • Описание — поле для заполнения информации о функциональности приложения.
  • Бонусная программа — при выполнении условий можно получить до 25 000 ₽ на рекламу сервиса.

Шаг 3. Получение ключей доступа

В разделе «Ключи доступа» генерируется токен для работы с API. Доступны следующие опции:

  • Другие площадки — настройки интеграции с внешними сервисами.
  • Дополнительные — расширенные настройки доступа.
  • Разработка — технические параметры приложения.
  • Ключи доступа — основное место для получения токена.
  • Удалить процедуры — опция удаления настроенных процедур доступа.

Сгенерированный токен сохраняется в файле .env проекта для дальнейшего использования при запросах к VK API.

🛠 Архитектура и блок-схема проекта

Проект построен на архитектуре клиент-сервер. Backend (Python + FastAPI/Flask) обрабатывает запросы к VK API, собирает и агрегирует данные. Frontend (HTML/CSS/JS) отображает информацию и визуализирует графики с использованием библиотеки Chart.js.

Ввод домена или ID профиля
Запрос к VK API (стена, профиль, статистика)
Сбор и агрегация данных: лайки, репосты, комментарии, текст постов
Расчёт метрик: вовлечённость, частотность слов, временные паттерны
Визуализация: графики активности, диаграммы, топ-слов

🗂 Структура проекта

VK-DASHBOARD/
📁 __pycache__/
📁 .venv/ — виртуальное окружение
📁 public/
📁 img/
🖼 favicon.svg
📁 templates/
📄 index.html — главная страница с формой ввода
📄 result.html — страница с результатами аналитики
📄 main.py — основной файл приложения (Flask/FastAPI)
📄 .env — переменные окружения (токен VK API)
📄 .env.example — пример конфигурации

Назначение ключевых файлов:

  • main.py — серверная логика: маршруты, взаимодействие с VK API, обработка данных.
  • templates/index.html — стартовая страница с полем ввода адреса профиля.
  • templates/result.html — страница с полной аналитикой: графики, статистика, топ-слов.
  • .env — хранение токена доступа к VK API и других секретов.

📊 Описание визуализации

1. Главная страница

Пользователю предлагается ввести адрес страницы (например, durov или полную ссылку vk.com/durov). После нажатия кнопки «Анализировать» система начинает сбор данных. Кнопка «Сбросить» очищает форму для нового запроса.

2. Карточка профиля

В верхней части страницы результатов отображается основная информация о сообществе или пользователе:

  • Имя профиля и статус (например, «Pavel Durov» и «Детектор»).
  • Геолокация — город (Saint Petersburg).
  • Дата рождения и пол (для пользователей).
  • Количество подписчиков — крупным шрифтом (4.8M).
  • Количество загруженных постов (500).

3. Ключевые метрики

Блок с агрегированной статистикой по всем проанализированным постам:

  • Общее количество постов (500).
  • Суммарное количество лайков (21.9M) и среднее значение на пост (43717.9).
  • Суммарное количество репостов (944.3K).
  • Суммарное количество комментариев и среднее значение на пост (0).

4. График вовлечённости по постам

Линейный график, отображающий динамику трёх метрик (лайки, репосты, комментарии) для последних 50 постов. По оси X — даты публикаций, по оси Y — количество взаимодействий. График позволяет визуально оценить пики активности и выявить наиболее успешные публикации.

5. Активность по часам

Горизонтальная столбчатая диаграмма, показывающая распределение публикаций по часам суток. Позволяет определить, в какое время автор чаще всего публикует контент. Часовые интервалы от 00:00 до 21:00.

6. Активность по дням

Столбчатая диаграмма, отображающая количество публикаций по дням недели (Пн, Вт, Ср, Чт, Пт, Сб, Вс). Помогает выявить наиболее активные дни ведения сообщества.

7. Топ-20 слов

Список наиболее часто встречающихся слов в текстах постов. Анализ позволяет понять основные темы и ключевые понятия, вокруг которых строится контент сообщества. Пример: «вконтакте», «telegram», «россии», «пользователей», «сегодня».

📌 Выводы

  • Разработанное приложение предоставляет полную аналитику публичного профиля ВКонтакте: от базовых метрик до детальных графиков вовлечённости.
  • Визуализация данных включает линейные графики динамики постов, распределение по часам и дням недели, а также текстовый анализ с выделением ключевых слов.
  • Интерфейс выполнен в стилистике VK: светлый фон, акцентные синие элементы, удобная карточная структура.
  • Для работы с API был успешно получен токен доступа через создание мини-приложения в VK.
  • Проект может быть расширен добавлением прогнозных моделей, сравнением нескольких сообществ, а также экспортом отчётов в PDF или Excel.