Форум Сайтостроение Веб-строительство

Как добавить Закладку от Хром на экран андроида?

M5
На сайте с 18.01.2011
Offline
110
mazafaka5
331

Народ добрый день.

подскажите как спортмастер это сделал ?

Ярлык выглядит как приложение. Не хуже чем приложение.

На андроид и вроде ios создаётся закладка на главном экране.

Есть мануал или совет?

png Screenshot_2019-12-21-12-43-21-129_com.android.chrome.png
png Screenshot_2019-12-21-12-43-11-439_com.android.chrome.png
M5
На сайте с 18.01.2011
Offline
110
mazafaka5
#1

Вот он, как это сделать кто знает

png Screenshot_2019-12-21-01-12-42-225_com.android.chrome.png
M5
На сайте с 18.01.2011
Offline
110
mazafaka5
#2

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

bums
На сайте с 03.07.2006
Offline
449
bums
#3

https://developers.google.com/web/fundamentals/app-install-banners/

Недорогая регистрация и продление доменов RU/SU/РФ/COM/NET/ORG/и т.д. ( https://www.regnic.name/?sesign ) в РЕГРУ, РЕГТАЙМ, Р01, РУЦЕНТР. А так же хостинг и SSL сертификаты.
SeVlad
На сайте с 03.11.2008
Offline
1609
SeVlad
#4
mazafaka5:
Думаю как сделать такую штуку.

Это называется PWA и к разделу "Интернет-магазины и электронная коммерция" не имеет никакого отношения.

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.
WebAlt
На сайте с 02.12.2007
Offline
266
WebAlt
#5

Манифест веб-приложения

Favicon Generator for all platforms: iOS, Android, PC/Mac...

<link rel=manifest href=/manifest.json>

{
  "lang": "ru",
  "dir": "ltr",
  "name": "Спортмастер",
  "short_name": "Спортмастер",
  "description": "Спортмастер - сеть спортивных магазинов. Спортивная обувь, одежда, инвентарь и другие спортивные товары в сети магазинов Спортмастер",
  "start_url": "./?utm_source=pwa&utm_medium=pwa&utm_campaign=pwa_shortcut",
  "icons": [
    {
      "src": "/android-chrome-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/android-chrome-384x384.png",
      "sizes": "384x384",
      "type": "image/png"
    }
  ],
  "theme_color": "#005aab",
  "background_color": "#eff3f4",
  "display": "standalone",
  "gcm_sender_id":"520732140583",
  "gcm_user_visible_only":true
}

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий