Король Социалок 18: шаблон для визуализации статистики

Astraport

Client
Регистрация
01.05.2015
Сообщения
5 086
Реакции
4 632
Баллы
113
18.jpg


Предлагаю вашему вниманию шаблон по визуальному отображению в виде графиков и диаграмм любых статистических данных.

Важность сбора статистики и её анализа, наверное, никому не нужно объяснять. Тесты – наше всё! ZennoPoster тем и хорош, что позволяет буквально за пару часов набросать автоматизацию и проверить гипотезу на работоспособность. Главное потом проанализировать полученные результаты.

Позиции сайтов в ТОП поисковой выдачи, количество подписчиков в соц. сетях, просмотры, лайки, репосты – все эти данные нужно как-то хранить и красиво отображать в разрезе времени. Можно использовать платные сторонние сервисы или подключить Google Docs немало провозившись с кодированием интервалов данных и их правильным форматированием, но я выбрал такой легкий и элегантный способ – локальные HTML+JS файлы связанные между собой гиперссылками.

Этот шаблон я использую уже несколько лет в разных проектах и он отлично себя зарекомендовал несмотря на свою простоту. Шаблон не является универсальным, для каждого проекта потребуется немного «допиливания» под конкретные задачи. Данные могут собираться из баз данных, файлов Excel, или, как в примере, который закреплен к статье, напрямую из HTML страниц.

kxbgg3tefy.jpg

Вот так, например, выглядят графики результата парсинга изменений цен, отзывов и продаж на Wildberries. Визуально можно проанализировать сотни бестселлеров этого интернет-магазина с разбивкой по категориям.

Основа этой визуализации статистики – JS библиотека https://d3js.org/, которая несмотря на свою бесплатность, очень функциональная и гибкая. Все данные хранятся прямо в HTML, поэтому не требуется никаких дополнительных файлов, хранилищ и баз данных.

В прилагаемом примере собираются данные по количеству постов, подписчиков и подписках Инстаграмм аккаунтов. Если вы ведете сотни ботов в этой социальной сети, то вам важно отслеживать динамику роста подписчиков и остальные метрики.

2021-03-02_16-16-09.png


Шаблон очень простой (это самый простой шаблон, которым я когда-либо делился в рамках конкурсов статей и шаблон). Закидываете папку “stat” в корень вашего проекта, добавляете в файл input.txt id аккаунтов и ставите шаблон на запуск по расписанию – например один раз в сутки. Сразу создастся файл index.html, который будет стартовой страницей вашей статистики. Остальные файлы для каждого аккаунта создаются внутри папки “stat”.

Для подключения других ресурсов или с текстовых файлов потребуются изменения в шаблоне, но я прокомментировал C# кубик чтобы было проще его изменить под свои условия. Также возможно потребуется изменить файлик template.html.

Небольшой бонус.

Два года назад я выпустил одну популярную статью по генерацию видео, которая заняла 1-ое место. По популярности сужу по количеству обращений ко мне по этому шаблону. Так вот, буквально на днях, интернет захлестнула волна постов по поводу нейронной генерации видео на основе фото - https://www.myheritage.com/deep-nostalgia

Народ уже выпустил массу веселых роликов такого плана:
аленушка-Deep-nostalgia-нейросети-гифки-6520693.gif


Я тоже не мог обойти вниманием эту инновацию и успешно внедрил эту технологию в том шаблоне и вот что получилось:

Шаблон генерации видео не адаптирован для публичного распространения, там некоторые моменты сделаны вручную, поэтому его не выкладываю, да и автоматизация этого сайта довольно простая – справится любой новичок (там есть ограничение на 10 видео, но оно легко обходится сменой прокси). А видео лишь прикладываю в качестве мотивации и демонстрации возможностей ЗенноПостера, когда мощь и удобство этого инструмента дополняется другими сторонними сервисами и библиотеками.

PS. Популярность этого функционала оказалась столь высока, что его периодически прикрывают. Что ж, ждём, когда возобновят или появятся в свободном доступе сорсы для развертывания на своём сервере.
2021-03-02_15-57-30.png
 
Номер конкурса шаблонов
  1. Седьмой конкурс шаблонов
Уровень сложности
Продвинутый
Категория
  1. Аналитика
  2. Парсинг
  3. SMM
  4. Другое

Вложения

Давно об этом мечтал, спасибо! Обязательно пригодится, чтобы баловать визуальными значениями)
 
  • Спасибо
Реакции: Astraport
очень круто! Хэнкс настоящий!)
 
  • Спасибо
Реакции: Astraport
Статистика в визуальном формате всегда лучше воспринимается. :ay: Спасибо. :az:
 
  • Спасибо
Реакции: Astraport
По теме бонуса - очент интересно, и даже с ручным примером было бы полезно для ознакомления. Может всё же приложите шаб?
 
По теме бонуса - очент интересно, и даже с ручным примером было бы полезно для ознакомления. Может всё же приложите шаб?
Что у вас не получается?
Выкладывать тестовый шаблон - неправильное решение. В нём мало кто разберется, а будет только негатив.
 
Спасибо, давно подобное искал!
 
  • Спасибо
Реакции: Astraport
Где нужно подправить, чтобы текущую дату выводил правильно 10-10-2023
 
columns: [['x', '2021-02-03','2021-34-10'],['Постов',1727,1729],['Фолловеров (тыс.)',11399,11446],['Зафолловлено',646,646]]
 
Форматирование месяца поправил. Исправленные версии шаблонов, прошу админов заменить в стартовом посту.
 

Вложения

Форматирование месяца поправил. Исправленные версии шаблонов, прошу админов заменить в стартовом посту.
О, отлично.
А данные в конечной дате (10-10-2023) откуда берутся и где эту дату можно изменить?
 
А данные в конечной дате (10-10-2023) откуда берутся и где эту дату можно изменить?
Это все HTML там лежат примеры. Их можно смело удалять. Только template.html оставить.
 
  • Спасибо
Реакции: bizzon
Спасибо за шаб! Как раз впереди замаячила нужда в подобной визуализации. К реализации еще не подступал, только начал задумываться с какой стороны подойти — а тут готовое!
 
  • Спасибо
Реакции: Astraport
А можно как-то цвета указывать ? Например: линия, показывающая количество постов была синей, или зеленой. Отдал голос за тебя)
 
Последнее редактирование:
  • Спасибо
Реакции: krepsky
  • Спасибо
Реакции: Astraport

Кто просматривает тему: (Всего: 0, Пользователи: 0, Гости: 0)