Aggiungi alla schermata Home (iOS, iPadOS)

Con il senno di poi, probabilmente avrei dovuto chiederti se l’avevi controllato. :slight_smile:

Tendo a dimenticare perché sono uno sviluppatore registrato, quindi entro nelle beta abbastanza presto, quindi a volte dimentico che non tutti aggiornano il giorno del rilascio. :slight_smile:

Sono d’accordo, poiché questo è il vantaggio principale per i siti ospitati privatamente (rispetto all’app Hub).

Ma il codice controlla che la versione di iOS sia 16.4 o superiore? Non ha senso menzionare le notifiche se non lo è (e si potrebbe sostenere che ha poco senso menzionare A2HS in generale). Non conosco Ruby, ma sembra che controlli solo se sei su un iPhone o un iPad:

Scusa se ho capito male.

3 Mi Piace

Hai capito bene! Questa però è Javascript, non Ruby. :smile:

1 Mi Piace

Prendere un abbaglio! :slight_smile:

2 Mi Piace

Voglio anche installare Forum su Android come su IOS in questo argomento. Come fare su Android?
Grazie a tutti

Apri Chrome, fai clic sui tre puntini, quindi su “Installa app”… fai clic su “Installa”.

1 Mi Piace

Voglio dire, sul mio forum (utilizzando la piattaforma discourse), voglio che gli utenti Android installino un’app come questo componente.

Questo è su un browser Chrome per Android quando mostra un forum Discourse.

C’è anche un banner di richiesta pronto all’uso, ad esempio:

https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/components/pwa-install-banner.js#L41-L46

3 Mi Piace

Ehi, ragazzi! Ho appena installato questo componente sul mio forum, ma ha un bug grave: sia le versioni desktop, mobile e app sono diventate infinitamente scorrevoli e non potevo più cliccare su alcun pulsante. Per fortuna non avevo aggiornato la pagina sul mio computer, quindi ho potuto disabilitarlo rapidamente appena notato il problema. Spero che questo vi sia d’aiuto. :slight_smile:

2 Mi Piace

Sta succedendo ancora anche a te? Non sono riuscito a riprodurlo.

Ehi, Jordan! Non ci ho più provato e non ho intenzione di farlo.

Il prompt Aggiungi alla schermata Home appare nell’app discoursehub

1 Mi Piace

Ho notato che questo appare anche su Chrome su iOS, il che non è utile.

Idealmente, dovrebbe esserci un messaggio diverso per i browser non Safari, ad esempio:

Per installarlo sul tuo dispositivo, aprilo in Safari

o simile.

iOS Chrome supporta “Aggiungi a Home Screen” da iOS 16.4.

È ancora necessario fare clic su un pulsante Condividi, che assomiglia a un riquadro con una freccia verso l’alto, ma il pulsante appare nella barra degli URL nella parte superiore dello schermo in iOS Chrome; la barra degli URL potrebbe essere compressa, quindi il pulsante Condividi potrebbe non essere visibile per impostazione predefinita.

Pertanto, il messaggio non deve cambiare per dire “Apri in Safari”, ma sarebbe bello se potesse indovinare correttamente dove si trova il pulsante Condividi. Su iPhone Safari, appare al centro del piè di pagina, che potrebbe essere compresso. Su iPad Safari, appare nell’angolo in alto a destra, non compresso.

Su iPhone Chrome, appare nell’angolo in alto a destra e potrebbe essere compresso. Su iPad Chrome, appare ancora nell’angolo in alto a destra, ma non sarà compresso.

1 Mi Piace

Sto tenendo d’occhio come altre persone guidano gli utenti nell’installazione di PWA su iOS, e un modello comune che sto vedendo è quello di avere un banner cliccabile che apre una nuova scheda del browser, puntando a una pagina separata “installa la PWA” che non scorre.

Ciò garantisce che la barra dell’URL non venga compressa in quella pagina, rendendo più facile per gli utenti trovare il pulsante Condividi e fare clic su di esso.

(Naturalmente, dovranno comunque scorrere verso il basso per “Aggiungi alla schermata Home” dopo aver aperto il foglio di condivisione, il che è un punto dolente, ma tutto ciò che riduce l’attrito aiuta…)

4 Mi Piace

Non l’avevo apprezzato: ero sicuro di aver letto da qualche parte che doveva essere tramite Safari affinché le PWA venissero installate. Questo rende il TC piuttosto azzeccato allora!

Un problema che ho riscontrato è che gli iPhone con un significativo controllo aziendale possono avere le notifiche web bloccate (il mio le ha), il che è un vero problema.

1 Mi Piace

\u003e Vuoi installare ___ forum su questo dispositivo?

Se un utente chiude questo popup per errore, posso aspettarmi che venga riattivato?

Per esperienza, di solito basta disconnettersi e riconnettersi a un forum per attivarlo.

1 Mi Piace

Grazie

Un’altra cosa che ho notato è che quando l’app viene installata, il logo non si riduce proporzionalmente e sembra fuori posto.

Qualcuno sa quale logo utilizza l’app nella sezione Branding?

Ehi, grazie per aver creato questo componente del tema! È molto utile per me :smiley:

Ho un feedback: alcune persone non sanno cos’è il pulsante di condivisione, quindi è più utile visualizzare un’icona invece di mostrare il nome del pulsante.

Puoi usare questo pwa_text per farlo:

Installa <b>%{siteTitle}</b> sul tuo dispositivo iOS. Tocca <img height="25" width="20" src="https://help.apple.com/assets/683A54F5227CBBDB98051B96/683A54FC545676DF600F97D4/en_US/d26fe35d3438fe81179a80c2b6c9b0c9.png" /> e poi <b>Aggiungi alla schermata Home</b>.

Sembra così: