{"id":24861,"date":"2019-02-05T11:04:42","date_gmt":"2019-02-05T11:04:42","guid":{"rendered":"https:\/\/www.knowband.com\/blog\/?p=24024\/"},"modified":"2022-03-03T14:20:42","modified_gmt":"2022-03-03T14:20:42","slug":"realizacja-funkcjonalno%c5%9bci-reakcji-jak-facebook-przy-u%c5%bcyciu-php-jquery-i-html","status":"publish","type":"post","link":"https:\/\/www.knowband.com\/blog\/pl\/wskazowki\/realizacja-funkcjonalno%c5%9bci-reakcji-jak-facebook-przy-u%c5%bcyciu-php-jquery-i-html\/","title":{"rendered":"Implementacja funkcjonalno\u015bci Reactions jak Facebook przy u\u017cyciu PHP, jQuery i HTML"},"content":{"rendered":"

<\/head><\/p>\n

Wprowadzenie<\/h2>\n

Reakcje s\u0105 bardziej wyraziste w por\u00f3wnaniu z prostymi przyciskami \u201elubi\u0119 i nie lubi\u0119\u201d. Za pomoc\u0105 reakcji u\u017cytkownik mo\u017ce \u0142atwo wyrazi\u0107 swoje my\u015bli, poniewa\u017c emotikony s\u0105 w zasadzie sposobem na pokazanie emocji. Z drugiej strony, je\u015bli u\u017cyjemy przycisku lubi\u0119 i nie lubi\u0119, u\u017cytkownik nie mo\u017ce pokaza\u0107 dok\u0142adnej emocji. U\u017cywaj\u0105c emotikon\u00f3w mo\u017cemy uczyni\u0107 nasz\u0105 stron\u0119 bardziej wyrazist\u0105 dla u\u017cytkownika.<\/p>\n

Cele bloga<\/h3>\n

Na tym blogu znajdziesz \u0142atwy i szybki spos\u00f3b na zaimplementowanie funkcjonalno\u015bci Reactions. Po przejrzeniu bloga b\u0119dziesz m\u00f3g\u0142 stworzy\u0107 system reakcji dla swojej strony internetowej, taki sam jak przycisk Lubi\u0119 to na Facebooku.<\/p>\n

\"Facebook<\/a><\/p>\n

Pracuj\u0105cy<\/h3>\n

B\u0119dzie jeden przycisk Like i pozosta\u0142e przyciski Reaction. Po zaznaczeniu przycisku Like, wy\u015bwietl\u0105 si\u0119 przyciski reakcji. JQuery b\u0119dzie u\u017cywany do obs\u0142ugi naci\u015bni\u0119\u0107 przycisk\u00f3w reakcji. Po dotkni\u0119ciu przycisku reakcji, \u017c\u0105danie Ajax jest wysy\u0142ane na stron\u0119 like.php. Logika zapisywania\/aktualizowania danych w bazie danych mo\u017ce by\u0107 napisana na stronie obs\u0142ugi. Po ponownym dotkni\u0119ciu tekstu reakcji reakcja zostaje cofni\u0119ta i tym razem wysy\u0142amy Ajax na stron\u0119 undo_like.php. Ca\u0142a funkcjonalno\u015b\u0107 pokazywania\/ukrywania przycisk\u00f3w reakcji i animacji jest dodawana przez JavaScript i CSS.<\/p>\n

Tworzenie struktury HTML<\/h3>\n

Zanim zaczniemy pracowa\u0107 nad logik\u0105, b\u0119dziemy musieli stworzy\u0107 uk\u0142ad. Kod HTML uk\u0142adu jest nast\u0119puj\u0105cy:<\/p>\n

Reakcje na Facebooku  Reakcje na Facebooku  Tak jak  Knowband i 4.3.0k innych<\/pre>\n
Dodawanie stylu<\/h3>\n
U\u017cywamy dw\u00f3ch plik\u00f3w CSS (style.css i response.css), aby doda\u0107 stylizacj\u0119 na stronie.<\/p>\n
Uwaga:\ufffd<\/strong> Pliki CSS mo\u017cna znale\u017a\u0107 w kompletnej kompilacji projektu.<\/p>\n
Dodawanie funkcjonalno\u015bci<\/h3>\n
Gdy nasz uk\u0142ad jest gotowy, mo\u017cemy pracowa\u0107 nad funkcjonalno\u015bciami. Najpierw zajmiemy si\u0119 dotkni\u0119ciem przycisk\u00f3w Like i Reaction. W tym celu u\u017cyjemy jQuery i dodamy zdarzenia klikni\u0119cia. Kod do dodania zdarze\u0144 klikni\u0119cia znajduje si\u0119 poni\u017cej –<\/p>\n
\/\/ Dodanie zdarzenia klikni\u0119cia, gdy tylko dokument b\u0119dzie gotowy $(document).ready(function () { \/\/ Dodanie zdarzenia klikni\u0119cia na przycisku reakcji przy u\u017cyciu nazwy klasy $(.emoji\").on(\"click \", function() { \/\/ jak klikni\u0119cie \/\/ Tu b\u0119dziemy pisa\u0107 kod, kt\u00f3ry b\u0119dzie uruchamiany po naci\u015bni\u0119ciu przycisku reakcji }); });<\/pre>\n
W centrum uwagi przycisku reakcji wy\u015blemy \u017c\u0105danie Ajax na stronie php. \u017b\u0105danie Ajax jest podane poni\u017cej –<\/p>\n
\/\/ Wys\u0142anie \u017c\u0105dania Ajax na stronie handlera (like.php) w \u200b\u200bcelu wykonania operacji na bazie danych $.ajax({ type: \"POST\", url: \"php\/like.php\", data: \"\", success: function (odpowied\u017a) { \/\/ Ten kod jest uruchamiany po pomy\u015blnym wykonaniu Ajax } })<\/pre>\n
Nast\u0119pnie b\u0119dziemy musieli stworzy\u0107 stron\u0119 obs\u0142ugi. Mo\u017ce to by\u0107 prosty plik php.<\/p>\n
Uwaga:<\/strong> U\u017cytkownik mo\u017ce dokonywa\u0107 zmian w bazie danych w pliku handlera zgodnie z wymaganiami. Cokolwiek jest zwracane\/drukowane w tym pliku, jest zwracane do \u017c\u0105dania Ajax i mo\u017cemy odpowiednio zaktualizowa\u0107 uk\u0142ad. Tutaj dodali\u015bmy kod do aktualizacji uk\u0142adu, aby pokaza\u0107 aktualnie zapisan\u0105 reakcj\u0119. Pe\u0142ny kod pliku response.js jest nast\u0119puj\u0105cy:<\/p>\n
$(document).ready(function () { $(.emoji\").on(\"click\", function() { \/\/ Tutaj otrzymujemy reakcj\u0119, kt\u00f3ra jest pods\u0142uchiwana za pomoc\u0105 atrybutu data-reaction zdefiniowanego w main page var data_reaction = $(this).attr(\"data-reaction\"); \/\/ Wys\u0142anie \u017c\u0105dania Ajax na stronie handler'a w celu wykonania operacji na bazie danych $.ajax({ type: \"POST\", url: \"php\/like.php \", data: \"data_reaction=\" + data_reaction, success: function (response) { \/\/ Ten kod zostanie uruchomiony po pomy\u015blnym dzia\u0142aniu Ajax $(.like-details\").html(\"Ty, Knowband i 10k innych\") ; $(\".reaction-btn-emo\").removeClass().addClass('reaction-btn-emo').addClass('like-btn-' + data_reaction.toLowerCase()); $(\".reaction- btn-text\").text(data_reaction).removeClass().addClass('reaction-btn-text').addClass('reaction-btn-text-' + data_reaction.toLowerCase()).addClass(\"active\") ; if (data_reaction == \"Lubi\u0119\") $(\".like-emo\").html(' '); w przeciwnym razie $(\".like-emo\").html('  '); } }) }); $(\".reaction-btn-text\").on(\"click\", function () { \/\/ cofnij polubienie klikni\u0119cia if ($(this).hasClass(\"active\")) { \/\/ Wysy\u0142anie \u017c\u0105dania Ajax na stronie obs\u0142ugi do wykonania operacji na bazie danych $.ajax({ type: \"POST\", url: \"php\/undo_like.php\", data: \"\", success: function (response) { \/\/ Obs\u0142uga, gdy Ajax si\u0119 powiedzie $(\". reakcja-btn-text\").text(\"Lubi\u0119\").removeClass().addClass('reaction-btn-text'); $(\".reaction-btn-emo\").removeClass().addClass('reakcja -btn-emo').addClass(\"like-btn-default\"); $(\".like-emo\").html(' '); $(\".like-details\").html(\"Knowband i 1k innych\"); } }) } }) });<\/pre>\n
Podsumowanie<\/h2>\n
Mo\u017cesz pobra\u0107 pe\u0142ny projekt z nast\u0119puj\u0105cej lokalizacji –<\/p>\n
Kliknij tutaj, aby pobra\u0107 ca\u0142y projekt<\/a><\/p>\n
W tym samouczku nie om\u00f3wili\u015bmy po\u0142\u0105czenia i operacji bazy danych, poniewa\u017c logika bazy danych mo\u017ce si\u0119 r\u00f3\u017cni\u0107 w zale\u017cno\u015bci od Twoich potrzeb. Za pomoc\u0105 tego projektu mo\u017cesz w prosty spos\u00f3b zaimplementowa\u0107 na swojej stronie internetowej funkcjonalno\u015b\u0107 reakcji tak\u0105 sam\u0105 jak Facebook.<\/p>\n","protected":false},"excerpt":{"rendered":"
Wprowadzenie Reakcje s\u0105 bardziej wyraziste w por\u00f3wnaniu z prostymi przyciskami \u201elubi\u0119 i nie lubi\u0119\u201d. Za pomoc\u0105 reakcji u\u017cytkownik mo\u017ce \u0142atwo wyrazi\u0107 swoje my\u015bli, poniewa\u017c emotikony s\u0105 w zasadzie sposobem na pokazanie emocji. Z drugiej strony, je\u015bli u\u017cyjemy przycisku lubi\u0119 i nie lubi\u0119, u\u017cytkownik nie mo\u017ce pokaza\u0107 dok\u0142adnej emocji. U\u017cywaj\u0105c emotikon\u00f3w mo\u017cemy uczyni\u0107 nasz\u0105 stron\u0119 bardziej […]<\/p>\n","protected":false},"author":20,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kbui_enabled":"","footnotes":""},"categories":[3259],"tags":[8711,75,22681,8917,8918],"class_list":["post-24861","post","type-post","status-publish","format-standard","hentry","category-wskazowki","tag-emoji","tag-facebook","tag-facebooka","tag-reakcje","tag-wskazwki-dotyczce-kodowania"],"acf":[],"yoast_head":"\nImplementacja funkcjonalno\u015bci Reactions jak Facebook przy u\u017cyciu PHP, jQuery i HTML - Knowband Blog | Ecommerce Modules<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.knowband.com\/blog\/pl\/wskazowki\/realizacja-funkcjonalno\u015bci-reakcji-jak-facebook-przy-u\u017cyciu-php-jquery-i-html\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Implementacja funkcjonalno\u015bci Reactions jak Facebook przy u\u017cyciu PHP, jQuery i HTML - Knowband Blog | Ecommerce Modules\" \/>\n<meta property=\"og:description\" content=\"Wprowadzenie Reakcje s\u0105 bardziej wyraziste w por\u00f3wnaniu z prostymi przyciskami \u201elubi\u0119 i nie lubi\u0119\u201d. Za pomoc\u0105 reakcji u\u017cytkownik mo\u017ce \u0142atwo wyrazi\u0107 swoje my\u015bli, poniewa\u017c emotikony s\u0105 w zasadzie sposobem na pokazanie emocji. Z drugiej strony, je\u015bli u\u017cyjemy przycisku lubi\u0119 i nie lubi\u0119, u\u017cytkownik nie mo\u017ce pokaza\u0107 dok\u0142adnej emocji. U\u017cywaj\u0105c emotikon\u00f3w mo\u017cemy uczyni\u0107 nasz\u0105 stron\u0119 bardziej […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.knowband.com\/blog\/pl\/wskazowki\/realizacja-funkcjonalno\u015bci-reakcji-jak-facebook-przy-u\u017cyciu-php-jquery-i-html\/\" \/>\n<meta property=\"og:site_name\" content=\"Knowband Blog | Ecommerce Modules\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Knowband\" \/>\n<meta property=\"article:published_time\" content=\"2019-02-05T11:04:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-03-03T14:20:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2019\/02\/Picture1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"477\" \/>\n\t<meta property=\"og:image:height\" content=\"143\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Shivika Tomar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@KnowbandPlugin\" \/>\n<meta name=\"twitter:site\" content=\"@KnowbandPlugin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Shivika Tomar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pl\\\/wskazowki\\\/realizacja-funkcjonalno%c5%9bci-reakcji-jak-facebook-przy-u%c5%bcyciu-php-jquery-i-html\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pl\\\/wskazowki\\\/realizacja-funkcjonalno%c5%9bci-reakcji-jak-facebook-przy-u%c5%bcyciu-php-jquery-i-html\\\/\"},\"author\":{\"name\":\"Shivika Tomar\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/person\\\/cc28589f6431305d8aa3fbb75ce97415\"},\"headline\":\"Implementacja funkcjonalno\u015bci Reactions jak Facebook przy u\u017cyciu PHP, jQuery i HTML\",\"datePublished\":\"2019-02-05T11:04:42+00:00\",\"dateModified\":\"2022-03-03T14:20:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pl\\\/wskazowki\\\/realizacja-funkcjonalno%c5%9bci-reakcji-jak-facebook-przy-u%c5%bcyciu-php-jquery-i-html\\\/\"},\"wordCount\":484,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pl\\\/wskazowki\\\/realizacja-funkcjonalno%c5%9bci-reakcji-jak-facebook-przy-u%c5%bcyciu-php-jquery-i-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/Picture1-300x90.png\",\"keywords\":[\"emoji\",\"Facebook\",\"Facebooka\",\"Reakcje\",\"wskaz\u00f3wki dotycz\u0105ce kodowania\"],\"articleSection\":[\"Wskaz\u00f3wki\"],\"inLanguage\":\"pl-PL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pl\\\/wskazowki\\\/realizacja-funkcjonalno%c5%9bci-reakcji-jak-facebook-przy-u%c5%bcyciu-php-jquery-i-html\\\/\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pl\\\/wskazowki\\\/realizacja-funkcjonalno%c5%9bci-reakcji-jak-facebook-przy-u%c5%bcyciu-php-jquery-i-html\\\/\",\"name\":\"Implementacja funkcjonalno\u015bci Reactions jak Facebook przy u\u017cyciu PHP, jQuery i HTML - Knowband Blog | Ecommerce Modules\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pl\\\/wskazowki\\\/realizacja-funkcjonalno%c5%9bci-reakcji-jak-facebook-przy-u%c5%bcyciu-php-jquery-i-html\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pl\\\/wskazowki\\\/realizacja-funkcjonalno%c5%9bci-reakcji-jak-facebook-przy-u%c5%bcyciu-php-jquery-i-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/Picture1-300x90.png\",\"datePublished\":\"2019-02-05T11:04:42+00:00\",\"dateModified\":\"2022-03-03T14:20:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pl\\\/wskazowki\\\/realizacja-funkcjonalno%c5%9bci-reakcji-jak-facebook-przy-u%c5%bcyciu-php-jquery-i-html\\\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pl\\\/wskazowki\\\/realizacja-funkcjonalno%c5%9bci-reakcji-jak-facebook-przy-u%c5%bcyciu-php-jquery-i-html\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pl\\\/wskazowki\\\/realizacja-funkcjonalno%c5%9bci-reakcji-jak-facebook-przy-u%c5%bcyciu-php-jquery-i-html\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/Picture1-300x90.png\",\"contentUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/Picture1-300x90.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pl\\\/wskazowki\\\/realizacja-funkcjonalno%c5%9bci-reakcji-jak-facebook-przy-u%c5%bcyciu-php-jquery-i-html\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Rozszerzenie Magento One Click Checkout (Kup teraz) – instrukcja obs\u0142ugi\",\"item\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pl\\\/instrukcja-obslugi\\\/rozszerzenie-magento-one-click-checkout-kup-teraz-instrukcja-obs%c5%82ugi\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Implementacja funkcjonalno\u015bci Reactions jak Facebook przy u\u017cyciu PHP, jQuery i HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/\",\"name\":\"Knowband Blog | Ecommerce Modules\",\"description\":\"Magento, Prestashop, Opencart, Shopify\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#organization\",\"name\":\"Knowband Blog | Ecommerce Modules\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/cropped-knowband_logo-v2.png\",\"contentUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/cropped-knowband_logo-v2.png\",\"width\":153,\"height\":61,\"caption\":\"Knowband Blog | Ecommerce Modules\"},\"image\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Knowband\",\"https:\\\/\\\/x.com\\\/KnowbandPlugin\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/person\\\/cc28589f6431305d8aa3fbb75ce97415\",\"name\":\"Shivika Tomar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/bio_pic-150x150.jpg\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/bio_pic-150x150.jpg\",\"contentUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/bio_pic-150x150.jpg\",\"caption\":\"Shivika Tomar\"},\"description\":\"Shivika Tomar is a passionate PHP developer. Her area of interest is website development. She loves to bring healing to stressful and sad peoples.\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pl\\\/author\\\/stomar\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Implementacja funkcjonalno\u015bci Reactions jak Facebook przy u\u017cyciu PHP, jQuery i HTML - Knowband Blog | Ecommerce Modules","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.knowband.com\/blog\/pl\/wskazowki\/realizacja-funkcjonalno\u015bci-reakcji-jak-facebook-przy-u\u017cyciu-php-jquery-i-html\/","og_locale":"pl_PL","og_type":"article","og_title":"Implementacja funkcjonalno\u015bci Reactions jak Facebook przy u\u017cyciu PHP, jQuery i HTML - Knowband Blog | Ecommerce Modules","og_description":"Wprowadzenie Reakcje s\u0105 bardziej wyraziste w por\u00f3wnaniu z prostymi przyciskami \u201elubi\u0119 i nie lubi\u0119\u201d. Za pomoc\u0105 reakcji u\u017cytkownik mo\u017ce \u0142atwo wyrazi\u0107 swoje my\u015bli, poniewa\u017c emotikony s\u0105 w zasadzie sposobem na pokazanie emocji. Z drugiej strony, je\u015bli u\u017cyjemy przycisku lubi\u0119 i nie lubi\u0119, u\u017cytkownik nie mo\u017ce pokaza\u0107 dok\u0142adnej emocji. U\u017cywaj\u0105c emotikon\u00f3w mo\u017cemy uczyni\u0107 nasz\u0105 stron\u0119 bardziej […]","og_url":"https:\/\/www.knowband.com\/blog\/pl\/wskazowki\/realizacja-funkcjonalno\u015bci-reakcji-jak-facebook-przy-u\u017cyciu-php-jquery-i-html\/","og_site_name":"Knowband Blog | Ecommerce Modules","article_publisher":"https:\/\/www.facebook.com\/Knowband","article_published_time":"2019-02-05T11:04:42+00:00","article_modified_time":"2022-03-03T14:20:42+00:00","og_image":[{"width":477,"height":143,"url":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2019\/02\/Picture1.png","type":"image\/png"}],"author":"Shivika Tomar","twitter_card":"summary_large_image","twitter_creator":"@KnowbandPlugin","twitter_site":"@KnowbandPlugin","twitter_misc":{"Written by":"Shivika Tomar","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.knowband.com\/blog\/pl\/wskazowki\/realizacja-funkcjonalno%c5%9bci-reakcji-jak-facebook-przy-u%c5%bcyciu-php-jquery-i-html\/#article","isPartOf":{"@id":"https:\/\/www.knowband.com\/blog\/pl\/wskazowki\/realizacja-funkcjonalno%c5%9bci-reakcji-jak-facebook-przy-u%c5%bcyciu-php-jquery-i-html\/"},"author":{"name":"Shivika Tomar","@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/person\/cc28589f6431305d8aa3fbb75ce97415"},"headline":"Implementacja funkcjonalno\u015bci Reactions jak Facebook przy u\u017cyciu PHP, jQuery i HTML","datePublished":"2019-02-05T11:04:42+00:00","dateModified":"2022-03-03T14:20:42+00:00","mainEntityOfPage":{"@id":"https:\/\/www.knowband.com\/blog\/pl\/wskazowki\/realizacja-funkcjonalno%c5%9bci-reakcji-jak-facebook-przy-u%c5%bcyciu-php-jquery-i-html\/"},"wordCount":484,"commentCount":0,"publisher":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#organization"},"image":{"@id":"https:\/\/www.knowband.com\/blog\/pl\/wskazowki\/realizacja-funkcjonalno%c5%9bci-reakcji-jak-facebook-przy-u%c5%bcyciu-php-jquery-i-html\/#primaryimage"},"thumbnailUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2019\/02\/Picture1-300x90.png","keywords":["emoji","Facebook","Facebooka","Reakcje","wskaz\u00f3wki dotycz\u0105ce kodowania"],"articleSection":["Wskaz\u00f3wki"],"inLanguage":"pl-PL"},{"@type":"WebPage","@id":"https:\/\/www.knowband.com\/blog\/pl\/wskazowki\/realizacja-funkcjonalno%c5%9bci-reakcji-jak-facebook-przy-u%c5%bcyciu-php-jquery-i-html\/","url":"https:\/\/www.knowband.com\/blog\/pl\/wskazowki\/realizacja-funkcjonalno%c5%9bci-reakcji-jak-facebook-przy-u%c5%bcyciu-php-jquery-i-html\/","name":"Implementacja funkcjonalno\u015bci Reactions jak Facebook przy u\u017cyciu PHP, jQuery i HTML - Knowband Blog | Ecommerce Modules","isPartOf":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.knowband.com\/blog\/pl\/wskazowki\/realizacja-funkcjonalno%c5%9bci-reakcji-jak-facebook-przy-u%c5%bcyciu-php-jquery-i-html\/#primaryimage"},"image":{"@id":"https:\/\/www.knowband.com\/blog\/pl\/wskazowki\/realizacja-funkcjonalno%c5%9bci-reakcji-jak-facebook-przy-u%c5%bcyciu-php-jquery-i-html\/#primaryimage"},"thumbnailUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2019\/02\/Picture1-300x90.png","datePublished":"2019-02-05T11:04:42+00:00","dateModified":"2022-03-03T14:20:42+00:00","breadcrumb":{"@id":"https:\/\/www.knowband.com\/blog\/pl\/wskazowki\/realizacja-funkcjonalno%c5%9bci-reakcji-jak-facebook-przy-u%c5%bcyciu-php-jquery-i-html\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.knowband.com\/blog\/pl\/wskazowki\/realizacja-funkcjonalno%c5%9bci-reakcji-jak-facebook-przy-u%c5%bcyciu-php-jquery-i-html\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.knowband.com\/blog\/pl\/wskazowki\/realizacja-funkcjonalno%c5%9bci-reakcji-jak-facebook-przy-u%c5%bcyciu-php-jquery-i-html\/#primaryimage","url":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2019\/02\/Picture1-300x90.png","contentUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2019\/02\/Picture1-300x90.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.knowband.com\/blog\/pl\/wskazowki\/realizacja-funkcjonalno%c5%9bci-reakcji-jak-facebook-przy-u%c5%bcyciu-php-jquery-i-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.knowband.com\/blog\/fr\/"},{"@type":"ListItem","position":2,"name":"Rozszerzenie Magento One Click Checkout (Kup teraz) – instrukcja obs\u0142ugi","item":"https:\/\/www.knowband.com\/blog\/pl\/instrukcja-obslugi\/rozszerzenie-magento-one-click-checkout-kup-teraz-instrukcja-obs%c5%82ugi\/"},{"@type":"ListItem","position":3,"name":"Implementacja funkcjonalno\u015bci Reactions jak Facebook przy u\u017cyciu PHP, jQuery i HTML"}]},{"@type":"WebSite","@id":"https:\/\/www.knowband.com\/blog\/fr\/#website","url":"https:\/\/www.knowband.com\/blog\/fr\/","name":"Knowband Blog | Ecommerce Modules","description":"Magento, Prestashop, Opencart, Shopify","publisher":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.knowband.com\/blog\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/www.knowband.com\/blog\/fr\/#organization","name":"Knowband Blog | Ecommerce Modules","url":"https:\/\/www.knowband.com\/blog\/fr\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/09\/cropped-knowband_logo-v2.png","contentUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/09\/cropped-knowband_logo-v2.png","width":153,"height":61,"caption":"Knowband Blog | Ecommerce Modules"},"image":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Knowband","https:\/\/x.com\/KnowbandPlugin"]},{"@type":"Person","@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/person\/cc28589f6431305d8aa3fbb75ce97415","name":"Shivika Tomar","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2019\/02\/bio_pic-150x150.jpg","url":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2019\/02\/bio_pic-150x150.jpg","contentUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2019\/02\/bio_pic-150x150.jpg","caption":"Shivika Tomar"},"description":"Shivika Tomar is a passionate PHP developer. Her area of interest is website development. She loves to bring healing to stressful and sad peoples.","url":"https:\/\/www.knowband.com\/blog\/pl\/author\/stomar\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.knowband.com\/blog\/pl\/wp-json\/wp\/v2\/posts\/24861","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.knowband.com\/blog\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.knowband.com\/blog\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/pl\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/pl\/wp-json\/wp\/v2\/comments?post=24861"}],"version-history":[{"count":0,"href":"https:\/\/www.knowband.com\/blog\/pl\/wp-json\/wp\/v2\/posts\/24861\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.knowband.com\/blog\/pl\/wp-json\/wp\/v2\/media?parent=24861"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/pl\/wp-json\/wp\/v2\/categories?post=24861"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/pl\/wp-json\/wp\/v2\/tags?post=24861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}