{"id":10775,"date":"2024-06-19T08:22:44","date_gmt":"2024-06-19T07:22:44","guid":{"rendered":"https:\/\/help.expertsender.com\/?post_type=ecdp&#038;p=10775"},"modified":"2025-08-27T08:47:20","modified_gmt":"2025-08-27T07:47:20","slug":"tworzenie-prosb-o-zgode-na-wysylanie-powiadomien-web-push","status":"publish","type":"ecdp","link":"https:\/\/help.expertsender.com\/pl\/ecdp\/tworzenie-prosb-o-zgode-na-wysylanie-powiadomien-web-push\/","title":{"rendered":"Tworzenie pr\u00f3\u015bb o zgod\u0119 na wysy\u0142anie powiadomie\u0144 web push"},"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?start=122&#038;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>Zanim wy\u015blesz pierwsze powiadomienie web push od swoich klient\u00f3w, musisz uzyska\u0107 od nich zgod\u0119 na tak\u0105 komunikacj\u0119. Pro\u015bby te s\u0105 wy\u015bwietlane s\u0105 w przegl\u0105darce.<\/p>\n\n\n\n<p>Jakie rodzaje pr\u00f3\u015bb o zgod\u0119 stworzysz w ECDP i czym si\u0119 one r\u00f3\u017cni\u0105?<\/p>\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=\"spersonalizowana-prosba-o-zgode\">Spersonalizowana pro\u015bba o zgod\u0119<\/h2>\n\n\n\n<p>Spersonalizowana pro\u015bba o zgod\u0119 dzia\u0142a podobnie do zgody double opt-in. Odbiorcy wy\u015bwietlane s\u0105 po kolei dwa powiadomienia:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Najpierw <strong>spersonalizowane powiadomienie w formie pop-upu<\/strong>. Jego tre\u015b\u0107 i warunki wy\u015bwietlania ustawiasz samodzielnie. Gdy odbiorca zaakceptuje pro\u015bb\u0119, przegl\u0105darka wy\u015bwietli kolejn\u0105 pro\u015bb\u0119.<\/li>\n\n\n\n<li>Nast\u0119pnie <strong>powiadomienie systemowe<\/strong> z przegl\u0105darki, kt\u00f3re jest w\u0142a\u015bciw\u0105 pro\u015bb\u0105 o zgod\u0119.<\/li>\n<\/ol>\n\n\n\n<p>Odbiorca musi wyrazi\u0107 zgod\u0119 klikaj\u0105c na powiadomienia web push zaakceptowa\u0107 oba powiadomienia<\/p>\n\n\n\n<p>Czym charakteryzuje si\u0119 spersonalizowana pro\u015bba o zgod\u0119?<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Kontrol\u0105 nad wy\u015bwietlaniem<\/strong>: to Ty decydujesz, kiedy i gdzie pojawi si\u0119 pop-up. Mo\u017cesz wskaza\u0107 stron\u0119, czas sesji lub liczb\u0119 odwiedzonych stron.<\/li>\n\n\n\n<li><strong>Personalizacj\u0105<\/strong>: pop-up dostosowujesz do charakteru swojej marki, dodaj\u0105c logo, w\u0142asn\u0105 tre\u015b\u0107 i unikalne przyciski.<\/li>\n\n\n\n<li><strong>Zwi\u0119kszon\u0105 jako\u015bci\u0105 bazy odbiorc\u00f3w i reputacj\u0105 domeny<\/strong>: u\u017cytkownicy ch\u0119tniej udzielaj\u0105 zgody, gdy rozumiej\u0105 jej cel. W tre\u015bci pro\u015bby mo\u017cesz wskaza\u0107 korzy\u015bci, co zwi\u0119ksza konwersj\u0119. Niekt\u00f3re przegl\u0105darki blokuj\u0105 powiadomienia, je\u015bli nie by\u0142o wcze\u015bniejszej interakcji z witryn\u0105.<\/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<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"stworz-spersonalizowana-prosbe-o-zgode\">Stw\u00f3rz spersonalizowan\u0105 pro\u015bb\u0119 o zgod\u0119<a href=\"#stworz-spersonalizowana-prosbe-o-zgode\" class=\"not-prose content-heading-link\">#<\/a><\/h3>\n\n\n\n<p> pro\u015bb\u0119 o zgod\u0119<\/p>\n\n\n\n<ol id=\"stworz-personalizowana-prosbe-o-zgode\" class=\"wp-block-list\">\n<li>W <strong>Ustawienia <\/strong>&gt;<strong> Web push <\/strong>&gt;<strong> Pro\u015bby o zgod\u0119<\/strong> kliknij <strong>Stw\u00f3rz pro\u015bb\u0119 o zgod\u0119 <\/strong>&gt;<strong> Spersonalizowana<\/strong>.<\/li>\n\n\n\n<li>W sekcji <strong>Podstawowe ustawienia<\/strong>:\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));\">Nadaj <\/span><strong style=\"font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">nazw\u0119 <\/strong><span style=\"color: var(--tw-prose-body); font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">tworzonej pro\u015bbie, \u017ceby \u0142atwiej odnale\u017a\u0107 j\u0105 w\u015br\u00f3d innych pr\u00f3\u015bb.<\/span><\/li>\n\n\n\n<li><span style=\"color: var(--tw-prose-body); font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">Wybierz <\/span><strong style=\"font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">stron\u0119<\/strong><span style=\"color: var(--tw-prose-body); font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">, na kt\u00f3rej chcesz wy\u015bwietli\u0107 pro\u015bb\u0119 o zgod\u0119.<\/span><\/li>\n\n\n\n<li><span style=\"color: var(--tw-prose-body); font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">Ustaw<\/span><strong style=\"font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\"> zakres czasowy<\/strong><span style=\"color: var(--tw-prose-body); font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">, w kt\u00f3rym chcesz wy\u015bwietla\u0107 pro\u015bb\u0119.<\/span><\/li>\n\n\n\n<li><span style=\"color: var(--tw-prose-body); font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">W sekcji <\/span><strong style=\"font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">cz\u0119stotliwo\u015b\u0107<\/strong><span style=\"color: var(--tw-prose-body); font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\"> ustaw, czy pro\u015bba ma wy\u015bwietla\u0107 si\u0119 raz na sesj\u0119, czy mo\u017ce w wybranym odst\u0119pie czasu.<\/span><\/li>\n\n\n\n<li>Dla pro\u015bby natywnej mo\u017cesz ustawi\u0107 <strong>\u015bledzenie<\/strong>, dodaj\u0105c w\u0142asne parametry lub Google Analytics.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2024\/06\/prosba-natywna-web-push-ustawienia.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"2275\" class=\"wp-image-14747\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2024\/06\/prosba-natywna-web-push-ustawienia.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2024\/06\/prosba-natywna-web-push-ustawienia.png 700w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2024\/06\/prosba-natywna-web-push-ustawienia-240x300.png 240w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>W sekcji <strong>Zdarzenie<\/strong> z<span style=\"color: var(--tw-prose-body); font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">decyduj, na jakie zdarzenie ma by\u0107 wy\u015bwietlona pro\u015bba o zgod\u0119:<\/span>\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));\"><strong>Wej\u015bcie<\/strong>&nbsp;\u2013 pro\u015bba wy\u015bwietli si\u0119 przy wej\u015bciu u\u017cytkownika na stron\u0119.<\/span><\/li>\n\n\n\n<li><strong>Pr\u00f3ba wyj\u015bcia<\/strong>&nbsp;\u2013 pro\u015bba wy\u015bwietli si\u0119, gdy u\u017cytkownik wyjedzie kursorem poza okno strony sklepu.<\/li>\n\n\n\n<li><strong>Przewijanie<\/strong>&nbsp;\u2013 pro\u015bba poka\u017ce si\u0119, gdy u\u017cytkownik zacznie przewija\u0107 stron\u0119. Ustaw pr\u00f3g (g\u0142\u0119boko\u015b\u0107 przewijania strony w proc.), kt\u00f3rego mini\u0119cie wywo\u0142a okno z pro\u015bba o zgod\u0119.<\/li>\n\n\n\n<li><strong>Zdarzenie niestandardowe&nbsp;<\/strong>\u2013 pro\u015bba wy\u015bwietli si\u0119 w wyniku wykonania jakiej\u015b akcji przez u\u017cytkownika w Twoim sklepie, np. klikni\u0119cia przycisku lub linku, zamiast od razu po wej\u015bciu na stron\u0119. Aby skorzysta\u0107 ze zdarzenia niestandardowego, trzeba wykona\u0107 kilka dodatkowych krok\u00f3w. Instrukcj\u0119 znajdziesz w sekcji&nbsp;<strong><a href=\"https:\/\/help.expertsender.com\/pl\/ecdp\/tworzenie-prosb-o-zgode-na-wysylanie-powiadomien-web-push\/#zdarzenie-niestandardowe-konfiguracja\">Jak skonfigurowa\u0107 zdarzenie niestandardowe<\/a><\/strong>.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2024\/06\/prosba-natywna-web-push-zachowanie.png.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"1752\" class=\"wp-image-14751\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2024\/06\/prosba-natywna-web-push-zachowanie.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2024\/06\/prosba-natywna-web-push-zachowanie.png 699w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2024\/06\/prosba-natywna-web-push-zachowanie-300x289.png 300w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><span style=\"color: var(--tw-prose-body); font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">Nast\u0119pnie wybierz dodatkowe <\/span><strong style=\"font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">warunki <\/strong><span style=\"color: var(--tw-prose-body); font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">wy\u015bwietlania pro\u015bby, takie jak adres lub typ strony, na kt\u00f3rej chcesz wy\u015bwietli\u0107 pro\u015bb\u0119 lub czas trwania sesji.<\/span><a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/pop-up-zachowanie-warunki-czas-sesji.png.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"1063\" class=\"wp-image-12955\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/pop-up-zachowanie-warunki-czas-sesji.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/pop-up-zachowanie-warunki-czas-sesji.png 661w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/pop-up-zachowanie-warunki-czas-sesji-300x175.png 300w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n\n\n\n<li>Na ko\u0144cu zdecyduj, komu chcesz wy\u015bwietli\u0107 pro\u015bb\u0119.<\/li>\n\n\n\n<li>W kroku <strong>Tre\u015b\u0107 <\/strong>zaprojektuj pop-up z pro\u015bb\u0105 o zgod\u0119, kt\u00f3ry jako pierwszy wy\u015bwietli si\u0119 Twoim odbiorcom. Pop-up jest w pe\u0142ni edytowalny, \u0142atwo nadasz mu charakter zgodny ze stylem w\u0142asnej marki.&nbsp;<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2024\/06\/prosba-spersonalizowana-web-push-tresc.png.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"709\" class=\"wp-image-14756\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2024\/06\/prosba-spersonalizowana-web-push-tresc.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2024\/06\/prosba-spersonalizowana-web-push-tresc.png 1852w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2024\/06\/prosba-spersonalizowana-web-push-tresc-300x117.png 300w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2024\/06\/prosba-spersonalizowana-web-push-tresc-1024x399.png 1024w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2024\/06\/prosba-spersonalizowana-web-push-tresc-768x299.png 768w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2024\/06\/prosba-spersonalizowana-web-push-tresc-1536x598.png 1536w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n\n\n\n<li>W sekcji <strong>Podsumowanie<\/strong> znajdziesz podgl\u0105d pro\u015bby o zgod\u0119 oraz list\u0119 wszystkich ustawie\u0144.<\/li>\n\n\n\n<li>Kliknij <strong>Aktywuj<\/strong>, \u017ceby pro\u015bba zacz\u0119\u0142a si\u0119 wy\u015bwietla\u0107 odbiorcom.<\/li>\n<\/ol>\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=\"natywna-prosba-o-zgode\">Natywna pro\u015bba o zgod\u0119<\/h2>\n\n\n\n<p>Natywna pro\u015bba o zgod\u0119 dzia\u0142a na zasadzie zgody <em>single opt-in<\/em>. Odbiorca otrzymuje tylko jedno systemowe powiadomienie z u\u017cywanej przegl\u0105darki, w kt\u00f3rym potwierdza czy chce dostawa\u0107 od Ciebie powiadomienia web push.<\/p>\n\n\n\n<p>Czym wyr\u00f3\u017cnia si\u0119 natywna pro\u015bba o zgod\u0119?<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Wysok\u0105 konwersj\u0105<\/strong>: ten typ pro\u015bby charakteryzuje si\u0119 wysok\u0105 skuteczno\u015bci\u0105 w uzyskiwaniu zg\u00f3d od u\u017cytkownik\u00f3w.<\/li>\n\n\n\n<li><strong>Brakiem mo\u017cliwo\u015bci modyfikacji<\/strong>: nie masz mo\u017cliwo\u015bci zmiany tre\u015bci ani wygl\u0105du pro\u015bby o zgod\u0119.<\/li>\n\n\n\n<li><strong>Zale\u017cno\u015bci\u0105 od przegl\u0105darki<\/strong>: Wy\u015bwietlenie pro\u015bby zale\u017cy od ustawie\u0144 przegl\u0105darki u\u017cytkownika.<\/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<h3 class=\"wp-block-heading\" id=\"stworz-natywna-prosbe-o-zgode\">Stw\u00f3rz natywn\u0105 pro\u015bb\u0119 o zgod\u0119<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>W <strong>Ustawienia <\/strong>&gt;<strong> Web push <\/strong>&gt;<strong> Pro\u015bby o zgod\u0119<\/strong> kliknij <strong>Stw\u00f3rz pro\u015bb\u0119 o zgod\u0119 <\/strong>&gt;<strong> Natywna<\/strong>.<\/li>\n\n\n\n<li>W sekcji <strong>Podstawowe ustawienia<\/strong>:\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));\">Nadaj <\/span><strong style=\"font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">nazw\u0119 <\/strong><span style=\"color: var(--tw-prose-body); font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">tworzonej pro\u015bbie, \u017ceby \u0142atwiej odnale\u017a\u0107 j\u0105 w\u015br\u00f3d innych pr\u00f3\u015bb.<\/span><\/li>\n\n\n\n<li><span style=\"color: var(--tw-prose-body); font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">Wybierz <\/span><strong style=\"font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">stron\u0119<\/strong><span style=\"color: var(--tw-prose-body); font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">, na kt\u00f3rej chcesz wy\u015bwietli\u0107 pro\u015bb\u0119 o zgod\u0119.<\/span><\/li>\n\n\n\n<li><span style=\"color: var(--tw-prose-body); font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">Ustaw<\/span><strong style=\"font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\"> zakres czasowy<\/strong><span style=\"color: var(--tw-prose-body); font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">, w kt\u00f3rym chcesz wy\u015bwietla\u0107 pro\u015bb\u0119.<\/span><\/li>\n\n\n\n<li><span style=\"color: var(--tw-prose-body); font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">W sekcji <\/span><strong style=\"font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">cz\u0119stotliwo\u015b\u0107<\/strong><span style=\"color: var(--tw-prose-body); font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\"> ustaw, czy pro\u015bba ma wy\u015bwietla\u0107 si\u0119 raz na sesj\u0119, czy mo\u017ce w wybranym odst\u0119pie czasu.<\/span><\/li>\n\n\n\n<li>Dla pro\u015bby natywnej mo\u017cesz ustawi\u0107 <strong>\u015bledzenie<\/strong>, dodaj\u0105c w\u0142asne parametry lub Google Analytics.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2024\/06\/prosba-natywna-web-push-ustawienia.png.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"2275\" class=\"wp-image-14747\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2024\/06\/prosba-natywna-web-push-ustawienia.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2024\/06\/prosba-natywna-web-push-ustawienia.png 700w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2024\/06\/prosba-natywna-web-push-ustawienia-240x300.png 240w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>W sekcji <strong>Zachowanie<\/strong>\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));\">Zdecyduj, na jakie zdarzenie ma by\u0107 wy\u015bwietlona pro\u015bba o zgod\u0119: wej\u015bcie na stron\u0119, pr\u00f3ba wyj\u015bcia ze strony czy przewijanie strony.<\/span>\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));\"><strong>Wej\u015bcie<\/strong>&nbsp;\u2013 pro\u015bba wy\u015bwietli si\u0119 przy wej\u015bciu u\u017cytkownika na stron\u0119.<\/span><\/li>\n\n\n\n<li><strong>Pr\u00f3ba wyj\u015bcia<\/strong>&nbsp;\u2013 pro\u015bba wy\u015bwietli si\u0119, gdy u\u017cytkownik wyjedzie kursorem poza okno strony sklepu.<\/li>\n\n\n\n<li><strong>Przewijanie<\/strong>&nbsp;\u2013 pro\u015bba poka\u017ce si\u0119, gdy u\u017cytkownik zacznie przewija\u0107 stron\u0119. Ustaw pr\u00f3g (g\u0142\u0119boko\u015b\u0107 przewijania strony w proc.), kt\u00f3rego mini\u0119cie wywo\u0142a okno z pro\u015bba o zgod\u0119.<\/li>\n\n\n\n<li><strong>Zdarzenie niestandardowe&nbsp;<\/strong>\u2013 pro\u015bba wy\u015bwietli si\u0119 w wyniku wykonania jakiej\u015b akcji przez u\u017cytkownika w Twoim sklepie, np. klikni\u0119cia przycisku lub linku, zamiast od razu po wej\u015bciu na stron\u0119. Aby skorzysta\u0107 ze zdarzenia niestandardowego, trzeba wykona\u0107 kilka dodatkowych krok\u00f3w. Instrukcj\u0119 znajdziesz w sekcji&nbsp;<strong><a href=\"https:\/\/help.expertsender.com\/pl\/ecdp\/tworzenie-prosb-o-zgode-na-wysylanie-powiadomien-web-push\/#zdarzenie-niestandardowe-konfiguracja\">Jak skonfigurowa\u0107 zdarzenie niestandardowe<\/a><\/strong>.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2024\/06\/prosba-natywna-web-push-zachowanie.png.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"1752\" class=\"wp-image-14751\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2024\/06\/prosba-natywna-web-push-zachowanie.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2024\/06\/prosba-natywna-web-push-zachowanie.png 699w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2024\/06\/prosba-natywna-web-push-zachowanie-300x289.png 300w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><span style=\"color: var(--tw-prose-body); font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">Nast\u0119pnie wybierz dodatkowe <\/span><strong style=\"font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">warunki <\/strong><span style=\"color: var(--tw-prose-body); font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">wy\u015bwietlania pro\u015bby, takie jak adres lub typ strony, na kt\u00f3rej chcesz wy\u015bwietli\u0107 pro\u015bb\u0119 lub czas trwania sesji.<\/span><a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/pop-up-zachowanie-warunki-czas-sesji.png.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"1063\" class=\"wp-image-12955\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/pop-up-zachowanie-warunki-czas-sesji.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/pop-up-zachowanie-warunki-czas-sesji.png 661w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/pop-up-zachowanie-warunki-czas-sesji-300x175.png 300w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n\n\n\n<li>Na ko\u0144cu zdecyduj, komu chcesz wy\u015bwietli\u0107 pro\u015bb\u0119.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>W sekcji <strong>Podsumowanie<\/strong> znajdziesz podgl\u0105d pro\u015bby o zgod\u0119 oraz list\u0119 wszystkich ustawie\u0144.<\/li>\n\n\n\n<li>Kliknij <strong>Aktywuj<\/strong>, \u017ceby pro\u015bba zacz\u0119\u0142a si\u0119 wy\u015bwietla\u0107.<\/li>\n<\/ol>\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=\"zdarzenie-niestandardowe-konfiguracja\">Jak skonfigurowa\u0107 zdarzenie niestandardowe<\/h2>\n\n\n\n<p>Zdarzenie niestandardowe ma posta\u0107 funkcji: $ecdp.api.getContent(type, id, maxWaitTime).<\/p>\n\n\n\n<p>Zawiera ona trzy parametry odnosz\u0105ce si\u0119 do tre\u015bci, kt\u00f3r\u0105 chcesz wy\u015bwietli\u0107. S\u0105 to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>type <\/em>\u2013 musi by\u0107 zdefiniowany \u2013 oznacza typ tre\u015bci.&nbsp; W przypadku pro\u015bby o zgod\u0119 jest to <em>optInPrompt.<\/em><\/li>\n\n\n\n<li><em>id<\/em> \u2013 musi by\u0107 zdefiniowany \u2013 oznacza identyfikator konkretnej tre\u015bci, kt\u00f3r\u0105 chcesz wy\u015bwietli\u0107. ID znajdziesz w Ustawienia &gt; Web push &gt; Pro\u015bby o zgod\u0119 &gt; kolumna \u2018ID\u2019.<\/li>\n\n\n\n<li><em>maxWaitTime <\/em>\u2013 parametr opcjonalny (w milisekundach) \u2013 okre\u015bla przez jaki czas system b\u0119dzie pr\u00f3bowa\u0142 wy\u015bwietli\u0107 pro\u015bb\u0119 po wykonaniu akcji przez u\u017cytkownika. Zakres czasowy to 0-10 000 milisekund (domy\u015blnie jest to 0 ms). Nie musisz podawa\u0107 parametru <em>maxWaitTime<\/em>.<\/li>\n<\/ul>\n\n\n\n<div class=\"infobox infobox-blue\">\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=\"M8.26884 2.99217C9.45176 2.50219 10.7196 2.25 12 2.25C13.2804 2.25 14.5482 2.50219 15.7312 2.99217C16.9141 3.48216 17.9889 4.20034 18.8943 5.10571C19.7997 6.01108 20.5178 7.08591 21.0078 8.26884C21.4978 9.45176 21.75 10.7196 21.75 12C21.75 13.2804 21.4978 14.5482 21.0078 15.7312C20.5178 16.9141 19.7997 17.9889 18.8943 18.8943C17.9889 19.7997 16.9141 20.5178 15.7312 21.0078C14.5482 21.4978 13.2804 21.75 12 21.75C10.7196 21.75 9.45176 21.4978 8.26884 21.0078C7.08591 20.5178 6.01108 19.7997 5.10571 18.8943C4.20034 17.9889 3.48216 16.9141 2.99217 15.7312C2.50219 14.5482 2.25 13.2804 2.25 12C2.25 10.7196 2.50219 9.45176 2.99217 8.26884C3.48216 7.08591 4.20034 6.01108 5.10571 5.10571C6.01108 4.20034 7.08591 3.48216 8.26884 2.99217ZM12 3.75C10.9166 3.75 9.8438 3.96339 8.84286 4.37799C7.84193 4.79259 6.93245 5.40029 6.16637 6.16637C5.40029 6.93245 4.7926 7.84193 4.37799 8.84286C3.96339 9.8438 3.75 10.9166 3.75 12C3.75 13.0834 3.96339 14.1562 4.37799 15.1571C4.7926 16.1581 5.40029 17.0675 6.16637 17.8336C6.93245 18.5997 7.84193 19.2074 8.84286 19.622C9.8438 20.0366 10.9166 20.25 12 20.25C13.0834 20.25 14.1562 20.0366 15.1571 19.622C16.1581 19.2074 17.0675 18.5997 17.8336 17.8336C18.5997 17.0675 19.2074 16.1581 19.622 15.1571C20.0366 14.1562 20.25 13.0834 20.25 12C20.25 10.9166 20.0366 9.8438 19.622 8.84286C19.2074 7.84193 18.5997 6.93245 17.8336 6.16637C17.0675 5.40029 16.1581 4.79259 15.1571 4.37799C14.1562 3.96339 13.0834 3.75 12 3.75ZM10.25 15.5002C10.25 15.086 10.5858 14.7502 11 14.7502H11.4088V12H11.0088C10.5946 12 10.2588 11.6642 10.2588 11.25C10.2588 10.8358 10.5946 10.5 11.0088 10.5H12.1588C12.573 10.5 12.9088 10.8358 12.9088 11.25V14.7502H13.31C13.7242 14.7502 14.06 15.086 14.06 15.5002C14.06 15.9144 13.7242 16.2502 13.31 16.2502H11C10.5858 16.2502 10.25 15.9144 10.25 15.5002ZM11.8501 7.23972C12.3748 7.23972 12.8501 7.66627 12.8501 8.23972C12.8501 8.24199 12.8501 8.24426 12.8501 8.24652C12.8481 8.53863 12.7161 8.78189 12.5542 8.9438C12.391 9.10697 12.1452 9.23972 11.8501 9.23972C11.2766 9.23972 10.8501 8.76443 10.8501 8.23972C10.8501 7.68551 11.2959 7.23972 11.8501 7.23972Z\" fill=\"currentColor\"\/><\/svg>    <\/div>\n    <div class=\"infobox-content\">\n                    <div class=\"infobox-text\">\n          <p>Aby zdarzenie niestandardowe zadzia\u0142a\u0142o poprawnie i pro\u015bba o zgod\u0119 wy\u015bwietli\u0142a si\u0119 na po\u017c\u0105dan\u0105 akcj\u0119, poczekaj, a\u017c nasz skrypt \u015bledz\u0105cy si\u0119 za\u0142aduje.<\/p>\n<p>Sprawdzisz to korzystaj\u0105c z funkcji: <strong>$ecdp.helpers.websiteIsReady<\/strong><\/p>\n        <\/div>\n          <\/div>\n  <\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"dodaj-zdarzenie-niestandardowe-w-kodzie-stony\">Dodaj zdarzenie niestandardowe w kodzie HTML strony<\/h3>\n\n\n\n<p>Mo\u017cesz podpi\u0105\u0107 funkcj\u0119 do konkretnego elementu na stronie, np. przycisku lub linku. Dzi\u0119ki temu spersonalizowana pro\u015bba o zgod\u0119 wy\u015bwietli si\u0119 automatycznie po klikni\u0119ciu tego elementu.<\/p>\n\n\n\n<p>Poni\u017cej znajdziesz dwa przyk\u0142ady. W obu przypadkach wykorzystywana jest metoda <em>getContent<\/em>, kt\u00f3ra uruchamia pro\u015bb\u0119 o wskazanym ID.sku oraz linku. W obu przypadkach wykorzystywana jest metoda <em>getContent<\/em>, kt\u00f3ra uruchamia pro\u015bb\u0119 o wskazanym ID.<\/p>\n\n\n\n<p><strong>Przyk\u0142ad 1: Przycisk<\/strong><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#babed8;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" data-code=\"&lt;button id=&quot;myButton&quot;&gt;Wy\u015bwietl pop-up&lt;\/button&gt;\n\n&lt;script&gt;\u00a0\ndocument.getElementById(&quot;myButton&quot;).addEventListener(&quot;click&quot;, function() {\n\u00a0\u00a0\u00a0 $ecdp.api.getContent(&quot;optInPrompt&quot;, 586);\n});\n&lt;\/script&gt;\" style=\"color:#babed8;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6\"><\/path><\/svg><\/span><pre class=\"shiki material-theme-palenight\" style=\"background-color: #292D3E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #89DDFF\">&lt;<\/span><span style=\"color: #F07178\">button<\/span><span style=\"color: #89DDFF\"> <\/span><span style=\"color: #C792EA\">id<\/span><span style=\"color: #89DDFF\">=<\/span><span style=\"color: #89DDFF\">&quot;<\/span><span style=\"color: #C3E88D\">myButton<\/span><span style=\"color: #89DDFF\">&quot;<\/span><span style=\"color: #89DDFF\">&gt;<\/span><span style=\"color: #BABED8\">Wy\u015bwietl pop-up<\/span><span style=\"color: #89DDFF\">&lt;\/<\/span><span style=\"color: #F07178\">button<\/span><span style=\"color: #89DDFF\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #89DDFF\">&lt;<\/span><span style=\"color: #F07178\">script<\/span><span style=\"color: #89DDFF\">&gt;<\/span><span style=\"color: #BABED8\">\u00a0<\/span><\/span>\n<span class=\"line\"><span style=\"color: #BABED8\">document.getElementById(&quot;myButton&quot;).addEventListener(&quot;click&quot;, function() <\/span><span style=\"color: #89DDFF\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #BABED8\">\u00a0\u00a0\u00a0 $ecdp<\/span><span style=\"color: #89DDFF\">.<\/span><span style=\"color: #BABED8\">api<\/span><span style=\"color: #89DDFF\">.<\/span><span style=\"color: #82AAFF\">getContent<\/span><span style=\"color: #BABED8\">(<\/span><span style=\"color: #89DDFF\">&quot;<\/span><span style=\"color: #C3E88D\">optInPrompt<\/span><span style=\"color: #89DDFF\">&quot;<\/span><span style=\"color: #89DDFF\">,<\/span><span style=\"color: #BABED8\"> <\/span><span style=\"color: #F78C6C\">586<\/span><span style=\"color: #BABED8\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #89DDFF\">}<\/span><span style=\"color: #BABED8\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #89DDFF\">&lt;\/<\/span><span style=\"color: #F07178\">script<\/span><span style=\"color: #89DDFF\">&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p><strong>Przyk\u0142ad 2: Link<\/strong><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#babed8;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" data-code=\"&lt;a href=&quot;#&quot; id=&quot;optInPrtomptLink&quot;&gt;Wy\u015bwietl pop-up&lt;\/a&gt;\n\n&lt;script&gt;\ndocument.getElementById(&quot;optInPrtompLink&quot;).addEventListener(&quot;click&quot;, function(event) {\nevent.preventDefault(); \/\/ Zapobiega domy\u015blnej akcji linku\n\u00a0\u00a0\u00a0 $ecdp.api.getContent(&quot;optInPrtomp&quot;, 586);\n});\n&lt;\/script&gt;\" style=\"color:#babed8;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6\"><\/path><\/svg><\/span><pre class=\"shiki material-theme-palenight\" style=\"background-color: #292D3E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #89DDFF\">&lt;<\/span><span style=\"color: #F07178\">a<\/span><span style=\"color: #89DDFF\"> <\/span><span style=\"color: #C792EA\">href<\/span><span style=\"color: #89DDFF\">=<\/span><span style=\"color: #89DDFF\">&quot;<\/span><span style=\"color: #C3E88D\">#<\/span><span style=\"color: #89DDFF\">&quot;<\/span><span style=\"color: #89DDFF\"> <\/span><span style=\"color: #C792EA\">id<\/span><span style=\"color: #89DDFF\">=<\/span><span style=\"color: #89DDFF\">&quot;<\/span><span style=\"color: #C3E88D\">optInPrtomptLink<\/span><span style=\"color: #89DDFF\">&quot;<\/span><span style=\"color: #89DDFF\">&gt;<\/span><span style=\"color: #BABED8\">Wy\u015bwietl pop-up<\/span><span style=\"color: #89DDFF\">&lt;\/<\/span><span style=\"color: #F07178\">a<\/span><span style=\"color: #89DDFF\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #89DDFF\">&lt;<\/span><span style=\"color: #F07178\">script<\/span><span style=\"color: #89DDFF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #BABED8\">document.getElementById(&quot;optInPrtompLink&quot;).addEventListener(&quot;click&quot;, function(event) <\/span><span style=\"color: #89DDFF\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #BABED8\">event<\/span><span style=\"color: #89DDFF\">.<\/span><span style=\"color: #82AAFF\">preventDefault<\/span><span style=\"color: #BABED8\">(); <\/span><span style=\"color: #676E95; font-style: italic\">\/\/ Zapobiega domy\u015blnej akcji linku<\/span><\/span>\n<span class=\"line\"><span style=\"color: #BABED8\">\u00a0\u00a0\u00a0 $ecdp<\/span><span style=\"color: #89DDFF\">.<\/span><span style=\"color: #BABED8\">api<\/span><span style=\"color: #89DDFF\">.<\/span><span style=\"color: #82AAFF\">getContent<\/span><span style=\"color: #BABED8\">(<\/span><span style=\"color: #89DDFF\">&quot;<\/span><span style=\"color: #C3E88D\">optInPrtomp<\/span><span style=\"color: #89DDFF\">&quot;<\/span><span style=\"color: #89DDFF\">,<\/span><span style=\"color: #BABED8\"> <\/span><span style=\"color: #F78C6C\">586<\/span><span style=\"color: #BABED8\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #89DDFF\">}<\/span><span style=\"color: #BABED8\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #89DDFF\">&lt;\/<\/span><span style=\"color: #F07178\">script<\/span><span style=\"color: #89DDFF\">&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>W obu przypadkach funkcja:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u201enas\u0142uchuje\u201d klikni\u0119cia,<\/li>\n\n\n\n<li>po klikni\u0119ciu uruchamia spersonalizowan\u0105 pro\u015bb\u0119 o zgod\u0119 o ID 586.<\/li>\n<\/ul>\n\n\n\n<p>Upewnij si\u0119, \u017ce wybrana pro\u015bba ma status <strong>Aktywna<\/strong>, w przeciwnym razie nie zostanie wy\u015bwietlona.<\/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><strong>Przyk\u0142ad 3: Sprawdzanie, czy skrypt zosta\u0142 za\u0142adowany przed uruchomieniem pro\u015bby o zgod\u0119<\/strong><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#babed8;--cbp-line-number-width:calc(2 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" data-code=\"\/\/ Check if ECDP script is ready and trigger opt-in prompt\nif ($ecdp.helpers.websiteIsReady) {\n    \/\/ Website is ready, trigger the opt-in prompt\n    $ecdp.api.getContent(&quot;optInPrompt &quot;, 586);\n} else {\n    \/\/ ECDP script not ready yet, wait and check periodically\n    const checkReady = setInterval(() =&gt; {\n        if ($ecdp.helpers.websiteIsReady) {\n            $ecdp.api.getContent(&quot;optInPrompt&quot;, 586);\n            clearInterval(checkReady);\n        }\n    }, 100);\n}\" style=\"color:#babed8;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6\"><\/path><\/svg><\/span><pre class=\"shiki material-theme-palenight\" style=\"background-color: #292D3E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #676E95; font-style: italic\">\/\/ Check if ECDP script is ready and trigger opt-in prompt<\/span><\/span>\n<span class=\"line\"><span style=\"color: #89DDFF; font-style: italic\">if<\/span><span style=\"color: #BABED8\"> ($ecdp<\/span><span style=\"color: #89DDFF\">.<\/span><span style=\"color: #BABED8\">helpers<\/span><span style=\"color: #89DDFF\">.<\/span><span style=\"color: #BABED8\">websiteIsReady) <\/span><span style=\"color: #89DDFF\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #89DDFF\">    <\/span><span style=\"color: #676E95; font-style: italic\">\/\/ Website is ready, trigger the opt-in prompt<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F07178\">    <\/span><span style=\"color: #BABED8\">$ecdp<\/span><span style=\"color: #89DDFF\">.<\/span><span style=\"color: #BABED8\">api<\/span><span style=\"color: #89DDFF\">.<\/span><span style=\"color: #82AAFF\">getContent<\/span><span style=\"color: #F07178\">(<\/span><span style=\"color: #89DDFF\">&quot;<\/span><span style=\"color: #C3E88D\">optInPrompt <\/span><span style=\"color: #89DDFF\">&quot;<\/span><span style=\"color: #89DDFF\">,<\/span><span style=\"color: #F07178\"> <\/span><span style=\"color: #F78C6C\">586<\/span><span style=\"color: #F07178\">)<\/span><span style=\"color: #89DDFF\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #89DDFF\">}<\/span><span style=\"color: #BABED8\"> <\/span><span style=\"color: #89DDFF; font-style: italic\">else<\/span><span style=\"color: #BABED8\"> <\/span><span style=\"color: #89DDFF\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #89DDFF\">    <\/span><span style=\"color: #676E95; font-style: italic\">\/\/ ECDP script not ready yet, wait and check periodically<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F07178\">    <\/span><span style=\"color: #C792EA\">const<\/span><span style=\"color: #F07178\"> <\/span><span style=\"color: #BABED8\">checkReady<\/span><span style=\"color: #F07178\"> <\/span><span style=\"color: #89DDFF\">=<\/span><span style=\"color: #F07178\"> <\/span><span style=\"color: #82AAFF\">setInterval<\/span><span style=\"color: #F07178\">(<\/span><span style=\"color: #89DDFF\">()<\/span><span style=\"color: #F07178\"> <\/span><span style=\"color: #C792EA\">=&gt;<\/span><span style=\"color: #F07178\"> <\/span><span style=\"color: #89DDFF\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F07178\">        <\/span><span style=\"color: #89DDFF; font-style: italic\">if<\/span><span style=\"color: #F07178\"> (<\/span><span style=\"color: #BABED8\">$ecdp<\/span><span style=\"color: #89DDFF\">.<\/span><span style=\"color: #BABED8\">helpers<\/span><span style=\"color: #89DDFF\">.<\/span><span style=\"color: #BABED8\">websiteIsReady<\/span><span style=\"color: #F07178\">) <\/span><span style=\"color: #89DDFF\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F07178\">            <\/span><span style=\"color: #BABED8\">$ecdp<\/span><span style=\"color: #89DDFF\">.<\/span><span style=\"color: #BABED8\">api<\/span><span style=\"color: #89DDFF\">.<\/span><span style=\"color: #82AAFF\">getContent<\/span><span style=\"color: #F07178\">(<\/span><span style=\"color: #89DDFF\">&quot;<\/span><span style=\"color: #C3E88D\">optInPrompt<\/span><span style=\"color: #89DDFF\">&quot;<\/span><span style=\"color: #89DDFF\">,<\/span><span style=\"color: #F07178\"> <\/span><span style=\"color: #F78C6C\">586<\/span><span style=\"color: #F07178\">)<\/span><span style=\"color: #89DDFF\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F07178\">            <\/span><span style=\"color: #82AAFF\">clearInterval<\/span><span style=\"color: #F07178\">(<\/span><span style=\"color: #BABED8\">checkReady<\/span><span style=\"color: #F07178\">)<\/span><span style=\"color: #89DDFF\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F07178\">        <\/span><span style=\"color: #89DDFF\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F07178\">    <\/span><span style=\"color: #89DDFF\">},<\/span><span style=\"color: #F07178\"> <\/span><span style=\"color: #F78C6C\">100<\/span><span style=\"color: #F07178\">)<\/span><span style=\"color: #89DDFF\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #89DDFF\">}<\/span><\/span><\/code><\/pre><\/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<h3 class=\"wp-block-heading\" id=\"dodaj-zdarzenie-niestandardowe-w-edytorze-drag-and-drop\">Dodaj zdarzenie niestandardowe w edytorze drag&amp;drop<\/h3>\n\n\n\n<p>Je\u015bli nie chcesz edytowa\u0107 kodu swojej strony bezpo\u015brednio, mo\u017cesz skorzysta\u0107 z bloku tre\u015bci HTML w edytorze drag&amp;drop. Skorzystanie z tej metody wymaga u\u017cycia kodu JavaScript.<\/p>\n\n\n\n<p>W edytorze drag&amp;drop:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Znajd\u017a i dodaj blok Tre\u015bci.<\/li>\n\n\n\n<li>Wstaw w nim kod JavaScript z przyk\u0142ad\u00f3w powy\u017cej.<\/li>\n\n\n\n<li>Dostosuj ID element\u00f3w i parametry pro\u015bby do swoich potrzeb.<\/li>\n<\/ul>\n\n\n\n<p><strong>Wa\u017cne informacje<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Pro\u015bba o zgod\u0119 zostanie za\u0142adowana dopiero po wywo\u0142aniu funkcji.<\/li>\n\n\n\n<li>Zostanie wy\u015bwietlona tylko raz na ods\u0142on\u0119 wybranej strony, dla tej samej kombinacji parametr\u00f3w <em>type<\/em> i <em>ID<\/em>.<\/li>\n\n\n\n<li>Zdarzenie niestandardowe dzia\u0142a tylko dla pr\u00f3\u015bb o zgod\u0119 o statusie <strong>Aktywna<\/strong>.<\/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<h3 class=\"wp-block-heading\" id=\"dodaj-zdarzenie-niestandardowe-z-google-tag-manager\">Dodaj zdarzenie niestandardowe za pomoc\u0105 Google Tag Manager<\/h3>\n\n\n\n<p>Je\u015bli nie chcesz edytowa\u0107 kodu swojej strony r\u0119cznie, mo\u017cesz u\u017cy\u0107 Google Tag Managera, \u017ceby doda\u0107 zdarzenie niestandardowe. To rozwi\u0105zanie sprawdzi si\u0119, je\u015bli korzystasz z GTM i chcesz u\u017cy\u0107 zdarzenia niestandardowego bez pomocy programisty.<\/p>\n\n\n\n<p>\u017beby skorzysta\u0107 z tego sposobu, musisz mie\u0107 konto w Google Tag Manager po\u0142\u0105czone z Twoim sklepem.<\/p>\n\n\n\n<p><strong>Utw\u00f3rz tag ze zdarzeniem niestandardowym wywo\u0142uj\u0105cym pro\u015bb\u0119 o zgod\u0119<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Przejd\u017a do narz\u0119dzia <strong>Google Tag Manager.<\/strong><\/li>\n\n\n\n<li>Przejd\u017a do kontenera, kt\u00f3ry jest po\u0142\u0105czony ze stron\u0105, na kt\u00f3rej umie\u015bcisz kod.<\/li>\n\n\n\n<li>Przejd\u017a do zak\u0142adki <strong>Tagi<\/strong>.<\/li>\n\n\n\n<li>Kliknij&nbsp;<strong>Nowy<\/strong>, \u017ceby utworzy\u0107 nowy tag.<\/li>\n\n\n\n<li>Nadaj tagowi nazw\u0119, np. \u2018Zdarzenie niestandardowe \u2013 klikni\u0119cie linku\u2019 a nast\u0119pnie kliknij<strong>&nbsp;Konfiguracja tagu<\/strong>.<\/li>\n\n\n\n<li>Wybierz&nbsp;<strong>Niestandardowy kod HTML<\/strong>.<\/li>\n\n\n\n<li>W sekcji <strong>HTML<\/strong> wstaw funkcj\u0119 ze zdefiniowanymi parametrami <em>type<\/em> i <em>id, <\/em>np.: $ecdp.api.getContent(&#8220;optInPrompt&#8221;, 586); Parametry wskazuj\u0105, kt\u00f3r\u0105 tre\u015b\u0107 stworzon\u0105 w ECDP wywo\u0142a klikni\u0119cie linku.<\/li>\n<\/ol>\n\n\n\n<p><strong>Ustal, kiedy tag ma si\u0119 uruchomi\u0107<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Przejd\u017a do sekcji <strong>Regu\u0142y <\/strong>(triggers), w kt\u00f3rej konfigurujesz zasad\u0119, wed\u0142ug kt\u00f3rej zostanie wywo\u0142any tag.<\/li>\n\n\n\n<li>Wybierz z listy regu\u0142\u0119 <strong>Klikni\u0119cie \u2013 Wszystkie elementy<\/strong>.<\/li>\n\n\n\n<li>W sekcji <strong>Regu\u0142a aktywuje si\u0119 dla <\/strong>zaznacz opcj\u0119 <strong>Niekt\u00f3re klikni\u0119cia<\/strong>.<\/li>\n\n\n\n<li>W sekcji <strong>Aktywuj t\u0119 regu\u0142\u0119, gdy wyst\u0105pi zdarzenie i wszystkie z poni\u017cszych warunk\u00f3w b\u0119d\u0105 spe\u0142nione<\/strong>:<ul><li>w pierwszym polu wybierz <strong>Click Text<\/strong>.<\/li><\/ul><ul><li>w drugim polu ustaw warunek <strong>r\u00f3wna si\u0119.<\/strong><\/li><\/ul>\n<ul class=\"wp-block-list\">\n<li>W ostatnim polu wpisz tekst, kt\u00f3rego klikni\u0119cie ma wy\u015bwietli\u0107 pro\u015bb\u0119 o zgod\u0119.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Zapisz<\/strong> wprowadzone zmiany.<\/li>\n<\/ol>\n\n\n\n<p>Je\u015bli nie widzisz zmiennej <strong>Click Text<\/strong> w rozwijanym menu, upewnij si\u0119, \u017ce jest aktywna:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Przejd\u017a do zak\u0142adki <strong>Zmienne<\/strong>.<\/li>\n\n\n\n<li><span style=\"font-size: 1rem;\">Kliknij <\/span><strong style=\"font-size: 1rem;\">Skonfiguruj<\/strong><span style=\"font-size: 1rem;\">.<\/span><\/li>\n\n\n\n<li>W sekcji <strong>Klikni\u0119cia<\/strong> zaznacz <strong>Click Text<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p><strong>Sprawd\u017a, czy tag dzia\u0142a<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Przetestuj<\/strong>, czy kod zosta\u0142 dodany prawid\u0142owo \u2013 kliknij&nbsp;<strong>Podgl\u0105d<\/strong>&nbsp;w prawym g\u00f3rnym rogu ekranu.<\/li>\n\n\n\n<li>Nast\u0119pnie przejd\u017a na swoj\u0105 stron\u0119 i kliknij tekst, pod kt\u00f3ry podpi\u0119ta jest funkcja wywo\u0142uj\u0105ca pro\u015bb\u0119 o zgod\u0119.<\/li>\n\n\n\n<li>Wr\u00f3\u0107 do okna podgl\u0105du i sprawd\u017a, czy utworzony tag zosta\u0142 wywo\u0142any.<\/li>\n\n\n\n<li>Zamknij okno podgl\u0105du i kliknij&nbsp;<strong>Publikuj<\/strong>.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" id=\"zdarzenie-niestandardowe-test-na-zywo\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"jak-przetestowac-na-zywo-prosbe-o-zgode-wywolana-przez-zdarzenie-niestandardowe\">Jak przetestowa\u0107 na \u017cywo pro\u015bb\u0119 o zgod\u0119 wywo\u0142an\u0105 przez zdarzenie niestandardowe?<\/h3>\n\n\n\n<p>Funkcja musi zosta\u0107 wywo\u0142ana w przegl\u0105darce r\u00f3wnie\u017c wtedy, gdy chcesz przetestowa\u0107 pro\u015bb\u0119 ze zdarzeniem niestandardowym za pomoc\u0105 opcji \u201eTest na \u017cywo\u201d:<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Przejd\u017a na stron\u0119 swojego sklepu i uruchom funkcj\u0119 <strong>Zbadaj<\/strong> (Inspect):\n<ul class=\"wp-block-list\">\n<li>Za pomoc\u0105 klawiatury, wybieraj\u0105c F12,<\/li>\n\n\n\n<li>lub klikaj\u0105c prawym przyciskiem myszy wybierz j\u0105 z menu podr\u0119cznego.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Wybierz zak\u0142adk\u0119 <strong>Console<\/strong>.<\/li>\n\n\n\n<li>Wpisz lub wklej skopiowan\u0105 funkcj\u0119 z parametrami pro\u015bby.<\/li>\n\n\n\n<li>Naci\u015bnij <strong>Enter<\/strong>, aby uruchomi\u0107 skrypt.<\/li>\n\n\n\n<li>Spowoduje to wywo\u0142anie pro\u015bby bezpo\u015brednio z konsoli, co jest konieczne do aktywacji zdarzenia niestandardowego.<\/li>\n<\/ol>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"template":"","ecdp-category":[105],"class_list":["post-10775","ecdp","type-ecdp","status-publish","hentry","ecdp-category-komunikacja-z-klientem"],"acf":[],"_links":{"self":[{"href":"https:\/\/help.expertsender.com\/pl\/wp-json\/wp\/v2\/ecdp\/10775","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":38,"href":"https:\/\/help.expertsender.com\/pl\/wp-json\/wp\/v2\/ecdp\/10775\/revisions"}],"predecessor-version":[{"id":15357,"href":"https:\/\/help.expertsender.com\/pl\/wp-json\/wp\/v2\/ecdp\/10775\/revisions\/15357"}],"wp:attachment":[{"href":"https:\/\/help.expertsender.com\/pl\/wp-json\/wp\/v2\/media?parent=10775"}],"wp:term":[{"taxonomy":"ecdp-category","embeddable":true,"href":"https:\/\/help.expertsender.com\/pl\/wp-json\/wp\/v2\/ecdp-category?post=10775"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}