Aggiungi alla schermata Home (iOS, iPadOS)

|||
|-|-|-|
| :discourse2: | Riepilogo | Aggiungi alla schermata Home (iOS, iPadOS) aggiunge un popup per gli utenti sui dispositivi iOS. Questo popup è chiudibile e non verrà visualizzato se stai visualizzando un forum Discourse tramite PWA.
| :hammer_and_wrench:|Repository| GitHub - discourse/discourse-apple-add-to-homescreen |
| :open_book:|Nuovo per i temi Discourse?| Guida per principianti all’uso dei temi Discourse

Installa questo componente del tema

Funzionalità

Questo componente aggiunge un popup per gli utenti sui dispositivi iOS. Questo popup è chiudibile e non verrà visualizzato se stai visualizzando un forum Discourse tramite PWA.

iPhone

iPad

Impostazioni

Nome Descrizione
popup timer Quanto tempo deve attendere il popup prima di apparire? (in millisecondi)
Traduzione Predefinito
pwa_text Installa %{siteTitle} sul tuo dispositivo iOS. Tocca condividi e poi Aggiungi alla schermata Home.

Questo tema include due impostazioni, una per il testo visualizzato e una per un timer che decide quanto tempo attendere prima che appaia il popup. Queste impostazioni vengono fornite con i loro valori predefiniti.

Questo popup apparirà solo per gli utenti iOS su iPhone o iPad che non stanno utilizzando PWA per visualizzare un forum Discourse. Non apparirà più se un utente fa clic sull’icona x.

Modifica del testo visualizzato

È necessario prendere nota quando si modifica quest’area:

Se desideri modificare questo testo e vuoi che siteTitle rimanga qui, assicurati di mantenere %{siteTitle} in questo testo ovunque tu lo ritenga opportuno.


:discourse2: Ospitato da noi? I componenti del tema sono disponibili per l’uso sui nostri piani Standard, Business e Enterprise.

26 Mi Piace

Ottima idea! Grazie! Il problema è sempre stato e sarà la reperibilità di questa funzionalità.

8 Mi Piace

Nel core per Android utilizziamo un controllo trust level >= 1 per mostrare il popup, che agisce come un timer ma è migliore secondo me:

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

Mi chiedo se questo componente dovrebbe usare lo stesso :thinking:

Inoltre, mi piacerebbe unire entrambi i banner di installazione PWA per Android e iOS in un unico componente nel core!

12 Mi Piace

Suggerisco che il testo predefinito menzioni le notifiche push ed eviti di menzionare il “dispositivo”.

Forse qualcosa del tipo:

“Aggiungi \u003cb\u003e%{siteTitle}\u003c/b\u003e alla tua schermata Home per iscriverti alle notifiche push! Tocca condividi e poi \u003cb\u003eAggiungi alla schermata Home\u003c/b\u003e.”

Sarebbe particolarmente utile se il team di Discourse facesse dei test A/B su questo, per trovare il linguaggio più propenso a far iscrivere gli utenti alle notifiche push.

Ecco alcune domande che ho:

  • È meglio dire “Aggiungi” o “Installa”?
  • È meglio menzionare le notifiche push qui o ritardare la loro menzione?
  • Se menzioniamo l’installazione, dovremmo dire che si tratta di un’“app” che viene installata? Una “web app”?
  • iPad ha più spazio. È meglio usare più parole?
6 Mi Piace

Su iPad, questo banner non è ottimale. Il banner appare in fondo allo schermo, ma il pulsante di condivisione si trova in alto. Vedo che c’è una piccola freccia verso l’alto :up_arrow:, come per indicare “ehi, il pulsante è nell’intestazione”, ma dubito che sarà sufficiente. (Avete fatto test utente su questo? Avete visto se funziona per utenti iPad non esperti?)

Inoltre, non aiuta il fatto che chiediamo all’utente di “toccare condividi”, ma il pulsante non è visibilmente chiamato “condividi”. È una piccola casella con una freccia.

image

Anni fa, usavo https://github.com/cubiq/add-to-homescreen che disegnava un popup come questo:

Mi piacerebbe molto se Discourse facesse qualcosa di più simile a questo.

Ora, il flyout è un po’ fragile (e se il pulsante si spostasse?), ma penso che vada bene anche se il pulsante non è esattamente dove punta il flyout, purché sia all’incirca nel posto giusto.

Storicamente, era anche pericoloso che il pulsante potesse apparire diverso da una versione di iOS all’altra. Ma il pulsante di condivisione non è cambiato forma da iOS 7 e non c’è motivo particolare di pensare che cambierà in iOS 17, quindi penso che un approccio come questo funzionerebbe su iPad, con un piccolo flyout che punta verso dove si trova probabilmente il pulsante di condivisione nella barra di intestazione.

3 Mi Piace

Questo è un buon feedback Dan.

Potrei vedere il vantaggio di mostrare questo flyout nella parte superiore della pagina quando viene utilizzato un iPad.

Ad essere del tutto sincero, il motivo per cui non abbiamo incluso questa icona in questa versione del componente è che questa icona è disponibile solo in Font-Awesome 6, e Discourse non supporta ancora quella versione.

2 Mi Piace

È esattamente per questo tipo di desiderio che ho reso questo testo modificabile da un amministratore. Ogni persona potrebbe avere un’idea diversa su cosa dovrebbe dire questo popup, quindi sentiti libero di modificarlo a tuo piacimento.

1 Mi Piace

Non credo di avere il potere di testarlo A/B sul mio forum. È qualcosa che potreste testare A/B?

Informa ao utilizador por que razão ele poderá querer fazê-lo?

1 Mi Piace

Non sono sicuro di aver capito la tua domanda. Mi arrischierei a dire che se sono già sul forum, il motivo per cui lo installano sul loro dispositivo iOS sarebbe di per sé evidente.

Il mio punto è che gli utenti Apple hanno familiarità solo con l’installazione di app tramite l’App Store. Pochissimi capiranno cos’è una PWA. Ancora meno conosceranno il potenziale beneficio dell’installazione.

Mettere le notifiche del browser dietro A2HS è una grande mossa da parte di Apple. Risolve completamente i primi problemi con le notifiche sul desktop.

Come possiamo far sapere agli utenti cosa c’è per loro oltre a un’altra icona sulla loro schermata Home?

3 Mi Piace

Sono completamente (ma spero educatamente) in disaccordo. Gestisco un forum Discourse e l’ho aggiunto insieme ad altri alla schermata Home. Ho pensato di farlo solo dopo discussioni qui e non ho visto alcun vantaggio (le notifiche non funzionano), quindi ho continuato a usare l’app Hub.

2 Mi Piace

Penso che potremmo entrambi fare delle supposizioni senza raccogliere feedback dagli amministratori che lo hanno installato.

Detto questo, il testo è personalizzabile al 100%, quindi se un amministratore sente il bisogno di chiarire ulteriormente, può farlo abbastanza facilmente.

Il mio feedback proviene specificamente dai clienti, dopo aver menzionato che la PWA era un passo necessario per abilitare le notifiche.

Varierà tra le community, ma nell’era del “chiedi all’app di non tracciare”, gli utenti non sono così propensi a seguire ciecamente le istruzioni senza un beneficio percepito. Spiegare a un utente come installare la PWA senza spiegare perché sicuramente nasconde il punto principale.

Ho avuto questo problema con un paio delle mie istanze self-hosted e la modifica di push notification time window mins a 0 lo ha risolto per me e per la maggior parte dei miei utenti. Come effetto collaterale, rende anche il comportamento più simile a come funzionano le notifiche dell’app Hub per quanto riguarda la tempistica.

3 Mi Piace

Ho dovuto aggiungere questo plugin manualmente.

Ho avuto un repository vuoto quando ho cliccato con l’installer.

Mi dispiace per questo, dovrebbe essere risolto ora.

1 Mi Piace

Bel componente! Mi piace come è implementato vicino ai pulsanti di condivisione. Concordo sul fatto che dovremmo integrarlo nel core e nel banner Android.

Ho una vecchia bozza non implementata di un po’ di tempo fa che potrebbe affrontare alcuni pensieri menzionati qui:

L’idea con il testo qui :point_up: era di avere una sorta di chiaro “cosa ci guadagno” — e mostrare letteralmente il logo del sito in modo simile a un’app per chiarire un po’ di cosa si tratta.

Quello è stato realizzato per Android, il che rende le cose più facili perché puoi includere un pulsante che aggiunge direttamente la PWA al tuo dispositivo.

Sfortunatamente iOS richiede ancora di passare attraverso il loro foglio di condivisione per accedere a questa azione… ma penso che possiamo avere un pulsante che attivi le opzioni di condivisione? (lo facciamo già per cliccare sull’icona di condivisione sui post in iOS…)

4 Mi Piace

Non su iOS. Puoi aprire un foglio di condivisione con navigator.share(), ma non ha il pulsante “Aggiungi alla schermata Home”. Per A2HS, l’utente deve fare clic manualmente sul piccolo pulsante di condivisione; da qui la necessità di qualcosa del genere.

1 Mi Piace

A quanto pare ero ancora su una vecchia versione di iOS (pre-16.4): Live notifications: "Notifications are not supported on this browser. Sorry."