---
site_name: WPlama
site_description: Internetové stránky na WordPressu snadno a česky
site_url: https://www.wplama.cz
contact_email: tomas@wplama.cz

title: Push notifikace ve WordPress, jak nastavit upozornění na nově publikovaný obsah
url: https://www.wplama.cz/push-notifikace-wordpress/
date: 2018-03-19
modified: 2018-03-19
author: Tomáš Cirkl
type: post
categories: [WordPress návody]
tags: [onesignal, plugin, push notifikace]
---

Push notifikace, nebo také „oznámení“ jsou krátké informační zprávy, které se vám zobrazují na ploše počítače nebo obrazovce mobilního telefonu. Většinou se jedná o krátký text s nadpisem, který je občas doplněný obrázkem. Push notifikace mohou upozorňovat na nový e-mail, komentář na Facebooku, příchozí zprávu nebo třeba, jak si ukážeme v tomto článku, na nově vydaný obsah. Push notifikace byly původně představeny v roce 2009 pro Android a i OS.

Přihlášení k push notifikacím se provádí přes internetový prohlížeč, kde si i můžete své přihlášení spravovat.

[![Dotaz na push notifikaci ve Firefox](https://www.wplama.cz/wp-content/uploads/2018/03/dotaz-na-push-notifikaci-ve-firefox-1024x591.png "Dotaz na push notifikaci ve Firefox")](https://www.wplama.cz/wp-content/uploads/2018/03 / dotaz-na-push-notifikaci-ve-firefox.png)Dotaz na push notifikaci v prohlížeči Firefox

Safari byl první prohlížeč, který push notifikace začal podporovat. Postupně se přidal Chrome a Firefox. V současné době už i Microsoft Edge a Opera podporují zasílání oznámení. Zařízení používající Android také nativně push notifikace podporují.

[![Dotaz na povolení push notifikací v mobilním telefonu](https://www.wplama.cz/wp-content/uploads/2018/03/dotaz-na-push-notifikaci-v-mobilnim-telefonu-498x1024.jpg "Dotaz na povolení push notifikací v mobilním telefonu")](https://www.wplama.cz/wp-content/uploads/2018/03 / dotaz-na-push-notifikaci-v-mobilnim-telefonu.jpg)Dotaz na povolení push notifikací v mobilním telefonu

## Výhody push notifikace ve WordPress

Výhoda push notifikací ve WordPress je především v tom, že umožňují posílat automatické upozornění přihlášeným uživatelům na nově vydaný obsah. Spousta lidí v dnešní době ignoruje newsletter a push notifikace umožňují skvělou náhradu, kdy k přihlášení stačí kliknout a není ani třeba nikam vypisovat e-mail.

Push notifikace umožňují přivést návštěvníky webu zpět tak, že se jim na jejich zařízení zobrazí zpráva o nově vydaném obsahu.

Důležité je také si uvědomit, že push notifikace nejsou vhodné pro každý typ webu. Uplatní se především na těch stránkách, kde pravidelně přidáváte nový obsah (e-magazíny, blogy).

## Jak nastavit push notifikace ve WordPress

Pro rozesílání oznámení je třeba využít nějakou službu, která se distribucí těchto zpráv zabývá.

V tomto návodu si ukážeme postup pro nastavení push notifikace ve WordPress pomocí [OneSignal](https://onesignal.com/). Tato služba je zcela zdarma a dokonce má pro WordPress integrační plugin.

### Příprava na integraci

I když One Signal nabízí integraci pro stránky běžící na HTTP i HTTPS, tak je výrazně lepší využít [HTTPS a nastavit SSL na vaší doméně](https://www.wplama.cz/jak-nastavit-wordpress-z-http-na-https/). Je to z toho důvodu, že přihlášení a web by poté musely být odděleny.

### Krok 1

Nainstalujte si integrační plugin [OneSignal – Free Web Push Notifications](https://cs.wordpress.org/plugins/onesignal-free-web-push-notifications/). Plugin se nachází v oficiálním katalogu pluginů a lze jej [nainstalovat přímo z WordPress administrace](https://www.wplama.cz/3-zpusoby-jak-nainstalovat-wordpress-plugin/).

[![OneSignal – Free Web Push Notifications](https://www.wplama.cz/wp-content/uploads/2018/03/onesignal-–-free-web-push-notifications-1024x322.png "OneSignal – Free Web Push Notifications")](https://www.wplama.cz/wp-content/uploads/2018/03 / onesignal-–-free-web-push-notifications.png)One Signal – Free Web Push Notifications

### Krok 2

Běžte na stránky [OneSignal a zaregistrujte se](https://onesignal.com/). Registrace je zdarma.

### Krok 3

Přihlašte se do One Signal a na základní obrazovce klikněte na dlaždici **Add a new app**. Zobrazí se vyskakovací okno, kam napište název projektu. Doporučuji používat například doménu webu, kam chcete push notifikaci přidat. Nakonec klikněte na tlačítko **Create**.

[![Vytvoření nové aplikace v OneSignal](https://www.wplama.cz/wp-content/uploads/2018/03/vytvoreni-nove-aplikace-v-onesignal-1024x571.png "Vytvoření nové aplikace v OneSignal")](https://www.wplama.cz/wp-content/uploads/2018/03 / vytvoreni-nove-aplikace-v-onesignal.png)Vytvoření nové aplikace v One Signal

#### Krok 4

Vyberte **Web push** a klikněte na tlačítko **Next**.

[![Výběr platformy](https://www.wplama.cz/wp-content/uploads/2018/03/vyber-platformy-1024x662.png "Výběr platformy")](https://www.wplama.cz/wp-content/uploads/2018/03 / vyber-platformy.png)Výběr platformy

### Krok 5

V horní části u bodu *1 Choose Integration* vyberte **Website Builder** a pod tím **WordPress**.

[![Nastavení pro integraci](https://www.wplama.cz/wp-content/uploads/2018/03/nastaveni-pro-integraci-1024x656.png "Nastavení pro integraci")](https://www.wplama.cz/wp-content/uploads/2018/03 / nastaveni-pro-integraci.png)Nastavení pro integraci

Ve spodní částí *2 WordPress Site* Setup vložte:

- SITE NAME – jméno stránky.
- SITE URL – URL adresu WordPress stránky.
- DEFAULT ICON URL (volitelné) – vložte URL na čtvercový obrázek, který se bude zobrazovat společně se zprávou. Ikona musí být 192 x 192 px a být dostupná přes HTTPS.

[![Nastavení WordPress stránky](https://www.wplama.cz/wp-content/uploads/2018/03/nastaveni-wordpress-stranky-1024x348.png "Nastavení WordPress stránky")](https://www.wplama.cz/wp-content/uploads/2018/03 / nastaveni-wordpress-stranky.png)Nastavení WordPress stránky

Nakonec klikněte na tlačítko **Save**.

### Krok 6

Nyní musíte vložit APP ID a APP KEY do WordPress pluginu.

[![API informace pro OneSignal](https://www.wplama.cz/wp-content/uploads/2018/03/api-informace-pro-onesignal-1024x415.png "API informace pro OneSignal")](https://www.wplama.cz/wp-content/uploads/2018/03 / api-informace-pro-onesignal.png)API informace pro One Signal

Běžte do WordPress stránky a v menu vyberte *One Signal Push* a v horní záložce vyberte *Configuration*.

Hned nahoře je sekce *Account Settings*. Vložte do ní API informace.

[![Místo pro API informace v OneSignal](https://www.wplama.cz/wp-content/uploads/2018/03/misto-pro-api-informace-v-onesignal-1024x473.png "Místo pro API informace v OneSignal")](https://www.wplama.cz/wp-content/uploads/2018/03 / misto-pro-api-informace-v-onesignal.png)Místo pro API informace v One Signal

### Krok 7

Nyní je třeba nastavit push notifikace pro Safari.

Vraťte se na záložku v prohlížeči One Signal a klikněte na tlačítko **Finish**. Dostanete se do nastavení (Settings) vaší aplikace. Klikněte na řádek **Apple Safari**. Zobrazí se okno, do kterého znovu vložte název vaší stránky a URL adresu. Nakonec klikněte na tlačítko **Save**.

[![Nastavení pro Apple Safari](https://www.wplama.cz/wp-content/uploads/2018/03/nastaveni-pro-apple-safari-1024x746.png "Nastavení pro Apple Safari")](https://www.wplama.cz/wp-content/uploads/2018/03 / nastaveni-pro-apple-safari.png)Nastavení pro Apple Safari

### Krok 8

Opět klikněte na řádek Apple Safari a zkopírujte si WEB ID pro Safari.

[![Safari WEB ID](https://www.wplama.cz/wp-content/uploads/2018/03/safari-web-id-1024x650.png "Safari WEB ID")](https://www.wplama.cz/wp-content/uploads/2018/03 / safari-web-id.png)Safari WEB ID

Vraťte se do nastavení pluginu a vložte WEB ID pro Safari.

[![Vložené API informace](https://www.wplama.cz/wp-content/uploads/2018/03/vlozene-api-informace-1024x494.png "Vložené API informace")](https://www.wplama.cz/wp-content/uploads/2018/03 / vlozene-api-informace.png)Vložené API informace

Vše uložte (tlačítko **Save** na konci stránky) a máte integrační proces hotový, od této chvíle vám na WordPress stránce funguje push notifikace.

## Nastavení pluginu One Signal

Hotovo ovšem vůbec ještě není, nyní byste ještě měli projít celé nastavení a upravit například texty nebo způsoby zobrazení.

Protože je nastavení velmi obsáhlé, tak jej nebudu procházet v návodu celé, ale zmíním jen to důležité a pod tento článek pak vložím doporučené nastavení.

### Prompt Settings & Subscription Bell

Zde nastavujete základní informace a způsoby zobrazení pro výzvu k přihlášení push notifikací.

**Automatically prompt new site visitors to subscribe to push notifications **– aktivujte, uživatelé budou automaticky dotázáni, zda se chtějí přihlásit k push notifikacím.

---

**Show the Slide Prompt before prompting users to subscribe** – aktivujte.

---

Aktivováním výše uvedeného uděláte, že se před samotným přihlášením zobrazí ještě informace, že chcete uživatele požádat o přihlášení. Je to z toho důvodu, že dotazy psané prohlížeči jsou obecné a uživatele by nemuseli vědět, co to dělají. Takže vzhledem k [GDPR](https://www.wplama.cz/uvod-do-gdpr-nejen-pro-wordpress-stranky/) je můžete nejprve informovat a požádat o souhlas. Text zobrazený na informačním okně můžete upravit v nastavení pluginu, dostaneme se k tomu.

[![Zpráva před samotným dotázáním na přihlášení k push notifikacím](https://www.wplama.cz/wp-content/uploads/2018/03/zprava-pred-samotnym-dotazanim-na-prihlaseni-k-push-notifikacim-1024x498.png "Zpráva před samotným dotázáním na přihlášení k push notifikacím")](https://www.wplama.cz/wp-content/uploads/2018/03 / zprava-pred-samotnym-dotazanim-na-prihlaseni-k-push-notifikacim.png)Zpráva před samotným dotázáním na přihlášení k push notifikacím

**Enable the Subscription Bell** – deaktivujte. Pokud nechcete používat automatické dotázání, je možné využít zvoneček. Ten zobrazí dotaz na přihlášení až poté, co na něj návštěvník webu klikne.

---

### HTTP Pop-Up Settings

Zde si můžete upravit text vyskakovacího okna, který informuje uživatele o tom, že ho chcete požádat o přihlášení k push notifikaci.

[![HTTP Pop-Up Settings](https://www.wplama.cz/wp-content/uploads/2018/03/http-pop-up-settings-1024x769.png "HTTP Pop-Up Settings")](https://www.wplama.cz/wp-content/uploads/2018/03 / http-pop-up-settings.png)HTTP Pop-Up Settings

### Welcome Notification Settings

Zde si můžete nastavit, jak má vypadat první zpráva, která se uživateli pošle po přihlášení k push notifikaci.

[![Welcome Notification Settings](https://www.wplama.cz/wp-content/uploads/2018/03/welcome-notification-settings.png "Welcome Notification Settings")](https://www.wplama.cz/wp-content/uploads/2018/03 / welcome-notification-settings.png)Welcome Notification Settings

### Vzorové nastavení pluginu One Signal

Níže se můžete podívat na vzorové nastavení, které se hodí pro většinu stránek.

[![OneSignal vzorové nastavení](https://www.wplama.cz/wp-content/uploads/2018/03/onesignal-vzorove-nastaveni-1-579x1024.png "OneSignal vzorové nastavení")](https://www.wplama.cz/wp-content/uploads/2018/03 / onesignal-vzorove-nastaveni-1.png)One Signal vzorové nastavení

## Automatická push notifikace na nově publikovaný obsah

Když nyní půjdete vytvářet nový příspěvek, všimněte si, že je zde nový box One Signal Push Notification, kde máte zaškrtávací položku. V závislosti na nastavení v pluginu One Singnal je položka automaticky zaškrtnutá nebo ne.

Pokud je zaškrtnutá, tak při publikování příspěvku bude posláno všem přihlášeným uživatelům oznámení o novém obsahu.

[![Box OneSignal Push Notification](https://www.wplama.cz/wp-content/uploads/2018/03/onesignal-push-notification.png "Box OneSignal Push Notification")](https://www.wplama.cz/wp-content/uploads/2018/03 / onesignal-push-notification.png)Box One Signal Push Notification

## Informace o počtu přihlášených a další informace

Základní informace o přihlášených uživatelích, jejich celkový počet, informace o prohlížečích a mnoho dalšího najdete na stránkách One Signal. Stačí se jen přihlásit a kliknout na aplikaci, kterou si chcete prohlédnout.

[![Grafy přihlášených uživatelů](https://www.wplama.cz/wp-content/uploads/2018/03/grafy-prihlasenych-uzivatelu-827x1024.png "Grafy přihlášených uživatelů")](https://www.wplama.cz/wp-content/uploads/2018/03 / grafy-prihlasenych-uzivatelu.png)Grafy přihlášených uživatelů

Zároveň zde najdete i statistiky kolika uživatelům chodí oznámení a kolik lidí si z něj prokliklo do článku.

[![Informace k poslaným oznámením](https://www.wplama.cz/wp-content/uploads/2018/03/informace-k-poslanym-oznamenim-1024x460.png "Informace k poslaným oznámením")](https://www.wplama.cz/wp-content/uploads/2018/03 / informace-k-poslanym-oznamenim.png)Informace k poslaným oznámením

*Osobně se mi push notifikace velmi líbí a vidím v nich náhradu za newsletter. Přihlášení je velmi snadné a návštěvník webu nemusí vůbec nic vyplňovat. Push notifikace na svém blogu používám rok a v porovnání s newsletterem můžu říci, že počet přihlášení k push notifikacím je výrazně vyšší než do newsletteru a dokonce i proklikovost z upozornění na nově vydaný obsah je vyšší.*