{"id":10760,"date":"2024-06-18T13:04:13","date_gmt":"2024-06-18T12:04:13","guid":{"rendered":"https:\/\/help.expertsender.com\/?post_type=ecdp&#038;p=10760"},"modified":"2025-10-01T09:23:41","modified_gmt":"2025-10-01T08:23:41","slug":"konfiguracja-web-push","status":"publish","type":"ecdp","link":"https:\/\/help.expertsender.com\/pl\/ecdp\/konfiguracja-web-push\/","title":{"rendered":"Web push \u2013 konfiguracja"},"content":{"rendered":"\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Konfiguracja i wysy\u0142ka web pushy\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/BOD4vYZVArg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Tutaj znajdziesz instrukcje jak skonfigurowa\u0107 kana\u0142 web push dla swojej strony.<\/p>\n\n\n\n<div class=\"infobox infobox-yellow\">\n  <div class=\"infobox-inner\">\n    <div class=\"infobox-icon\">\n      <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 8.62988C12.4142 8.62988 12.75 8.96567 12.75 9.37988V13.1199C12.75 13.5341 12.4142 13.8699 12 13.8699C11.5858 13.8699 11.25 13.5341 11.25 13.1199V9.37988C11.25 8.96567 11.5858 8.62988 12 8.62988Z\" fill=\"currentColor\"\/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.9939 15.375C11.9956 15.375 11.9973 15.375 11.999 15.375C12.0238 15.375 12.0483 15.3762 12.0725 15.3786C12.5566 15.4197 12.999 15.8152 12.999 16.375C12.999 16.6701 12.8662 16.9159 12.7031 17.0791C12.5399 17.2422 12.2941 17.375 11.999 17.375C11.4255 17.375 10.999 16.8997 10.999 16.375C10.999 15.845 11.4067 15.4141 11.9271 15.3775C11.9475 15.3759 11.9681 15.375 11.989 15.375C11.9906 15.375 11.9923 15.375 11.9939 15.375Z\" fill=\"currentColor\"\/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.3559 4.5009C12.7442 3.42451 11.2053 3.42989 10.6034 4.4984L10.6015 4.50185L2.95204 17.9156C2.34706 18.9735 3.11079 20.2903 4.32998 20.2903H19.65C20.8644 20.2903 21.6305 18.965 21.0286 17.9168L21.0276 17.9151L13.4395 4.61952C13.4081 4.58298 13.38 4.54329 13.3559 4.5009ZM14.5885 3.63986C13.3595 1.67728 10.4533 1.71162 9.29754 3.76042C9.2972 3.76102 9.29686 3.76162 9.29652 3.76222L1.64993 17.171C1.64984 17.1711 1.64976 17.1713 1.64967 17.1714C0.473119 19.2295 1.95934 21.7903 4.32998 21.7903H19.65C22.0132 21.7903 23.5071 19.2223 22.3299 17.1707C22.3297 17.1704 22.3296 17.1701 22.3294 17.1699L14.6804 3.76755C14.6541 3.72162 14.6233 3.67887 14.5885 3.63986Z\" fill=\"currentColor\"\/><\/svg>    <\/div>\n    <div class=\"infobox-content\">\n                    <div class=\"infobox-text\">\n          <p>Powiadomienia web push, kt\u00f3re stworzysz w platformie ExpertSender CDP:<\/p>\n<ul>\n<li><strong>b\u0119d\u0105 wy\u015bwietlane w przegl\u0105darkach<\/strong> na telefonach kom\u00f3rkowych i laptopach.<\/li>\n<li><strong>nie b\u0119d\u0105 wy\u015bwietla\u0142y si\u0119 w aplikacjach.<\/strong><\/li>\n<\/ul>\n        <\/div>\n          <\/div>\n  <\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"wymagania\">Wymagania<a href=\"#wymagania\" class=\"not-prose content-heading-link\">#<\/a><\/h2>\n\n\n\n<p>Zanim skonfigurujesz kana\u0142 web push:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>W ustawieniach <a href=\"https:\/\/help.expertsender.com\/pl\/ecdp\/ustawienia-web-tracking\/#ustawienia-dodawanie-strony-www\"><strong>dodaj stron\u0119 internetow\u0105<\/strong><\/a>, z kt\u00f3rej chcesz wysy\u0142a\u0107 powiadomienia web push.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/help.expertsender.com\/pl\/ecdp\/konfiguracja-konta-w-expertsender\/#konfiguracja-kanalu-web-tracking\">Skonfiguruj kana\u0142 Web Tracking<\/a><\/strong>, czyli \u015bledzenie ruchu na Twojej stronie.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"konfiguracja-web-push\">Konfiguracja kana\u0142u web push<\/h2>\n\n\n\n<p>Kana\u0142 web push mo\u017cesz skonfigurowa\u0107 i uruchomi\u0107 dla ka\u017cdej strony, kt\u00f3r\u0105 dodajesz do platformy.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Przejd\u017a do <strong>Ustawienia <\/strong>&gt;<strong> Web push <\/strong>&gt;<strong> Web push.<\/strong><\/li>\n\n\n\n<li>Znajd\u017a stron\u0119, dla kt\u00f3rej chcesz skonfigurowa\u0107 i uruchomi\u0107 kana\u0142 web push.<\/li>\n\n\n\n<li>Kliknij ikon\u0119 <strong>Konfiguruj<\/strong> &lt;\/&gt;.<\/li>\n<\/ol>\n\n\n\n<p>Kolejne kroki konfiguracji b\u0119d\u0105 si\u0119 r\u00f3\u017cni\u0107, w zale\u017cno\u015bci od tego, czy masz na serwerze umieszczony plik <em>service worker<\/em>, czy nie.<\/p>\n\n\n\n<p><em>Service worker<\/em> to plik w j\u0119zyku JavaScript, kt\u00f3ry odpowiada za dostarczanie powiadomie\u0144 web push u\u017cytkownikom Twojej strony, nawet gdy jej nie przegl\u0105daj\u0105.<\/p>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Wybierz odpowiedni scenariusz konfiguracji:<\/p>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--10)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"konfiguracja-web-push-mam-plik-service-worker\">Mam plik service worker na serwerze<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>W oknie <strong>Skonfiguruj web push<\/strong> rozwi\u0144 zak\u0142adk\u0119 <strong>Mam plik service worker na serwerze<\/strong>.<\/li>\n\n\n\n<li>Skopiuj kod widoczny w oknie<\/li>\n\n\n\n<li><strong>Zaloguj si\u0119 do serwera<\/strong>, na kt\u00f3rym jest umieszczona Twoja strona.<\/li>\n\n\n\n<li><strong>Znajd\u017a plik service worker<\/strong> na swoim serwerze, np. za pomoc\u0105 narz\u0119dzia do zarz\u0105dzania plikami. Plik service worker zazwyczaj nazywa si\u0119 service-worker.js, sw.js lub podobnie. Najcz\u0119\u015bciej znajdziesz go:\n<ul class=\"wp-block-list\">\n<li><span style=\"color: var(--tw-prose-body); font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">W katalogu g\u0142\u00f3wnym serwera (root directory), np<\/span><strong style=\"font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">. <\/strong><span style=\"color: var(--tw-prose-body); font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">[\/service-worker.js]<\/span><\/li>\n\n\n\n<li>W katalogu [public], np. [\/public\/service-worker.js]<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Otw\u00f3rz plik service worker w trybie do edycji<\/strong>. Mo\u017cesz u\u017cy\u0107 do tego edytora dost\u0119pnego na serwerze lub pobra\u0107 plik na sw\u00f3j komputer, a nast\u0119pnie otworzy\u0107 go w edytorze tekstu, np. w Notatniku.<\/li>\n\n\n\n<li><strong>Wklej skopiowany kod na pocz\u0105tku lub na ko\u0144cu pliku<\/strong>. Zwr\u00f3\u0107 uwag\u0119, aby nie wklei\u0107 go pomi\u0119dzy inne funkcje. W przeciwnym razie plik nie b\u0119dzie dzia\u0142a\u0142 poprawnie.<\/li>\n\n\n\n<li><strong>Zapisz plik<\/strong>.<\/li>\n\n\n\n<li>Je\u015bli plik by\u0142 edytowany lokalnie, prze\u015blij go z powrotem na serwer do odpowiedniego katalogu, podmieniaj\u0105c stary plik. Plik musi by\u0107 umieszczony zgodnie z domen\u0105, np:\n<ul class=\"wp-block-list\">\n<li>dla https:\/\/www.TwojaStrona.com >  https:\/\/www.TwojaStrona.com\/service-worker.js <\/li>\n\n\n\n<li>dla https:\/\/www.sklep.TwojaStrona.com > https:\/\/www.sklep. TwojaStrona.com\/service-worker.js <\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Skopiuj lokalizacj\u0119 pliku service worker. Powinna mie\u0107 form\u0119 \u015bcie\u017cki URL, np:\n<ul class=\"wp-block-list\">\n<li>https:\/\/www.TwojaStrona.com\/service-worker.js \u2013 je\u015bli plik znajduje si\u0119 w katalogu g\u0142\u00f3wnym.<\/li>\n\n\n\n<li>https:\/\/www.TwojaStrona.com\/public\/service-worker.js \u2013 je\u015bli plik znajduje si\u0119 w katalogu [public].<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Wr\u00f3\u0107 do okna <strong>Skonfiguruj web push<\/strong> w platformie, dost\u0119pnego w <strong>Ustawienia <\/strong>&gt;<strong> Web push <\/strong>&gt;<strong> Web push <\/strong>&gt;<strong> Konfiguruj &lt;\/&gt;<\/strong>.<\/li>\n\n\n\n<li>W oknie <strong>Sprawd\u017a status pliku service worker<\/strong> wklej skopiowan\u0105 \u015bcie\u017ck\u0119 URL.<\/li>\n\n\n\n<li>Kliknij <strong>Weryfikuj status pliku<\/strong>. W ten spos\u00f3b sprawdzimy, czy plik jest dost\u0119pny, a wklejony kod dzia\u0142a prawid\u0142owo.<\/li>\n\n\n\n<li>Po pomy\u015blnej weryfikacji kliknij <strong>Zapisz<\/strong>.<\/li>\n\n\n\n<li><strong>Status kana\u0142u<\/strong> dla tej strony zmieni si\u0119 na <strong>Aktywny<\/strong>. Znajdziesz go w tabeli dost\u0119pnej w <strong>Ustawienia <\/strong>&gt; <strong>Web push<\/strong>.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"konfiguracja-web-push-nie-mam-pliku-service-worker\">Nie mam pliku service worker na serwerze<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>W oknie Skonfiguruj web push rozwi\u0144 zak\u0142adk\u0119 Nie mam pliku service worker na serwerze.<\/li>\n\n\n\n<li>Kliknij<strong> Pobierz plik service worker<\/strong>. W pliku znajduje si\u0119 ju\u017c nasz kod, dzi\u0119ki kt\u00f3remu przegl\u0105darka b\u0119dzie mog\u0142a wy\u015bwietla\u0107 powiadomienia wszystkim odbiorcom.<\/li>\n\n\n\n<li><strong>Zaloguj si\u0119 do serwera<\/strong>, na kt\u00f3rym jest umieszczona Twoja strona.<\/li>\n\n\n\n<li>Za pomoc\u0105 narz\u0119dzia do zarz\u0105dzania plikami <strong>umie\u015b\u0107 pobrany plik service worker<\/strong> na swoim serwerze. Najcz\u0119\u015bciej wybierane lokalizacje dla tego pliku to:\n<ul class=\"wp-block-list\">\n<li><span style=\"color: var(--tw-prose-body); font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">Katalog g\u0142\u00f3wny serwera (root directory)<\/span>.<\/li>\n\n\n\n<li>Katalog [public].<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Plik musi by\u0107 umieszczony zgodnie z domen\u0105, np:\n<ul class=\"wp-block-list\">\n<li>dla https:\/\/www.TwojaStrona.com &gt;  https:\/\/www.TwojaStrona.com\/service-worker.js <\/li>\n\n\n\n<li>dla https:\/\/www.sklep.TwojaStrona.com &gt; https:\/\/www.sklep. TwojaStrona.com\/service-worker.js <\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Skopiuj lokalizacj\u0119 pliku. Powinna mie\u0107 form\u0119 \u015bcie\u017cki URL, np:\n<ul class=\"wp-block-list\">\n<li>https:\/\/www.TwojaStrona.com\/service-worker.js \u2013 je\u015bli plik znajduje si\u0119 w katalogu g\u0142\u00f3wnym<\/li>\n\n\n\n<li>https:\/\/www.TwojaStrona.com\/public\/service-worker.js \u2013 je\u015bli plik znajduje si\u0119 w katalogu [public]<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Wr\u00f3\u0107 do okna <strong>Skonfiguruj web push<\/strong> w platformie, dost\u0119pnego w <strong>Ustawienia <\/strong>&gt;<strong> Web push <\/strong>&gt;<strong> Web push <\/strong>&gt;<strong> Konfiguruj &lt;\/&gt;<\/strong>.<\/li>\n\n\n\n<li>W oknie <strong>Sprawd\u017a status pliku service worker<\/strong> wklej skopiowan\u0105 \u015bcie\u017ck\u0119 URL.<\/li>\n\n\n\n<li>Kliknij <strong>Weryfikuj status pliku<\/strong>. W ten spos\u00f3b sprawdzimy, czy plik jest dost\u0119pny, a wklejony kod dzia\u0142a prawid\u0142owo.<\/li>\n\n\n\n<li>Po pomy\u015blnej weryfikacji kliknij <strong>Zapisz<\/strong>.<\/li>\n\n\n\n<li><strong>Status kana\u0142u<\/strong> dla tej strony zmieni si\u0119 na <strong>Aktywny<\/strong>. Znajdziesz go w tabeli dost\u0119pnej w Ustawienia &gt; Web push.<\/li>\n<\/ol>\n\n\n\n<p>Kana\u0142 web push jest gotowy do dzia\u0142ania.<\/p>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"nieudana-konfiguracja-web-push-co-robic\">Co zrobi\u0107, gdy konfiguracja web push nie uda\u0142a si\u0119?<\/h3>\n\n\n\n<p>Najcz\u0119stsze przyczyny problem\u00f3w z konfiguracj\u0105 web push i jak je rozwi\u0105za\u0107 znajdziesz poni\u017cej:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Przyczyna<\/strong><\/td><td><strong>Co mam zrobi\u0107?<\/strong><\/td><\/tr><tr><td>Strona www nie jest skonfigurowana.<\/td><td><strong><u>Dodaj nasz kod \u015bledz\u0105cy na stron\u0119<\/u><\/strong>, z kt\u00f3rej chcesz wysy\u0142a\u0107 powiadomienia web push.<\/td><\/tr><tr><td>W podanej lokalizacji nie ma pliku service worker.<\/td><td>Wklej \u015bcie\u017ck\u0119 URL z prawid\u0142ow\u0105 lokalizacj\u0105 pliku lub przenie\u015b plik do miejsca, kt\u00f3re zosta\u0142o podane w sekcji <strong>Sprawd\u017a status pliku service worker<\/strong>. Ponownie zweryfikuj plik.<\/td><\/tr><tr><td>Kod zosta\u0142 dodany do pliku service worker w nieodpowiednim miejscu.<\/td><td>Wklej kod na samym pocz\u0105tku lub na samym ko\u0144cu pliku. Ponownie zweryfikuj plik.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"konfiguracja-web-push-nastepne-kroki\">Nast\u0119pne kroki<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><span style=\"text-decoration: underline;\"><a href=\"https:\/\/help.expertsender.com\/pl\/ecdp\/tworzenie-prosb-o-zgode-na-wysylanie-powiadomien-web-push\/\">Stw\u00f3rz pro\u015bb\u0119 o zgod\u0119 na wysy\u0142anie powiadomie\u0144 web push<\/a><\/span><\/strong><\/li>\n\n\n\n<li><strong><a href=\"https:\/\/help.expertsender.com\/pl\/ecdp\/web-push\/\">Stw\u00f3rz powiadomienie web push<\/a><\/strong><\/li>\n<\/ul>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"template":"","ecdp-category":[110,101],"class_list":["post-10760","ecdp","type-ecdp","status-publish","hentry","ecdp-category-integracje","ecdp-category-ustawienia"],"acf":[],"_links":{"self":[{"href":"https:\/\/help.expertsender.com\/pl\/wp-json\/wp\/v2\/ecdp\/10760","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.expertsender.com\/pl\/wp-json\/wp\/v2\/ecdp"}],"about":[{"href":"https:\/\/help.expertsender.com\/pl\/wp-json\/wp\/v2\/types\/ecdp"}],"author":[{"embeddable":true,"href":"https:\/\/help.expertsender.com\/pl\/wp-json\/wp\/v2\/users\/6"}],"version-history":[{"count":17,"href":"https:\/\/help.expertsender.com\/pl\/wp-json\/wp\/v2\/ecdp\/10760\/revisions"}],"predecessor-version":[{"id":15581,"href":"https:\/\/help.expertsender.com\/pl\/wp-json\/wp\/v2\/ecdp\/10760\/revisions\/15581"}],"wp:attachment":[{"href":"https:\/\/help.expertsender.com\/pl\/wp-json\/wp\/v2\/media?parent=10760"}],"wp:term":[{"taxonomy":"ecdp-category","embeddable":true,"href":"https:\/\/help.expertsender.com\/pl\/wp-json\/wp\/v2\/ecdp-category?post=10760"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}