Обновленный PWA со статистикой

InstantCMS 2.X
#1 17 апреля 2026 в 16:05

Это обновленный PWA 1.0.4 instantcms.ru/addons/pwa-for-instantcms.html 

  • Исправлен недочет статистики установок (больше 1000).
  • Статистика в реальном времени.
  • Заменен на Workbox.
  • Статистика установок и повторов по датам.
  • Статистика стран откуда произошла установка.
  • Использует библиотеку Chart.js

Изображение

Устанавливаем через админку.

Почистите Cache! Удалите старый sw-toolbox.js. Он уже не нужен… И пройдите наного 3 шага. Ну и в браузере «Unregister» И «Refresh»

Изображение

Должно быть так «Activated and is running».

Прикрепленный файл
pwa-1-0-4-graph.zip 51 Кб
#2 17 апреля 2026 в 17:59

Может я чего не понял… вы отключили всплывающее уведомление с предложением установить приложение на рабочий стол?

Если да, можно это, как то вернуть? По мне без этого всплывающего предложения, это приложение бесполезно на сайте)...

#3 17 апреля 2026 в 18:35

По мне без этого всплывающего предложения, это приложение бесполезно на сайте)

А оно вообще было в оригинале? Надо посмотреть. Может я у себя с самого начала его удалил.

Или вы про это?

Изображение

#4 17 апреля 2026 в 18:54

А оно вообще было в оригинале?

pupsik

Было… только оно появляется по какой то хитрой логике...

Там в блоге много об этом написано, например:

instantcms.ru/blogs/moi-razrabotki/pwa-instrument.html#comment_107798

Если от него отказываешься (при всплытии) то тогда надо кэши чистить, в браузере и абстрактный счетчик в системе...

Вроде бы (по задумки Гоши) оно должно предлагаться к установке каждый раз когда заходишь на сайт (через Хром) браузер (пока не установишь, потом уже если с приложения на рабочем столе заходишь, не предлагает). Но на деле не так, предлагает не всегда.

И как уже писал, чем хуже показатель в Lighthouse у сайта, тем менее вероятно, что появится предложение установить...

ЗЫ: откатил пока обратно на старую версию, в Хроме зашел, всплыло предложение установить приложение.

Или вы про это?

pupsik

Это у вас на десктопе?.. на телефоне (андроид) в Хроме, прямо плашка всплывает вверху экрана, с вопросом «установить приложение „такое то“ на главный экран?» (точную формулировку не помню, но примерно так)

#5 17 апреля 2026 в 18:59

Дело в том что у меня и в оригинале, никогда ничего не всплывало. (Может настройки браузера такие). Дайте немного времени, сделаю как было там.

#6 17 апреля 2026 в 19:12

Дайте немного времени, сделаю как было там

pupsik

Вообще не тороплю)) спасибо на том, что вопросом занялись и то хорошо… получится так хорошо, а нет так, так и тоже ничего страшного...

Дело в том что у меня и в оригинале, никогда ничего не всплывало. (Может настройки браузера такие)

pupsik

Статью на хабре посмотрите, может уже устарела, но там более менее подробно про работу PWA и про браузеры...

Добавлено спустя 3 минуты

habr.com/ru/companies/google/articles/414609/

Добавлено спустя 4 минуты

И да может, кто ещё присоединится к тесту, а то может я от обновленного приложения, просто не смог по каким то другим причинам добится всплывающего предложения, кэш где то не почистил или ещё что...

#7 17 апреля 2026 в 20:39

Не знаю короче… У себя удалил PWA, поставил оригинал, никаких окон в мобильнике не увидел. Заходил с трех разных телефонов. Скриншот пришлите хотябы, как оно выглядит.

#8 17 апреля 2026 в 21:13

Оно то появляется, то не появляется. Не понимаю вообще как вся эта система работает, по какой логике.

#9 17 апреля 2026 в 22:02

Скриншот пришлите хотябы, как оно выглядит.

pupsik

попытался скрин сделать)… но больше появления не добился, или сломал, что то или где то не почистил… теперь уже завтра, если будет время попробую начать с начала, оптимизировать под Lighthouse, что бы подходил под PWA, а потом уже смотреть...

Оно то появляется, то не появляется. Не понимаю вообще как вся эта система работает, по какой логике.

F_a_R_i_D

Если коротко то, как писал выше, сайт должен в Lighthouse показывать, что оптимизирован под PWA, кэш в Хроме (именно он лучше всего оптимизирован под показ предложения установить) почищен перед каждой загрузкой главной страницы...

только даже так ПОВТОРНОГО появления добится трудно, а вот если юзер первый раз заходит на сайт ему почти всегда предлагает))

У меня же они как то ставят, судя по счетчику и заходят с него))

Изображение
Добавлено спустя 6 минут

Оно то появляется, то не появляется.

F_a_R_i_D

На обновленном компоненте хоть раз видели такое предложение? (или только на старом?)

#10 18 апреля 2026 в 02:54

У меня же они как то ставят, судя по счетчику и заходят с него))

Установить PWA это окно и не нужно. 

Я еще поковыряюсь с этим делом. Возможно надо добавить вот этих скриншотов.

Изображение

Но мне просто интересно как это окно всплывало ДО? Которое я даже со старым PWA не разу не видел.

Гоогле он может просто напросто намеренно блокировать этот попуп. Дабы не спамить. Я даже никогда не видел этого попапа ни на одном сайте (если конечно оно не создано автором сайта beforeinstallprompt).

Короче поразмыслив и прочитав про PWA, и гоогля. Я понял, что есть очень много факторов из за которых это окно не появляется. Выяснил что все зависит от поведения гоогля. Понять как работает гоогле, это лучше повесится.

У вас 2-а варианта. 

Использовать старый PWA (еще не известно открываетса этот попап вообще у кого-то кроме вас)

Написать свой попап, очень легко. (Я это делать не буду из за своих принципов)

Но терзаться с Гоогле, это бесполезно. Они там делают что хотят.

Добавлено спустя 4 часа

Вы случайно не про это? 

Изображение

#11 18 апреля 2026 в 08:19

Но мне просто интересно как это окно всплывало ДО? Которое я даже со старым PWA не разу не видел.

Гоогле он может просто напросто намеренно блокировать этот попуп. Дабы не спамить. Я даже никогда не видел этого попапа ни на одном сайте (если конечно оно не создано автором сайта beforeinstallprompt).

pupsik

Гоша сам разработал этот принцип (PWA) окно всплывает не с помощью, каких то разных скриптов для всплытия попап. А с помощью специального скрипта для PWA — воркера (так кажется это называется)

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

Всё остальное: пуши, стили (в кэше, если сайт не доступен на данный момент), статистика установок и т.д. Это всё лишь сервисы к главному, предложению установки иконки на рабочий стол...

Вы случайно не про это? 

pupsik

Оно самое, но это на десктопе, а в мобильном, это предложение должно всплыть, само без нажатия на эту иконку в адресной строке. Всплыть и если юзер отказался устанавливать, больше не показываться...

Написать свой попап, очень легко. (Я это делать не буду из за своих принципов)

pupsik

Вот здесь человек пошел по этому принципу:

 instantcms.ru/forum/vsplyvayuschaja-podskazka-v-mobilnoi-versii.html#post-368347

НО это уже не PWA, а именно, попап)

Кстати в той теме, объясняют про всплывающий PWA, в том числе и на этом instantcms.ru сайте.

Если на главную instantcms.ru зайти с мобильного то возможно тоже увидите такое предложение. 

Где то в темах Fuze, писал, как делал, без компонента просто разместив воркер и иконки, но я что то не смог найти...

Добавлено спустя 3 минуты

У вас 2-а варианта.

pupsik

 pupsik, ок, буду думать. Ещё раз спасибо.

#12 18 апреля 2026 в 11:51

Вот нашел пример, так как помню что попадались сайты с таким предложением (Странно оно конечно как то локаль определяет, потому что непонятно откуда оно взяло то что надо на украинском показывать)


ИзображениеИзображение

ИзображениеИзображение

ИзображениеИзображение

Изображение

Приложение появляется в списке приложений. В конце скрины с браузера и приложения.


Вот это кстати меню мастхев для такого. Но его надо немного допиливать. Я себе немного допиливал.


Изображение

Изображение

#13 18 апреля 2026 в 14:06

На сколько мне известно, Гоогля просто напросто ужесточил параметры появления этих «Инсталл» промптов.

Проблема в том, что это все дело, зависит от Browser'а. Захочет показать, покажет, нет, значит нет.  

Как Я думаю что произошло. Гоогля придумал этот PWA. Людям просто напросто надоели эти окна установки до такой степени, что гоогля их спрятал(ужесточил) и убрал в кнопочки инсталяции, дабы не быть врагом народа и не получать hate mail. Ну и подумали «Авторы сайтов могут сами себе яму копать с этими окнами если захотят». 

Старый sw-toolbox работает иначе, если Browser его видит, он думает что у вас сайт старый и больше ничего не может сделать как кинуть вам это окошко. Опять же 50/50.

#14 18 апреля 2026 в 16:47

Ну на том сайте что я скрины делал, всегда появляется окошко. На всех браузерах. На Mi браузер даже более заметное)

Изображение

#15 18 апреля 2026 в 16:51

Не знаю. Я попапами не буду заниматься. Мне они не нужны. Хотите, ставьте сами:

web.dev/patterns/web-apps/richer-install-ui#html

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

Похожее в блогах

🍪Мы используем файлы cookie для работы сайта. Читать подробнее.