Vai al contenuto principale

Come Fare delle notifiche Con il tuo blog WordPress

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 901.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

Hai mai notato su alcuni blog un invito a iscriverti alle notifiche senza fornire il tuo indirizzo email? il Spingere Web è una modalità di comunicazione client-server in cui il dialogo viene avviato dal server. È sempre più popolare e puoi usarlo in aggiunta alle newsletter.

Questo modello di notifica è disponibile su diversi tipi di dispositivi, dai desktop ai dispositivi mobili. Durante la sua ricerca, Thierry ha scoperto un servizio web push chiamato " OneSignal E mi ha chiesto di provarlo. Ho trovato il servizio molto interessante e propongo ora di installarlo sul tuo blog.

Ah sì ! È un servizio GRATUITO

Primi passi

È gratuito, ma non è alla portata di tutti, per uscirne devi seguire attentamente ciò che ti sto dicendo.

Crea un account Google Cloud

È essenziale creare un progetto Google Cloud, spero che (anche se non ti piace Google), che hai almeno un account Google. In caso contrario, è necessario crearne uno. Una volta fatto, vai a questo link.

Crea un nuovo progetto

Nella pagina Google Cloud Projects, fai clic su " Crea un progetto '.

Creazione-dun-progetto Google Cloud

Si aprirà una finestra in cui è possibile creare il progetto. Dai un nome semplice, non complicarlo.

Nuovo progetto di notifica web google wordpress esercitazione

Al termine, fai clic su " creare '.

Nome del progetto Google Cloud

Crea API per il progetto

Nella nuova pagina, apri la sezione " Progetto: [il nome del tuo progetto] ". Il valore [il nome del tuo progetto] prenderà il nome che hai definito per il tuo progetto. In questo esempio ho creato un progetto " progetto Web di notifica ". In questa sezione, copia il " Numero del progetto E tienilo da qualche parte nei tuoi appunti.

Ora fai clic sul pulsante Abilita e gestisci le API Nella sezione " Utilizzare le API di Google '.

Utilizza le chiavi dell'API di Google Cloud

Nel modulo di ricerca visualizzato, digita " Google Cloud Messaging Android »

API di Google Messaging Android

Fare clic sul risultato univoco visualizzato, quindi fare clic su Attiva.

Google Cloud Messaging API Attivazione

Attendere il completamento del processo, quindi fare clic su " Vai a "identificatori"'".

Accesso alle credenziali della messaggistica cloud di Google

Alla domanda che ti viene posta: " Quale piattaforma usi per chiamare l'API ", Seleziona il" Web server »E clicca su« Di quali identificatori ho bisogno '.

Seleziona ID progetto Google Cloud

Google vi offrirà le credenziali API per il vostro progetto.

Puoi modificare " nom Sul palco Crea una chiave API ". Al termine, fai clic su "Crea chiave API".

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

Crea una chiave API di Google Cloud

Google ti offrirà ora la chiave API per il tuo progetto. Copia questa chiave e tienila da qualche parte nelle tue note.
Tutorial WordPress chiave API di Google

Creazione di applicazioni su OneSignal

Ora tutto dipende dal tuo blog. Se quest'ultimo utilizza il protocollo HTTPS, la procedura sarà diversa (anche un po 'più semplice), in caso contrario ci sono alcune cose che devi fare. Per iniziare, crea OneSignal un account.

Creazione dell'account OneSignal

Puoi utilizzare il tuo account Facebook o Github, se non ne hai uno, devi creare un nuovo account.

Collegamento OneSignal

Una volta connesso, chiudi la finestra Benvenuti a OneSignal Quale è visualizzato. Puoi anche ridurre la finestra di chat che appare sulla destra.

Benvenuto Sezione OneSignal

Ora fai clic su " Aggiungi nuovo APP A sinistra.

Nuovo APP OneSignal

Apparirà una nuova finestra. Dovrai fornire un nome per il tuo nuovo progetto. Ancora una volta, mantienilo semplice!

A condizione che il nome dell'applicazione OneSignal

Fare clic su ' Creare ". Ti verrà quindi chiesto di scegliere la tua piattaforma.

Progetto Piattaforma OneSIgnal

Scegli l'opzione " spinta Sito Web ". Quindi scegli l'opzione " Google Chrome e Firefox "(Il nostro tutorial sarà limitato alla visualizzazione di notifiche su entrambi i browser).

Web di tipo push browser OneSignal

Ora ti verrà richiesto di fornire l'URL del tuo sito nel campo " URL del sito ". Se stai lavorando su un server locale, puoi utilizzare " * Invece di localhost '.

Quindi, specifica la chiave API per il tuo progetto Google (ricorda che ti ho chiesto di conservare queste informazioni nelle tue note).

Se desideri visualizzare un'icona nella sezione delle notifiche, fornisci un collegamento ad essa nel campo che segue. Se il tuo sito web non utilizza HTTPS, fai clic su " Il mio sito non è completamente HTTPS ". Ti verrà richiesto di creare un sottodominio " Onesignal '.

Sotto Dominio OneSignal

Fornisci anche nel campo seguente il numero del tuo progetto (Guarda le tue note o versioni successive nella creazione del progetto Google Cloud).

Al termine, fai clic su " Prossimo »E scegli« WordPress Nella finestra di selezione della destinazione per l'SDK e fai clic su " Prossimo '.

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

Selezione di WordPress SDK OneSignal

OneSignal ti offrirà il " API REST Della tua applicazione e " APP ID ". Soprattutto, non chiudere questa finestra.

API Key e APP ID OneSignal

Copiare da qualche parte nelle note, quindi installare il plugin necessario per l'uso con WordPress.

plugin per WordPress OneSignal Optin

Installare e attivare questo plugin sul tuo blog (Aprire un'altra scheda). Noterai un nuovo menu « spingere OneSignal ". Cliccaci sopra e accederai alla scheda « Configurazione '.

plug-in di configurazione OneSignal

Da questa scheda è necessario:

  • Disattiva "Il mio sito utilizza una connessione HTTPS (SSL)
  • Fornisci l'ID del tuo progetto Google
  • Fornisci l'identificatore del tuo progetto OneSignal (APP ID)Che offre OneSignal (vedi sopra)
  • Fornisci l'API Rest come " OneSignal »Ti offre (API REST)

Hai diverse opzioni disponibili, ma quelle sopra sono essenziali. Ora salva le tue impostazioni facendo clic su " Risparmi In fondo.

Ora vai sul tuo blog, vedrai un invito di abbonamento simile a questo. Cliccaci sopra.

invito di sottoscrizione OneSignal

Apparirà una nuova finestra e sarai invitato a iscriverti. Clicca su Continua '.

notifica di sottoscrizione OneSignal

Apparirà un invito ad accettare notifiche da Google Chrome, è necessario accettarlo ovviamente.

Notifica Chrome

Devi attendere per ricevere una notifica che ti sei iscritto alle notifiche.

Ora torna alla scheda ti ho chiesto di non chiudere e fare clic su " Controllare gli utenti iscritti '.

Controllare esercitazione per l'utente sottoscritto WordPerss OneSignal

Noterai una notifica sotto questo pulsante, che inizia con " Congratulazioni - Il tuo primo... ", in tal caso, fare clic su" accanto '.

messaggio di conferma pulsante Avanti

Nella finestra successiva, fai clic su " Invia notifica di prova '.

Invia notifica di prova WordPress OneSignal

Normalmente si riceverà la notifica sul computer.

Se la notifica viene visualizzata nella tua home, fai clic su di essa. Accederai a una pagina che conferma il test della notifica.

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

conferma OneSignal

Ritorna a OneSignal e fai clic su " Controllare Status Notification '.

controllare la notifica dello stato OneSIgnal

Apparirà una notifica che conferma l'operazione " Congratulazioni - Hai creato con successo ... ". Se questo è il caso a casa clicca su "  ✔. '.

Crea un progetto di notifica di OneSignal

Torna sul tuo blog e crea un nuovo articolo. Assicurati che l'opzione " OneSignal Notifiche Push È attivato e quando pubblichi l'articolo, riceverai normalmente una notifica del nuovo articolo.

Tutto qui, spero non sia troppo complicato per te. Se avete domande, sono disponibile a rispondere a tutte le vostre domande.

Questo articolo contiene i commenti 2

  1. Ciao,
    Adoro l'articolo ma penso che non sia più rilevante viste le immagini nella piattaforma Google, non riusciamo più a trovare certe cose.

    Sarebbe bello se potessimo aggiornare le immagini.

    Amicalement

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
2 azioni
quota2
Tweet
Enregistrer