Zum Home-Bildschirm hinzufügen (iOS, iPadOS)

|||
|-|-|-|
| :discourse2: | Zusammenfassung | Add To Home Screen (iOS, iPadOS) zeigt ein Popup für Benutzer auf iOS-Geräten an. Dieses Popup kann geschlossen werden und wird nicht angezeigt, wenn Sie ein Discourse-Forum über PWA aufrufen.
| :hammer_and_wrench:|Repository| GitHub - discourse/discourse-apple-add-to-homescreen |
| :open_book:|Neu bei Discourse Themes?| Anfängerleitfaden zur Verwendung von Discourse Themes

Installieren Sie diese Theme-Komponente

Features

Diese Komponente fügt ein Popup für Benutzer auf iOS-Geräten hinzu. Dieses Popup kann geschlossen werden und wird nicht angezeigt, wenn Sie ein Discourse-Forum über PWA aufrufen.

iPhone

iPad

Einstellungen

Name Beschreibung
popup timer Wie lange soll das Popup warten, bevor es erscheint? (in Millisekunden)
Übersetzung Standard
pwa_text Installieren Sie \u003cb\u003e%{siteTitle}\u003c/b\u003e auf Ihrem iOS-Gerät. Tippen Sie auf Teilen und dann auf \u003cb\u003eZum Home-Bildschirm hinzufügen.\u003c/b\u003e

Diese Theme-Komponente enthält zwei Einstellungen: eine für den angezeigten Text und eine für einen Timer, der bestimmt, wie lange gewartet werden soll, bis das Popup erscheint. Diese Einstellungen sind mit ihren Standardwerten voreingestellt.

Dieses Popup wird nur für iOS-Benutzer auf einem iPhone oder iPad angezeigt, die PWA nicht verwenden, um ein Discourse-Forum aufzurufen. Es wird nicht erneut angezeigt, wenn ein Benutzer auf das x-Symbol klickt.

Bearbeiten des angezeigten Textes

Sie müssen bei der Bearbeitung dieses Bereichs Folgendes beachten:

Wenn Sie diesen Text bearbeiten möchten und möchten, dass der siteTitle hier bleibt, stellen Sie sicher, dass Sie %{siteTitle} in diesem Text beibehalten, wo immer Sie ihn für richtig halten.


:discourse2: Von uns gehostet? Theme-Komponenten sind für die Nutzung unserer Standard-, Business- und Enterprise-Pläne verfügbar.

26 „Gefällt mir“

Fantastische Idee! Danke! Das Problem war und ist immer die Auffindbarkeit bei dieser Funktion.

8 „Gefällt mir“

[quote=„Jordan Vidrine, Beitrag:1, Thema:266897, Benutzername:jordan-vidrine“]keine für einen Timer, um zu entscheiden, wie lange gewartet werden soll, bis das Popup erscheint
[/quote]

In Core für Android verwenden wir eine trust level >= 1-Prüfung, um das Popup anzuzeigen, was wie ein Timer funktioniert, aber meiner Meinung nach besser ist:

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

Ich frage mich, ob diese Komponente die gleiche verwenden sollte :thinking:

Außerdem würde ich gerne beide Android- und iOS-PWA-Installationsbanner zu einer einzigen Komponente in Core zusammenführen!

12 „Gefällt mir“

Ich schlage vor, dass der Standardtext Push-Benachrichtigungen erwähnen und “Gerät” vermeiden sollte.

Vielleicht so etwas wie:

“Füge \u003cb\u003e%{siteTitle}\u003c/b\u003e zu deinem Startbildschirm hinzu, um dich für Push-Benachrichtigungen anzumelden! Tippe auf Teilen und dann auf \u003cb\u003eZum Startbildschirm hinzufügen\u003c/b\u003e.”

Es wäre besonders hilfreich, wenn das Discourse-Team hier A/B-Tests durchführen würde, um die Sprache zu finden, die Benutzer am ehesten zur Anmeldung für Push-Benachrichtigungen bewegt.

Hier sind einige Fragen, die ich habe:

  • Ist es besser, “Hinzufügen” oder “Installieren” zu sagen?
  • Ist es besser, Push-Benachrichtigungen hier zu erwähnen oder die Erwähnung aufzuschieben?
  • Wenn wir die Installation erwähnen, sollten wir sagen, dass dies eine “App” ist, die installiert wird? Eine “Web-App”?
  • Das iPad hat mehr Platz. Ist es besser, mehr Worte zu verwenden?
6 „Gefällt mir“

Auf dem iPad ist dieses Banner nicht gut. Das Banner erscheint unten auf dem Bildschirm, aber der Teilen-Button befindet sich oben. Ich sehe, dass da ein kleiner Pfeil nach oben :up_arrow: ist, als ob er anzeigen würde „Hey, der Button ist in der Kopfzeile“, aber ich bezweifle, dass das ausreicht. (Habt ihr Benutzertests dazu durchgeführt? Habt ihr gesehen, dass es für nicht-fachkundige iPad-Benutzer funktioniert?)

Es hilft auch nicht, dass wir den Benutzer bitten, auf „Teilen“ zu tippen, obwohl der Button nicht sichtbar als „Teilen“ bezeichnet ist. Es ist eine kleine Box mit einem Pfeil.

image

Vor Jahren habe ich https://github.com/cubiq/add-to-homescreen verwendet, das ein Pop-up wie dieses anzeigte:

Ich würde mich freuen, wenn Discourse etwas Ähnliches tun würde.

Nun, das Flyout ist irgendwie fragil (was, wenn sich der Button verschiebt?), aber ich denke, es ist auch in Ordnung, wenn der Button nicht genau dort ist, wohin das Flyout zeigt, solange er ungefähr an der richtigen Stelle ist.

Historisch gesehen war es auch gefährlich, dass der Button von einer iOS-Version zur nächsten anders aussehen könnte. Aber der Teilen-Button hat seit iOS 7 seine Form nicht geändert, und es gibt keinen besonderen Grund anzunehmen, dass er sich in iOS 17 ändern wird. Daher denke ich, dass ein Ansatz wie dieser auf dem iPad funktionieren würde, mit einem kleinen Flyout, das auf die wahrscheinliche Position des Teilen-Buttons in der Kopfzeile zeigt.

3 „Gefällt mir“

Das ist gutes Feedback, Dan.

Ich sehe den Vorteil, dieses Flyout oben auf der Seite anzuzeigen, wenn ein iPad verwendet wird.

Um ganz ehrlich zu sein, haben wir dieses Symbol in dieser Version der Komponente nicht aufgenommen, da es nur in Font-Awesome 6 verfügbar ist und Discourse diese Version noch nicht unterstützt.

2 „Gefällt mir“

Genau aus diesem Grund habe ich diesen Text so eingestellt, dass er von einem Administrator bearbeitet werden kann. Jeder hat vielleicht eine andere Vorstellung davon, was in diesem Popup stehen soll, also bearbeiten Sie ihn gerne nach Belieben.

1 „Gefällt mir“

Ich glaube nicht, dass ich die Möglichkeit habe, es auf meinem Forum A/B-zu-testen. Könntet ihr das A/B-testen?

Teilt es dem Benutzer mit, warum er dies tun möchte?

1 „Gefällt mir“

Ich bin mir nicht sicher, ob ich Ihre Frage verstehe. Ich würde vermuten, wenn sie bereits im Forum sind, wäre der Grund für die Installation auf ihrem iOS-Gerät selbsterklärend.

Mein Punkt ist, dass Apple-Benutzer nur mit der Installation von Apps über den App Store vertraut sind. Nur sehr wenige werden verstehen, was eine PWA ist. Noch weniger werden den potenziellen Nutzen der Installation kennen.

Das Hinterlegen von Browser-Benachrichtigungen hinter A2HS ist ein großartiger Schachzug von Apple. Es löst die frühen Probleme mit Benachrichtigungen auf dem Desktop vollständig.

Wie können wir den Benutzern mitteilen, was sie davon haben, abgesehen von einem weiteren Symbol auf ihrem Home Screen?

3 „Gefällt mir“

Ich stimme dem vollkommen zu (aber ich hoffe höflich). Ich betreibe ein Discourse-Forum und habe es und andere zum Home-Bildschirm hinzugefügt. Ich habe erst nach Diskussionen hier darüber nachgedacht und keine Vorteile gesehen (die Benachrichtigungen funktionieren nicht), daher habe ich weiterhin die Hub-App verwendet.

2 „Gefällt mir“

Ich denke, wir treffen hier beide Annahmen, ohne Feedback von Administratoren einzuholen, die dies installiert haben.

Das heißt, der Text ist zu 100 % anpassbar, sodass ein Administrator, wenn er das Bedürfnis hat, weitere Erläuterungen zu geben, dies ganz einfach tun kann.

Mein Feedback stammt speziell von Kunden, nachdem ich erwähnt hatte, dass die PWA ein notwendiger Schritt zur Aktivierung von Benachrichtigungen ist.

Es wird von Community zu Community unterschiedlich sein, aber im Zeitalter von „App bitten, nicht zu verfolgen“ werden Benutzer Anweisungen nicht mehr blind befolgen, ohne einen wahrgenommenen Vorteil. Einem Benutzer zu sagen, wie er die PWA installieren soll, ohne zu erklären, warum, vergräbt definitiv die wichtigste Botschaft.

Ich hatte dieses Problem mit einigen meiner selbst gehosteten Instanzen und die Änderung des push notification time window mins auf 0 hat es für mich und die meisten meiner Benutzer behoben. Als Nebeneffekt verhält es sich auch näher daran, wie die Benachrichtigungen der Hub-App zeitlich funktionieren.

3 „Gefällt mir“

Ich musste dieses Plugin manuell hinzufügen.

Ich hatte ein leeres Repository, als ich mit dem Installer geklickt habe.

Entschuldigung, das sollte jetzt behoben sein.

1 „Gefällt mir“

Schöner Baustein! Mir gefällt, wie er in der Nähe der Share-Buttons implementiert ist. Ich stimme zu, dass wir dies in den Kern und das Android-Banner integrieren sollten.

Ich habe ein altes, nicht implementiertes Mockup von vor einiger Zeit, das einige der hier erwähnten Gedanken aufgreifen könnte:

Die Idee mit dem Text hier :point_up: war, eine Art klare Aussage “Was habe ich davon?” zu haben – und buchstäblich das Website-Logo in einer App-ähnlichen Weise anzuzeigen, um etwas klarer zu machen, worum es hier geht.

Das wurde für Android entworfen, was die Dinge einfacher macht, da Sie eine Schaltfläche einfügen können, die die PWA direkt zu Ihrem Gerät hinzufügt.

Leider erfordert iOS immer noch, dass Sie über deren Share-Sheet gehen, um zu dieser Aktion zu gelangen … aber ich denke, wir können eine Schaltfläche haben, die die Share-Optionen auslöst? (das tun wir bereits für das Klicken auf das Share-Symbol auf Beiträgen unter iOS…)

4 „Gefällt mir“

Nicht unter iOS. Sie können ein Freigabeblatt mit navigator.share() öffnen, aber es hat keine Schaltfläche „Zum Startbildschirm hinzufügen“. Um A2HS zu verwenden, muss der Benutzer manuell auf die kleine Freigabeschaltfläche klicken; daher die Notwendigkeit für etwas wie dieses.

1 „Gefällt mir“

Es stellt sich heraus, dass ich noch auf einer alten iOS-Version (vor 16.4) war: Live notifications: "Notifications are not supported on this browser. Sorry."