Haben Sie jemals auf einigen Blogs eine Einladung zum Abonnieren von Benachrichtigungen ohne Angabe Ihrer E-Mail-Adresse bemerkt? die Web-Push ist ein Client-Server-Kommunikationsmodus, in dem der Dialog vom Server initiiert wird. Es wird immer beliebter und kann zusätzlich zu Newslettern verwendet werden.

Diese Benachrichtigungsvorlage ist auf verschiedenen Gerätetypen verfügbar, von Desktops bis hin zu Mobilgeräten. Während seiner Recherche entdeckte Thierry einen Push-Webdienst mit dem Namen " OneSignal » und bat mich, es auszuprobieren. Ich fand den Dienst sehr interessant und empfehle Ihnen nun, ihn zu installieren Ihr Blog.

Ah ja ! Es ist ein kostenloser Service

Erste Schritte

Es ist kostenlos, aber nicht für jedermann zugänglich. Um es zu verlassen, müssen Sie sorgfältig befolgen, was ich Ihnen sage.

Erstellen Sie ein Google Cloud-Konto

Es ist wichtig, ein Google Cloud-Projekt zu erstellen. Ich hoffe, dass (Auch wenn Sie Google nicht mögen), dass Sie mindestens ein Google-Konto haben. Ist dies nicht der Fall, müssen Sie einen erstellen. Sobald es fertig ist, gehe zu diesem Link.

Erstellen Sie ein neues Projekt

Klicken Sie auf der Seite "Google Cloud-Projekte" auf " Erstellen Sie ein Projekt ".

Creation-dun-Projekt Google Cloud

Es öffnet sich ein Fenster, in dem Sie Ihr Projekt erstellen können. Geben Sie einen einfachen Namen, erschweren Sie ihn nicht.

Neuer Entwurf Benachrichtigung web google Wordpress Tutorial

Wenn Sie fertig sind, klicken Sie auf " Schaffen ".

Name des Google Cloud-Projekt

Erstellen Sie APIs für das Projekt

Klappen Sie auf der neuen Seite den Abschnitt " Projekt: [der Name Ihres Projekts] “. Der Wert [der Name Ihres Projekts] nimmt den Namen an, den Sie für Ihr Projekt definiert haben. In diesem Beispiel habe ich ein Projekt erstellt " Benachrichtigung Webprojekt “. Kopieren Sie in diesem Abschnitt die " Projektnummer Und bewahren Sie es in Ihren Notizen auf.

Klicken Sie nun auf die Schaltfläche Aktivieren und Verwalten von APIs Im Abschnitt " Nutzen Sie die Google-APIs ".

Verwenden Sie Google Cloud-API-Schlüssel

in Formular Suchfeld, das angezeigt wird, geben Sie " Google Cloud Messaging Android »

Google Android Messaging API

Klicken Sie auf das angezeigte eindeutige Ergebnis und anschließend auf Aktivieren.

Google Cloud Messaging API aktivieren

Bitte warten Sie, bis der Vorgang abgeschlossen ist und klicken Sie dann auf " Gehe zu 'Bezeichner'”.

Zugriff auf Anmeldeinformationen für Google Cloud Messaging

Auf die von Ihnen gestellte Frage: " Auf welcher Plattform rufen Sie die API auf? ", Wähle aus" Webserver »Und klicken Sie auf« Welche Identifikatoren brauche ich? ".

Wählen Sie Google Cloud-Projekt-IDs aus

Sie erhalten von Google API-Anmeldeinformationen für Ihr Projekt bieten.

Sie können die " Name Auf der Bühne Erstellen Sie einen API-Schlüssel ". Klicken Sie anschließend auf "API-Schlüssel erstellen".

Erstellen Sie einen Google Cloud-API-Schlüssel

Google bietet Ihnen jetzt den API-Schlüssel für Ihr Projekt an. Kopieren Sie diesen Schlüssel und bewahren Sie ihn in Ihren Notizen auf.
Google API Key WordPress Tutorial

Anwendungserstellung auf OneSignal

Jetzt kommt es darauf an Ihr Blog. Wenn letzteres das HTTPS-Protokoll verwendet, ist die Vorgehensweise anders (sogar ein wenig einfacher), wenn nicht, müssen Sie einige Dinge tun. Erstellen Sie zunächst OneSignal ein Konto.

OneSignal-Kontoerstellung

Sie können Ihr Facebook- oder Github-Konto verwenden. Wenn Sie keines haben, müssen Sie ein neues Konto erstellen.

Verbindung OneSignal

Sobald die Verbindung hergestellt ist, schließen Sie das Fenster Willkommen bei OneSignal Welches wird angezeigt. Sie können auch das rechts angezeigte Chat-Feld verkleinern.

Willkommen OneSignal Abschnitt

Klicken Sie jetzt auf " New APP Links.

Neue APP OneSignal

Ein neues Fenster wird angezeigt. Sie müssen einen Namen für Ihr neues Projekt angeben. Halten Sie es noch einmal einfach!

den Namen der Anwendung bereitgestellt OneSignal

Klicken Sie auf " Erstellen “. Sie werden dann aufgefordert, Ihre Plattform auszuwählen.

Projekt OneSIgnal Platform

Wählen Sie die Option " Web-Site Push ". Dann wählen Sie die Option " Google Chrome & Firefox "(Unser Tutorial beschränkt sich auf die Anzeige von Benachrichtigungen in beiden Browsern).

Web-Browser-Typ Push-OneSignal

Nun werden Sie aufgefordert, die URL Ihrer Site im Feld " Site URL “. Wenn Sie auf einem lokalen Server arbeiten, können Sie " * Anstelle von localhost ".

Geben Sie dann den API-Schlüssel für Ihr Google-Projekt an (Denken Sie daran, dass ich Sie gebeten habe, diese Informationen in Ihren Notizen zu behalten).

Wenn Sie im Benachrichtigungsbereich ein Symbol anzeigen möchten, geben Sie im folgenden Feld einen Link dazu an. Wenn dein Webseite kein HTTPS-Protokoll verwendet, klicken Sie auf " Meine Website ist nicht vollständig HTTPS “. Sie werden aufgefordert, eine Unterdomäne zu erstellen. " Onesignal ".

Unter Domain OneSignal

Geben Sie im folgenden Feld auch die Nummer Ihres Projekts an (Sehen Sie sich Ihre Notizen oder höher bei der Erstellung von Google Cloud-Projekten an).

Wenn Sie fertig sind, klicken Sie auf " Weiter »Und wähle« WordPress Klicken Sie im Zielauswahlfenster für das SDK auf " Weiter ".

Auswahl von Wordpress SDK OneSignal

OneSignal bietet Ihnen die " Rest-API Ihrer Bewerbung und " APP-ID ". Schließen Sie dieses Fenster vor allem nicht.

API-Schlüssel und APP ID OneSignal

Kopieren Sie es irgendwo in Ihren Notizen, dann installieren das Plugin notwendig für die Verwendung mit WordPress.

OneSignal Optin Wordpress-Plugin

Installieren und aktivieren Sie dieses Plugin auf Ihr Blog (Öffnen Sie eine andere Registerkarte). Sie werden ein neues Menü bemerken « Drücken Sie OneSignal “. Klicken Sie darauf und Sie gelangen auf den Reiter « Konfiguration ".

Konfiguration Plugin OneSignal

Auf dieser Registerkarte müssen Sie:

  • Deaktivieren "Meine Site verwendet eine HTTPS-Verbindung (SSL)
  • Geben Sie die ID Ihres Google-Projekts an
  • Geben Sie die Kennung Ihres OneSignal-Projekts an (APP-ID)Dass OneSignal Angebote (siehe oben)
  • Stellen Sie die Rest-API als " OneSignal »Bietet Ihnen (Rest-API)

Sie haben mehrere Möglichkeiten zur Verfügung, aber die oben genannten sind von wesentlicher Bedeutung. Speichern Sie nun Ihre Einstellungen mit einem Klick auf " Speichern Unten.

Wenn Sie jetzt zu Ihrem Blog gehen, sehen Sie eine Abonnementeinladung, die dieser ähnelt. Klicken Sie darauf.

Subskriptionseinladung OneSignal

Ein neues Fenster wird geöffnet und Sie werden aufgefordert, sich anzumelden. Klicken Sie auf Fortfahren ".

Abonnementbenachrichtigung OneSignal

Eine Einladung zum Akzeptieren von Benachrichtigungen von Google Chrome wird angezeigt. Sie müssen diese natürlich akzeptieren.

Chrome Benachrichtigung

Sie müssen warten, bis Sie eine Benachrichtigung erhalten, dass Sie die Benachrichtigungen abonniert haben.

Gehen Sie nun zurück zu der Registerkarte, auf die ich Sie gebeten habe, nicht zu schließen, und klicken Sie auf " Überprüfen Sie Abonnierte Benutzer ".

Überprüfen Gezeichnetes Benutzer-Tutorial WordPerss OneSignal

Sie werden eine Benachrichtigung unter dieser Schaltfläche bemerken, beginnend mit " Herzlichen Glückwunsch - Ihre erste… “, Wenn ja, klicken Sie auf„ weiter ".

Schaltfläche Weiter Bestätigungsnachricht

Klicken Sie im nächsten Fenster auf " Send Test Benachrichtigung ".

Send Test Benachrichtigung Wordpress OneSignal

Sie werden in der Regel Meldung auf Ihrem Computer erhalten.

Onesignal Benachrichtigungstest 1

Wenn die Benachrichtigung bei Ihnen zu Hause angezeigt wird, klicken Sie darauf. Sie gelangen auf eine Seite, die den Test der Benachrichtigung bestätigt.

OneSignal Bestätigung

Kehren Sie zu OneSignal zurück und klicken Sie auf " Überprüfen Status Notification ".

überprüfen Statusmeldung OneSIgnal

Eine Benachrichtigung wird angezeigt, die den Vorgang bestätigt. " Herzlichen Glückwunsch - Sie haben erfolgreich erstellt … ”. Wenn dies zu Hause der Fall ist, klicken Sie auf " Erledigt  ".

OneSignal Notification Project erstellt

Schau noch einmal in deinem Blog vorbei und erstelle einen neuen Artikel. Stellen Sie sicher, dass die Option " OneSignal Mitteilungen Ist aktiviert und wenn Sie den Artikel veröffentlichen, erhalten Sie normalerweise eine Benachrichtigung über den neuen Artikel.

Onesignal WordPress-Benachrichtigungstest 1

Das ist alles, ich hoffe es ist nicht zu kompliziert für dich. Wenn Sie Fragen haben, stehe ich Ihnen zur Verfügung, um alle Ihre Fragen zu beantworten.