Account
mittl medien | Webentwicklung in Stuttgart

miTT PWA FIRE PUSH Dokumentation (Progressive Web App) für Joomla

Einrichtung und Dokumentation von miTT PWA Firebase

Push Notification Firebase - Joomla PWA

Joomla PWA Push Notification

* nur in Version mitt PWA PUSH (Joomla Plugin)

Im Tab Push Notification werden die Einstellungen der Push Nachrichten vorgenommen. In der ersten Einstellung "Wähle Kategorie" gibt man die Kategorien der Joomla Beiträge an, von welchen die Push Nachrichten versendet werden sollen.

Zusätzlich zum Artikel kann ein Titel angegeben werden, welche zusätzlich zum Beitrag erscheinen soll. Desweiteren kann man wählen, ob die Kategorie zusätzlich mit ausgegeben wird.

miTT PWA PUSH unterstützt das Versenden von Push Nachichten über Joomla Beiträge oder FLEXIcotent. Sollte man vorhaben Push Nachrichten über das CCK K2 versenden, dann besteht hier die Möglichkeit auf "Ja" zu stellen und die jeweilige Kategorie anzugeben, woraus es funktionieren soll.

Mit der "Ziel Url" wird bestimmt, welche Seite geöffnet werden soll, wenn der Benutzer auf die Push Nachricht klickt. Hier steht entweder die Start URL der PWA zur Auswahl oder die Joomla Ansicht oder direct der Artikel, welcher mit der Push Nachricht beworben wurde.

Der "New messaging Channel" bestimmt die Gruppe, welche die Abonnenten hinzufügt werden. Dieser Wert sollte einmal festgelegt werden und nicht mehr geändert werden.

Firebase Google Analytics kann hier aktiviert werden, jedoch kann es vom Benutzer nicht deaktiviert werden, um dem europäischen Datenschutz gerecht zu werden. Deshalb sollte es nicht auf einem Produktivsystem eingesetzt werden. Eine Lösung dafür wird angestrebt.

Firebase Settings

Joomla PWA Push Notification

* nur in Version miTT PWA PUSH (Joomla Plugin)

Das Versenden von Push Nachrichten erfolgt mit Google Firebase Cloud Messaging (FCM). Die Preise dazu kann man der Preisliste von Firebase unter Cloud Messaging entnehmen. Momentan ist der Service kostenlos. Um mit dem Service zu starten, muss man einen Firebase Account erstellen.

In der Firebase Console fügen Sie ein neues Project hinzu und vergeben einen Projektnamen. Im zweiten Schritt wird gefragt, ob man Google Analytics für das Projekt aktivieren will. Um es DSGVO konform einzusetzen sollten die Benutzer die Möglichkeit haben, das Tracking zu deaktivieren. Das Plugin miTT PWA PUSH ermöglicht dies selbst noch nicht.

Nach der Projekterstellung fügen Sie eine Web App dem Projekt hinzu. Nach der Vergabe des Names erhalten Sie eine Übersicht mit den Daten, welches in in das Joomla Plugin eintrage. Übertragen Sie die Werte zwischen den Anführungszeichen wie apiKey, authDomain, databaseUrl, projectId, storageBucket, messagingSenderId, appId. Die measuerementId ist nur nötig, falls Firebase Analytics (Google Analytics) eingesetzt wird.

Zurück zur Projektübersicht findet man oben den Reiter Anwendung. In den Einstellungen der Anwendung ist im Tab Cloud Messaging der PublicVapidKey zu erstellen. Hie geht man unten auf Schlüsselpaar generieren, um diesen zu erstellen.

Neben dem PublicVapidKey wird noch einen Authentifizierung über das Firebase Admin SDK benötigt. Hier wechselt man zum Tab Dienstkonten und kann unten einen privaten Schlüssel generieren. Dieser Schlüssel wird auf den Webserver gelegt einen Ordner überhalb des Root Verzeichnisse gelegt. De Name des Schlüssels (ohne Pfad) wird in das PWA Plugin ganz unten eingetragen.

Erstellung der Buttons für Push Nachrichten

Um den Benutzer zu ermöglichen Push Nachrichten zu abonnieren ist es nötig die Buttons zu bereit zu stellen. Sie können entweder über das Template oder Modul hinzugefügt werden.

<button class=" mittpwapush__subscribe">Abonnieren</button>
<button class=" mittpwapush__unsubscribe">Abbestellen</button>

Wichtig ist, dass die Klasse im Button "mittpwapush__subscribe" und "mittpwapush__unsubscribe" verwendet wird. Ob ein Text oder Icon verwendet wird, spielt keine Rolle.

Dokumentation miTT PWA

Die Einrichtung der Progressive Web App miTT PWA in Joomla

Lesen Sie mehr...

FAQ miTT PWA

Häufig gestellte Fragen zu miTT PWA - Progressive Web App für Joomla

Lesen Sie mehr...