Super Progressive Web Apps

Beschreibung

Progressive Web Apps (PWA) ist eine neue Technologie, die das Beste aus dem mobilen Web und das Beste aus mobilen Apps kombiniert, um ein überlegenes mobiles Web-Erlebnis zu schaffen. Sie werden wie normale Apps (Web-Apps) auf dem Telefon installiert und können vom Startbildschirm aus aufgerufen werden.

Startseite | Dokumentation | Hilfe | Premium-Version Funktionen

Benutzer können auf Ihre Website zurückkehren, indem sie die App von ihrem Startbildschirm aus starten und über eine app-ähnliche Oberfläche mit Ihrer Website interagieren. Ihre wiederkehrenden Besucher werden nahezu sofortige Ladezeiten erleben und von den großartigen Leistungsvorteilen Ihrer PWA profitieren!

Super Progressive Web Apps macht es dir leicht, deine WordPress-Website sofort in eine Progressive Web App umzuwandeln!

Sobald SuperPWA installiert ist, werden Benutzer, die Ihre Website von einem unterstützten Mobilgerät aus durchsuchen, eine „Zum Startbildschirm hinzufügen“ -Benachrichtigung (von unten auf dem Bildschirm) sehen und Ihre Website auf dem Startbildschirm ihres Geräts ‚installieren‘ können. Jede besuchte Seite wird lokal auf ihrem Gerät gespeichert und kann auch im Offline-Modus gelesen werden!

SuperPWA lässt sich einfach konfigurieren und es dauert weniger als eine Minute, um deine Progressive Web App einzurichten! SuperPWA führt eine saubere Deinstallation durch, indem es jeden Datenbankeintrag und jede Datei entfernt, die es erstellt hat. Tatsächlich werden keine der Standard-Einstellungen in der Datenbank gespeichert, bis du sie das erste Mal manuell speicherst. Probiere es einfach aus.

Und das Beste? Wenn du jemals stecken bleibst, sind wir hier, um auf dich aufzupassen! Öffne ein Support-Ticket, wenn du eine Frage hast oder eine Funktion benötigst. Wir sind super begeistert, dein Feedback zu hören, und wir möchten dir wirklich dabei helfen, die beste Progressive Web App für deine WordPress-Website zu erstellen!

Schnelle Demo?

  • Öffne SuperPWA.com auf einem unterstützten Gerät.
  • Füge die Webseite entweder von der „Zum Startbildschirm hinzufügen“-Aufforderung (Chrome für Android) oder vom Browser-Menü auf deinen Startbildschirm hinzu.
  • Öffne die App auf deinem Startbildschirm und du wirst den Splashscreen sehen.
  • Schalte deine Daten und dein WLAN aus, um offline zu gehen und öffne die App. Du wirst immer noch in der Lage sein, die App zu sehen und die Seiten zu durchsuchen, die du bereits besucht hast.
  • Öffne eine Seite, die du bisher noch nicht besucht hast. Die Offline-Seite wird angezeigt.

Danke PWA-Enthusiasten!

Wir sind dem Feedback aus der Community sehr dankbar. Danke an alle, die an uns geglaubt haben und unser Plugin ausprobiert haben. Euer Feedback war von unschätzbarem Wert und wir haben viel aus euren Erfahrungen gelernt. Vielen Dank für eure Liebe und Unterstützung und wir hoffen, diese Liebe zurückzugeben, indem wir unser Bestes geben, um euch das beste Progressive Web Apps Plugin für WordPress zu bieten!

Was wird mitgeliefert?

Hier sind die aktuellen Funktionen von Super Progressive Web Apps:

  • Erstellt ein Manifest für deine Website und fügt es dem Kopf-Bereich deiner Website hinzu.
  • Lege das Anwendungssymbol für deine Progressive Web App fest.
  • Stelle die Hintergrundfarbe für den Startbildschirm deiner Progressiven Web App ein.
  • Deine Website wird die Benachrichtigung „Zum Startbildschirm hinzufügen“ anzeigen, wenn sie in einem unterstützten Browser aufgerufen wird.
  • Aggressives Caching von Seiten mithilfe der CacheStorage API.
  • Einmal zwischengespeicherte Seiten werden auch dann angezeigt, wenn der Benutzer offline ist.
  • Lege eine benutzerdefinierte Offline-Seite fest: Wähle die Seite aus, die der Benutzer sehen soll, wenn eine Seite, die nicht im Cache ist, aufgerufen wird und der Benutzer offline ist.
  • Neu in Version 1.2: Unterstützung für das theme-color-Meta-Element. Ändere die Farbe der Browser-Adressleiste von Chrome, Firefox OS und Opera, um zu deiner Website-Farbe zu passen.
  • Neu in Version 1.2: Jetzt kannst du den Anwendungsnamen und den Anwendungskurznamen bearbeiten.
  • Neu in Version 1.2: Lege die Startseite deiner PWA fest.
  • Neu in Version 1.2: Setze Beschleunigte Mobile Seiten (AMP) Version der Startseite. Unterstützte Plugins: AMP für WordPress, AMP für WP, Besser AMP, AMP Überlegenheit, WP AMP.
  • Neu in Version 1.3: Unterstützung für hochwertige Startbildschirme hinzugefügt. Du kannst nun das 512×512 Icon für den Startbildschirm deiner Progressive Web App festlegen.
  • Neu in Version 1.3: Super Progressive Web Apps berücksichtigen jetzt Inhaltsaktualisierungen und aktualisieren den Cache, während du die Webseite aktualisierst.
  • Neu in Version 1.3: Verbesserte Behandlung von Aktualisierungen des Service Workers im Browser.
  • Neu in Version 1.4: Du kannst jetzt die Standardausrichtung deiner PWA festlegen. Wähle zwischen „beliebig“ (Folge der Geräteausrichtung), „Hochformat“ und „Querformat“.
  • Neu in Version 1.4: Du kannst jetzt die theme_color-Eigenschaft im Manifest festlegen.
  • Neu in Version 1.5: Integration von OneSignal für Push-Benachrichtigungen.
  • Neu in Version 1.6: WordPress Multisite Netzwerk-Kompatibilität.
  • Neu in Version 1.7: Die Add-Ons für SuperPWA sind da! Lieferung mit UTM Tracking Add-On zur Verfolgung der Besuche über deren PWA.
  • Neu in Version 1.8: Kompatibilitätsprobleme mit OneSignal sind jetzt behoben!
  • Neu in Version 1.8: Neues Add-On: Apple Touch Icons, das deine App-Symbole als Apple Touch Icons festlegt
  • Neu in Version 2.0: SuperPWA ist jetzt kompatibel mit WordPress, das in einem Unterordner installiert ist.
  • Neu in Version 2.0: Du kannst nun die Anzeige-Eigenschaft über die SuperPWA-Einstellungen festlegen.
  • Neu in Version 2.1.1: SuperPWA unterstützt jetzt maskierbare Icons.
  • Neu in Version 2.1.15: SuperPWA unterstützt jetzt monochromes Icon.
  • Vollständige Änderungsliste

Kommende Funktionen

  • Mitteilung über den Offline-Status.

PRO Version support additional advance feature
* Call To Action (CTA) More Info
* Android APK APP Generator More Info
* Data Analytics More Info
* Pre-Loader More Info
* App Shortcuts More Info
* QR Code Generator More Info

Mindestanforderungen für Progressive Web Apps

Progressive Web Apps erfordern, dass deine WordPress-Website von einem sicheren Ursprung aus geladen wird, das heißt, deine Website sollte HTTPS und nicht HTTP nutzen. Wenn deine Website nicht HTTPS ist, kontaktiere bitte deinen Anbieter diesbezüglich. Du kannst uns auch gerne fragen, wenn du Hilfe benötigst.

Geräte und Browser-Unterstützung für PWA

Progressive Web-Apps benötigen Browser, die Manifeste und Service Worker unterstützen. Derzeit unterstützen Google Chrome (Version 57+), Chrome für Android (62), Mozilla Firefox (57) und Firefox für Android (58) PWA, welche die wichtigsten Browser sind.

Die Liste wächst schnell und wird höchstwahrscheinlich bis Ende dieses Jahres von den meisten gängigen Browsern unterstützt.

Wie du deine WordPress-Website in eine Progressive Web App umwandelst

WordPress Installation

  • Besuche WordPress Admin-Bereich > Plugins > Installation
  • Suche nach ‚Super Progressive Web Apps‘.
  • Klicke auf „Jetzt installieren“ und dann auf „Aktivieren“ für Super Progressive Web Apps.

Manuell installieren:

  • Lade den Ordner „super-progressive-web-apps“ in das Verzeichnis „/wp-content/plugins/“ auf deinem Server hoch.
  • Gehe zum WordPress Admin-Bereich > Plugins.
  • Aktiviere das Super Progressive Web Apps-Plugin aus der Liste.

Anpassen deiner Progressiven Web-App

Deine Progressive Web App sollte mit den Standard-Einstellungen bereit zum Testen sein, wenn diese aktiviert wird. Du kannst sie weiter anpassen und dir zu eigen machen.

  • Gehe zu WordPress Admin > SuperPWA
  • Lege eine Hintergrundfarbe für den Startbildschirm fest, der angezeigt wird, wenn deine PWA auf einem mobilen Gerät geöffnet wird.
  • Lege das Anwendungssymbol fest. Dies wird das Symbol deiner PWA sein, wenn sie auf dem Startbildschirm auf einem mobilen Gerät hinzugefügt wird. Das Symbol muss ein PNG-Bild sein und genau 192 x 192 Pixel groß sein.
  • Stelle die Offline-Seite ein. Diese Seite wird angezeigt, wenn der Benutzer offline ist und die angeforderte Seite noch nicht zwischengespeichert ist. Am besten erstellst du eine dedizierte WordPress-Seite und legst sie hier fest. Innerhalb der von dir erstellten Seite könntest du eine Notiz hinzufügen, die besagt: „Es scheint, dass du offline bist und die von dir angeforderte Seite gerade nicht verfügbar ist. Bitte versuche es erneut, sobald du online bist.“
  • Klicke auf „Einstellungen speichern“.

Teste deine Progressive Web App.

  • Öffne einen unterstützten Browser auf einem unterstützten Gerät (zum Beispiel Chrome für Android (62 oder höher) auf einem Android-Handy).
  • Gib deine Webseite ein und warte, bis sie vollständig geladen ist.
  • Du solltest ein Pop-up sehen, das dein Anwendungssymbol und einen Button mit der Aufschrift „ZUM STARTBILDSCHIRM HINZUFÜGEN“ hat.
  • Klicke darauf und deine PWA wird deinem Startbildschirm hinzugefügt. Warte bis die Installation abgeschlossen ist.
  • Gehe auf deinen Startbildschirm und öffne deine PWA. Durchsuche ein paar Seiten, wenn du möchtest. Schließe die App.
  • Trenne dich vom Internet und öffne nun erneut deine PWA. Du solltest in der Lage sein, alle Seiten zu sehen, die du zuvor durchsucht hast.
  • Versuche, eine Seite zu besuchen, die du zuvor noch nicht besucht hast. Du solltest die Seite sehen, die du als deine „Offline-Seite“ in den Einstellungen von SuperPWA festgelegt hast.

Fehlerbehebung für deine Progressive Web App

Uh, oh. Deine PWA hat nicht wie erwartet funktioniert? Du siehst die Benachrichtigung „Zum Startbildschirm hinzufügen“ nicht?

  • Stelle sicher, dass deine Webseite über ein installiertes SSL-Zertifikat verfügt. Das bedeutet, deine Webseite sollte https anstatt http verwenden (wie zum Beispiel https://your-domain.com).
  • Stelle sicher, dass du ein unterstütztes Gerät und einen unterstützten Browser verwendest. Beachte die „Geräte- und Browserunterstützung für PWA“-Liste oben.
  • Stelle sicher, dass dein Anwendungsicon und dein Startbildschirmicon im PNG-Format vorliegen und jeweils eine Größe von 192px x 192px bzw. 512px x 512px haben
  • Leere den Browser-Cache und versuche es erneut. In Chrome für Android gehe zu Einstellungen > Datenschutz > „Browserdaten löschen“.
  • Wenn das Anwendungs-Symbol sich nach der ersten Installation nicht aktualisiert, lösche die PWA von deinem Telefon, leere den Browser-Cache und installiere erneut. (Wir arbeiten daran, es zu verbessern.)
  • Erstelle eine neue Supportanfrage und teile einen Link zu deiner Webseite. Wir schauen uns das an und finden eine Lösung für dich.

Funktionsanfragen, Probleme, Pull-Anfragen

Hier ist unser Repository auf Github. Sende uns gerne deine Pull Requests, Feature Requests oder Probleme, wenn du welche hast.

Über uns

Wir sind ein Duo, das von der Idee begeistert ist. Unsere Mission ist einfach: Dir dabei zu helfen, eine großartige PWA aufzubauen, die deine Benutzer auf ihrem Startbildschirm haben möchten.

Als wir zum ersten Mal von PWAs gehört haben, wollten wir alles darüber lernen. Wir haben unzählige Stunden damit verbracht, zu lernen und möchten es gerne mit der Welt teilen.

Bitte gib uns dein konstruktives Feedback und deine Unterstützung.

Screenshots

  • Einstellungsseite in WordPress Admin > SuperPWA > Einstellungen

Installation

Um dieses Plugin zu installieren:

  1. Installiere das Plugin über die WordPress-Admin-Oberfläche oder lade den Plugin-Ordner über FTP in /wp-content/plugins/ hoch.
  2. Aktiviere das Plugin über den ‚Plugins‘-Bildschirm in WordPress.
  3. Gehe zu WordPress Admin > SuperPWA

FAQ

Wenn du Fragen hast, bitte stelle sie im Support-Forum.

Funktionieren Progressive-Web-Apps auf iOS-Geräten?

Ab Safari iOS 11.3 bieten Apple-Geräte teilweise Unterstützung für PWAs. Allerdings gibt es momentan noch keine nativen Aufforderungen zum Hinzufügen des Startbildschirms. Du kannst deine App hinzufügen, indem du den Button „Zum Startbildschirm hinzufügen“ im Teilen-Menü des Browsers antippst (achte auf das quadratische Symbol mit einem nach oben zeigenden Pfeil im Vordergrund).

Genau wie du, freuen wir uns schon sehnsüchtig auf die bevorstehenden Veröffentlichungen und wir hoffen, in den kommenden Monaten auf eine bessere Kompatibilität zu stoßen.

Wie man den Startbildschirm anpassen kann

Du kannst das Symbol und die Hintergrundfarbe in SuperPWA > Einstellungen ganz einfach ändern.

Weitere Anpassungen sind derzeit leider nicht verfügbar, nicht wegen einer Begrenzung von SuperPWA, sondern weil sie nicht in der PWA-Technologie verfügbar sind. Sobald in Zukunft mehr Optionen auftauchen, werden wir sie dann zu SuperPWA hinzufügen.

Wie man Besuche verfolgt, die von deiner Progressiven Web App stammen

Du kannst Besuche von deiner PWA in deiner Analytik-Software (z.B. Google Analytics) mit dem UTM Tracking Add-On von SuperPWA verfolgen. Gehe zu SuperPWA > Add-Ons und aktiviere UTM Tracking. Dann kannst du in SuperPWA > UTM Tracking die UTM-Parameter nach Bedarf einstellen. Bitte siehe die Dokumentation für weitere Informationen.

DSGVO-Konformität

SuperPWA sammelt oder speichert keine Benutzerdaten und setzt keine Cookies oder speichert Verfolgungsdaten. Der Inhalt, den Benutzer von Ihrer PWA besuchen, wird im Gerät des Benutzers im Browser-Cache gespeichert. Dies ist sehr ähnlich wie bei modernen Browsern, die Inhalte offline zwischenspeichern, um das Surfen zu beschleunigen.

Mit dem UTM Tracking Add-On kannst Du die Besuche, die von deiner PWA stammen, in deiner Analyse-Software unterscheiden. Du musst dies gegebenenfalls in deine Datenschutzerklärung aufnehmen. Bitte beachte, dass SuperPWA keine Besuche verfolgt. Wir helfen dir lediglich dabei, die UTM-Parameter zur URL der Startseite deiner App hinzuzufügen, damit Analysedienste von Drittanbietern die Besuche differenzieren können.

Wenn du Fragen hast, kannst du dich gerne an uns wenden.

Rezensionen

31. Mai 2024
I’d looked at PWA options for WordPress in the past and thought it was an interesting concept. I’d never had cause to use them until recently. I opted for SuperPWA due to good reviews. The set-up process is pretty straightforward and it pretty much worked ‚out of the box‘. I did have one issue that related to maintaining the user logged in status. For this PWA, all users need to be logged in but we were finding that after a very short time, users were being logged out. The support was brilliant at helping to resolve this and within a few days, all was working as expected. Would highly recommend! I’m looking forward to using this for another website later in the year.
7. Mai 2024
instantify is much more better with lower price! this plugin not compatible with iphone devices and not shows add to home screen banner guide like instantify and very options that plugin has…
27. März 2024
I didn’t see that all of the reviews from the past year have been negative regarding the plug-in not working and the support being terrible. Exactly what I’ve been experiencing for weeks now. We’ve had over 35 emails back and forth to resolve what I’d think would be a simple issue. I’ve sent multiple screenshots of 1) the app icon CANNOT be changed 2) your CTA tool top says %ICON% which looks defunct 3) the tool tip doesn’t even show up. 4) you’re charging $99 a year for a defunct tooltip that can be made better and actually work for free. support is a nightmare. They keep saying it’s fine it works despite sending screenshots. Then they say well it works on chrome browser for android. But not for safari? Not for any other browser you advertise? Not for any other device? Someone please give me a better recommendation. I’ll be filing a chargeback since they refuse a refund.
12. März 2024
Der Service ist absolut TOP, hatte auf einer Webseite Probleme um Pushnachrichten zu empfangen, auf der anderen Webseite funktionierte es ohne Probleme. Hier kommt der perfekte Service, Sie haben sehr viel geleistet und getestet damit es am Schluss auch auf allen Webseiten funktioniert. Das war harte Arbeit und die Kommunikation war einfach freundlich und professionell. Ich danke dem Team von ganzen Herzen für diese Dienstleistung und ich kann es allen empfehlen diese Plugins zu installieren. Danke Danke Danke
5. März 2024
Purchases the pro version 10 months ago and extremely impressed with plugin capabilities and development. Hats off to the developers 🙏
Alle 219 Rezensionen lesen

Mitwirkende & Entwickler

„Super Progressive Web Apps“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Mitwirkende

„Super Progressive Web Apps“ wurde in 12 Sprachen übersetzt. Danke an die Übersetzerinnen und Übersetzer für ihre Mitwirkung.

Übersetze „Super Progressive Web Apps“ in deine Sprache.

Interessiert an der Entwicklung?

Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.

Änderungsprotokoll

2.2.27

  • Date: 09.May.2024
  • Feature: Added compatibility with wp-multilang #514
  • Feature: Added compatibility with Polylang #437
  • Improvement: Apple touch Icons are not getting updated #521
  • BugFixed: The CTA cancel button is not working on both Desktop and Android devices. #523

2.2.26

  • Date: 25.April.2024
  • Feature: Added an option where users can exclude a particular page from the PWA. #429
  • Feature: Added all missing translation in SuperPwa pro extension #518
  • BugFixed: Pre-caching offline URLs is not working when we add the URLs one by one in next line. #505
  • Improvement: Change upgrade plan details page #513
  • BugFixed: CTA is not working on the iOS devices. #517

2.2.25

  • Date: 29.March.2024
  • Feature: Option to change this Text „You’re currently offline.“ #493
  • Compatibility: Tested with WordPress 6.5 #510
  • Feature: Option to hide the navigation bar on certain pages (PRO) #511
  • Feature: Dynamic Start URL (PRO) #502
  • Feature: Option to generate PWA install QR code for any website link (PRO) #502
  • Improvement: Load CTA in body if footer is not present (PRO) #506
  • Enhancement: Improve the error message while creating an APK.(PRO) #494
  • BugFixed: APK logo and the splash screen icon logo are not showing properly.(PRO) #508

2.2.24.1

  • Date: 05.March.2024
  • BugFixed: Activating Pro version throwing Fatal error #501

2.2.24

  • Date: 17.February.2024
  • BugFixed: CTA on the frontpage is not showing. #499
  • Feature: Make the offline message “You are offline” as an option #482
  • Feature: Make the feature Prefetch manifest URL link as an option #496
  • Enhancement: Improvements to the app screenshot option. #495

2.2.23.1

  • Date: 24.December.2023
  • BugFixed: Parse error: syntax error, unexpected „)“ in PHP 7.2 and below

2.2.23

  • Date: 22.December.2023
  • Feature: Proper sorting of features #314
  • Enhancement: Compatibility with loco translate #426
  • Enhancement: Updated manifest as per the pwabuilder recommendation. #440
  • Enhancement: Code Improvement checklist #486
  • Enhancement: Update readme.txt and add all pro feature list #488
  • BugFixed: Warning appearing in manifest #487
  • BugFixed: On Uninstall few data still remain inside db. #485

2.2.22

  • Date: 28.November.2023
  • BugFixed: Role Based Access is not working #472
  • BugFixed: Fixed Broken Access Control vulnerability Learn More

2.2.21

  • Date: 18.October.2023
  • BugFixed: Push notification is not working on IOS. #468
  • Feature: Added Notification badge on the PWA icon #212
  • BugFixed: Role Based Access is not working #472
  • BugFixed: If add-on is not activated than do not show the settings button #470
  • BugFixed: The button network deactivate is not working #475

2.2.20

  • Date: 26.September.2023
  • Feature: Added feature for Role managers #450
  • Feature: Added navigation Bar feature #443
  • BugFixed: DevTools Console Warning for Source Map 404 Error in Plugin #466
  • BugFixed: The push notification add-on keeps on installing. #465

2.2.19

  • Datum: 11. August 2023
  • Feature: Unterstützung für Push-Benachrichtigungen hinzugefügt #452

2.2.18

  • Datum: 15.Juli.2023
  • Feature: Hinzufügung der Kompatibilität mit WPML #438
  • Verbesserung: Behebung des Fehlers #332 in PHP 8

2.2.17

  • Datum: 30. Mai 2023
  • Verbesserung: Es sollte eine Option erstellt werden, mit der der Benutzer das Hinzufügen des Startbildschirm-Banners auf dem Desktop oder Tablet deaktivieren/aktivieren kann. #417
  • Verbesserung: Die Startseite sollte ein Dropdown-Menü mit einer Ajax-Suche haben #412.
  • Bug Behoben: Warnung erscheint auf allen Seiten, wenn wir die Pro-Version installieren #421

Full changelog available at changelog.txt