Har du någonsin lagt märke till en inbjudan på vissa bloggar att prenumerera på aviseringar utan att ange din e-postadress? DE Web Push är ett klient-serverkommunikationsläge där dialogen initieras av servern. Det är mer och mer populärt, och du kan använda det utöver nyhetsbrev.

Den här meddelandemallen är tillgänglig på flera typer av enheter, från stationära datorer till mobila enheter. Under sin forskning upptäckte Thierry en push-webbtjänst med namnet " OneSignal » och bad mig prova. Jag tyckte att tjänsten var mycket intressant och jag föreslår nu att du installerar den på din blogg.

Ja, just det ! Det är en GRATIS tjänst

första steg

Det är gratis, men det är inte inom räckhåll för alla, att komma ur det, du måste noga följa det jag säger till er.

Skapa ett Google Cloud-konto

Det är viktigt att skapa ett Google Cloud-projekt, jag hoppas att (även om du inte gillar Google), att du har minst ett Google-konto. Om det inte är fallet måste du skapa en. När det är klart, gå till den här länken.

Skapa ett nytt projekt

Klicka på "Google Cloud Projects-sidan" Skapa ett projekt ".

Creation-dun-projekt Google Cloud

Ett fönster öppnas där du kan skapa ditt projekt. Ge ett enkelt namn, komplicera inte det.

New web utkast till anmälan google wordpress handledning

När du är klar klickar du på " skapa ".

Namn på Google Cloud-projektet

Skapa API: er för projektet

Följ avsnittet "på den nya sidan" Projekt: [namnet på ditt projekt] ". Värdet [namnet på ditt projekt] tar det namn du har definierat för ditt projekt. I det här exemplet skapade jag ett projekt " Anmälan webbprojekt ". I det här avsnittet, kopiera " Projektnummer Och förvara den någonstans i dina anteckningar.

Klicka nu på knappen Aktivera och hantera API: er I avsnittet " Använd Google API ".

Använd Google Cloud API-nycklar

i formen sökrutan som visas, skriv " Google Cloud Messaging Android »

Google Android Messaging API

Klicka på det unika resultatet som visas och klicka sedan på Aktivera.

Google Cloud Messaging API Aktivera

Vänta tills processen är klar och klicka sedan på " Gå till identifierare'”.

Googles molnmeddelanden har tillgång

Till den fråga du ställde, nämligen: " Vilken plattform använder du för att kalla API: n ", Välj" webbserver »Och klicka på« Vilka identifierare jag behöver ".

Välj Google Cloud Project ID

Google kommer att erbjuda dig API referenser för ditt projekt.

Du kan ändra " nom På scenen Skapa en API-nyckel ". När det är klart klickar du på "Skapa API-nyckel".

Skapa en Google Cloud API-nyckel

Google kommer nu att erbjuda dig API-nyckeln för ditt projekt. Kopiera den här nyckeln och förvara den någonstans i dina anteckningar.
Google API Key WordPress Tutorial

Skapa applikationer på OneSignal

Nu beror allt på din blogg. Om den senare använder HTTPS-protokollet kommer proceduren att vara annorlunda (även lite enklare), om inte är det några saker du behöver göra. För att börja, skapa OneSignal ett konto.

OneSignal-konto skapande

Du kan använda ditt Facebook- eller Github-konto, om du inte har ett måste du skapa ett nytt konto.

Connection OneSignal

När du är ansluten stänger du fönstret Välkommen till OneSignal Vilket visas. Du kan också minska chattrutan som visas till höger.

Välkommen OneSignal Avsnitt

Klicka nu på " Lägg till ny app Till vänster.

New APP OneSignal

Ett nytt fönster visas. Du måste ange ett namn för ditt nya projekt. Återigen, håll det enkelt!

Förutsatt att programnamnet OneSignal

Klicka på Skapa ". Du blir då ombedd att välja din plattform.

Project OneSIgnal Platform

Välj alternativet " Web Site tryck ". Välj sedan alternativet " Google Chrome och Firefox '(Vår handledning kommer att begränsas till att visa aviseringar på båda webbläsarna).

Webbläsare typ Push OneSignal

Nu kommer du att uppmanas att ange webbadressen till din webbplats i fältet " Webbadress ". Om du arbetar på en lokal server kan du använda " * Istället för lokalvärd ".

Ange sedan API-nyckeln för ditt Google-projekt (kom ihåg att jag bad dig förvara informationen i dina anteckningar).

Om du vill visa en ikon i meddelandesektionen, ange en länk till den i fältet som följer. Om din webbplats inte använder ett HTTPS-protokoll, klicka på " Min webbplats är inte helt HTTPS ". Du blir ombedd att skapa ett underdomän " Onesignal ".

Under Domain OneSignal

Ange också i följande fält numret på ditt projekt (Se dina anteckningar eller högre i skapandet av Google Cloud-projektet).

När du är klar klickar du på " Nästa »Och välj« Wordpress I målvalsfönstret för SDK och klicka på " Nästa ".

Val av Wordpress SDK OneSignal

OneSignal kommer att erbjuda dig " Rest API Av din ansökan och " APP-ID ". Stäng inte framför allt det här fönstret.

API-nyckel och APP ID OneSignal

Kopiera den någonstans i dina anteckningar, sedan installera plugin nödvändig för användning med WordPress.

OneSignal OptIn Wordpress plugin

Installera och aktivera detta plugin på din blogg (Öppna en annan flik). Du kommer att märka en ny meny « Tryck OneSignal ". Klicka på den så kommer du till fliken « konfiguration ".

Configuration Plugin OneSignal

Från den här fliken måste du:

  • Inaktivera "Min webbplats använder en HTTPS-anslutning (SSL)
  • Ange ID för ditt Google-projekt
  • Ange identifieraren för ditt OneSignal-projekt (APP-ID)Att OneSignal erbjudanden (se ovan)
  • Ange Rest API som " OneSignal »Erbjuder dig (Rest API)

Du har flera tillgängliga alternativ, men ovanstående är viktiga. Spara nu dina inställningar genom att klicka på " Save Längst ner.

Gå nu till din blogg, så ser du en prenumerationsinbjudan som liknar den. Klicka på den.

prenumerations inbjudan OneSignal

Ett nytt fönster kommer att visas och du kommer att bli inbjuden att prenumerera. Klicka på Fortsätta ".

Prenumeration Anmälan OneSignal

En inbjudan att acceptera aviseringar från Google Chrome visas, du måste acceptera den naturligtvis.

Chrome Notification

Du måste vänta på att få ett meddelande om att du har prenumererat på aviseringarna.

Gå tillbaka till fliken jag bad dig att inte stänga och klicka på " Kontrollera Tecknade Användare ".

Kontrollera Tecknat användar handledning WordPerss OneSignal

Du kommer att märka ett meddelande under den här knappen som börjar med " Grattis - Din första... ”, Om så är fallet, klicka på“ Nästa ".

knappen bredvid bekräftelsemeddelande

Klicka på "i nästa fönster Skicka test Anmälan ".

Skicka test Anmälan Wordpress OneSignal

Du kommer normalt få ett meddelande på datorn.

Onesignal anmälan test 1

Om meddelandet visas i ditt hem klickar du på det. Du kommer åt en sida som bekräftar testet av meddelandet.

OneSignal bekräftelse

Gå tillbaka till OneSignal och klicka på " Kontrollera statusmeddelande ".

kontrollera status anmälan OneSIgnal

En meddelande kommer att bekräfta operationen " Grattis - Du har framgångsrikt skapat ... ”. Om så är fallet hemma klickar du på " Färdig  ".

OneSignal Notification Project skapar

Kom tillbaka på din blogg och skapa en ny artikel. Se till att alternativet " OneSignal push-meddelanden Aktiveras och när du publicerar artikeln får du normalt ett meddelande om den nya artikeln.

Onesignal wordpress-anmälanstest 1

Det är allt, jag hoppas att det inte är för komplicerat för dig. Om du har några frågor är jag tillgänglig för att svara på alla dina frågor.