{"id":24859,"date":"2019-02-05T11:04:42","date_gmt":"2019-02-05T11:04:42","guid":{"rendered":"https:\/\/www.knowband.com\/blog\/?p=24024\/"},"modified":"2025-05-09T17:33:05","modified_gmt":"2022-03-03T14:20:02","slug":"reaktionen-implementieren-wie-facebook-mit-php-jquery-und-html","status":"publish","type":"post","link":"https:\/\/www.knowband.com\/blog\/de\/tipps\/reaktionen-implementieren-wie-facebook-mit-php-jquery-und-html\/","title":{"rendered":"Implementieren der Reaktionsfunktionalit\u00e4t Wie Facebook mit PHP, jQuery und HTML"},"content":{"rendered":"

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

Einf\u00fchrung<\/h2>\n

Die Reaktionen sind im Vergleich zu den einfachen Like- und Dislike-Buttons ausdrucksst\u00e4rker. Mithilfe von Reaktionen kann der Benutzer seine Gedanken leicht ausdr\u00fccken, da Emoticons im Grunde eine M\u00f6glichkeit sind, Emotionen zu zeigen. Auf der anderen Seite, wenn wir Like- und Dislike-Buttons verwenden, kann der Benutzer nicht die genaue Emotion zeigen. Mithilfe von Emoticons k\u00f6nnen wir unsere Website f\u00fcr den Benutzer ausdrucksst\u00e4rker gestalten.<\/p>\n

Ziele des Blogs<\/h3>\n

In diesem Blog finden Sie eine einfache und schnelle M\u00f6glichkeit, die Reaktionsfunktionalit\u00e4t zu implementieren. Nachdem Sie den Blog durchgegangen sind, k\u00f6nnen Sie ein Reaktionssystem f\u00fcr Ihre Website erstellen, das dem Like-Button von Facebook entspricht.<\/p>\n

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

Arbeiten<\/h3>\n

Es wird einen Like-Button und den Rest der Reaktions-Buttons geben. Wenn der Like-Button fokussiert ist, werden die Reaktions-Buttons angezeigt. JQuery wird verwendet, um die Taps auf die Reaktionsschaltfl\u00e4chen zu handhaben. Beim Tippen auf die Reaktionsschaltfl\u00e4che wird eine Ajax-Anforderung an die Seite like.php gesendet. Die Logik zum Speichern\/Aktualisieren von Daten in der Datenbank kann auf der Handler-Seite geschrieben werden. Wenn Sie erneut auf den Reaktionstext tippen, wird die Reaktion r\u00fcckg\u00e4ngig gemacht und dieses Mal senden wir Ajax auf der Seite undo_like.php. Alle Funktionen zum Ein-\/Ausblenden der Reaktionsschaltfl\u00e4chen und Animationen werden \u00fcber JavaScript und CSS hinzugef\u00fcgt.<\/p>\n

Erstellen der HTML-Struktur<\/h3>\n

Bevor wir an der Logik arbeiten, m\u00fcssen wir das Layout erstellen. HTML f\u00fcr das Layout folgt –<\/p>\n

Facebook-Reaktionen  Facebook-Reaktionen  Wie  Knowband und 4.3.0 andere<\/pre>\n
Stil hinzuf\u00fcgen<\/h3>\n
Wir verwenden zwei CSS-Dateien (style.css und response.css), um Stile auf der Seite hinzuzuf\u00fcgen.<\/p>\n
Hinweis:  <\/strong> Sie finden die CSS-Dateien im vollst\u00e4ndigen Projektaufbau.<\/p>\n
Funktionalit\u00e4t hinzuf\u00fcgen<\/h3>\n
Sobald unser Layout fertig ist, k\u00f6nnen wir an den Funktionalit\u00e4ten arbeiten. Zuerst behandeln wir die Taps auf den Like- und Reaction-Buttons. Daf\u00fcr verwenden wir jQuery und f\u00fcgen die Click-Events hinzu. Der Code zum Hinzuf\u00fcgen der Klickereignisse ist unten angegeben –<\/p>\n
\/\/ Hinzuf\u00fcgen des Klick-Ereignisses, sobald das Dokument fertig ist $(document).ready(function () { \/\/ Hinzuf\u00fcgen des Klick-Ereignisses auf Reaktionsschaltfl\u00e4che unter Verwendung des Klassennamens $(.emoji\").on(\"click \", function () { \/\/ like click \/\/ Hier schreiben wir den Code, der beim Antippen des Reaktionsbuttons ausgef\u00fchrt wird }); });<\/pre>\n
Im Fokus der Reaktionsschaltfl\u00e4che senden wir die Ajax-Anfrage auf der PHP-Seite. Die Ajax-Anfrage ist unten angegeben –<\/p>\n
\/\/ Senden einer Ajax-Anfrage in der Handler-Seite (like.php), um die Datenbankoperationen auszuf\u00fchren $.ajax({ type: \"POST\", url: \"php\/like.php\", data: \"\", success: function (response) { \/\/ Dieser Code wird ausgef\u00fchrt, nachdem Ajax erfolgreich war } })<\/pre>\n
Dann m\u00fcssen wir eine Handler-Seite erstellen. Dies kann eine einfache PHP-Datei sein.<\/p>\n
Hinweis:<\/strong> Der Benutzer kann Datenbank\u00e4nderungen in der Handler-Datei gem\u00e4\u00df den Anforderungen vornehmen. Was auch immer in dieser Datei zur\u00fcckgegeben\/gedruckt wird, wird an die Ajax-Anfrage zur\u00fcckgegeben und wir k\u00f6nnen das Layout entsprechend aktualisieren. Hier haben wir den Code zum Aktualisieren des Layouts hinzugef\u00fcgt, um die aktuell gespeicherte Reaktion anzuzeigen. Der vollst\u00e4ndige Code der Datei “reaction.js” folgt –<\/p>\n
$(document).ready(function () { $(.emoji).on(\"click\", function () { \/\/ Hier erhalten wir die Reaktion, die mit dem in main definierten data-reaction-Attribut angetippt wird page var data_reaction = $(this).attr(\"data-reaction\"); \/\/ Ajax-Request in Handler-Seite senden, um die Datenbankoperationen auszuf\u00fchren $.ajax({ type: \"POST\", url: \"php\/like.php \", data: \"data_reaction=\" + data_reaction, success: function (response) { \/\/ Dieser Code wird ausgef\u00fchrt, nachdem Ajax erfolgreich war $(\".like-details\").html(\"You, Knowband and 10k other\") ; $(\".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 == \"Gef\u00e4llt mir\") $(\".like-emo\").html(' '); sonst $(\".like-emo\").html('  '); } }) }); $(\".reaction-btn-text\").on(\"click\", function () { \/\/ wie Klick r\u00fcckg\u00e4ngig machen if ($(this).hasClass(\"active\")) { \/\/ Ajax-Request in Handler-Seite senden um die Datenbankoperationen auszuf\u00fchren $.ajax({ type: \"POST\", url: \"php\/undo_like.php\", data: \"\", success: function (response) { \/\/ Handle wenn Ajax erfolgreich ist $(\". reaktion-btn-text\").text(\"Gef\u00e4llt mir\").removeClass().addClass('reaktion-btn-text'); $(\".reaktion-btn-emo\").removeClass().addClass('reaktion -btn-emo').addClass(\"like-btn-default\"); $(\".like-emo\").html(' '); $(\".like-details\").html(\"Knowband und 1k andere\"); } }) } }) });<\/pre>\n
Zusammenfassung<\/h2>\n
Sie k\u00f6nnen das vollst\u00e4ndige Projekt von der folgenden Stelle herunterladen –<\/p>\n
Klicken Sie hier, um das vollst\u00e4ndige Projekt herunterzuladen<\/a><\/p>\n
In diesem Tutorial haben wir die Datenbankverbindung und -operationen nicht behandelt, da die Datenbanklogik je nach Ihren Anforderungen unterschiedlich sein kann. Mit Hilfe dieses Projekts k\u00f6nnen Sie ganz einfach die Reaktionsfunktionalit\u00e4t wie bei Facebook in Ihre Webseite implementieren.<\/p>\n","protected":false},"excerpt":{"rendered":"
Einf\u00fchrung Die Reaktionen sind im Vergleich zu den einfachen Like- und Dislike-Buttons ausdrucksst\u00e4rker. Mithilfe von Reaktionen kann der Benutzer seine Gedanken leicht ausdr\u00fccken, da Emoticons im Grunde eine M\u00f6glichkeit sind, Emotionen zu zeigen. Auf der anderen Seite, wenn wir Like- und Dislike-Buttons verwenden, kann der Benutzer nicht die genaue Emotion zeigen. Mithilfe von Emoticons k\u00f6nnen […]<\/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":[2338],"tags":[8914,26877,8711,75,8913],"class_list":["post-24859","post","type-post","status-publish","format-standard","hentry","category-tipps","tag-codiertipps","tag-codierungstipps","tag-emoji","tag-facebook","tag-reaktionen"],"acf":[],"yoast_head":"\nImplementieren der Reaktionsfunktionalit\u00e4t Wie Facebook mit PHP, jQuery und 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\/de\/tipps\/reaktionen-implementieren-wie-facebook-mit-php-jquery-und-html\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Implementieren der Reaktionsfunktionalit\u00e4t Wie Facebook mit PHP, jQuery und HTML - Knowband Blog | Ecommerce Modules\" \/>\n<meta property=\"og:description\" content=\"Einf\u00fchrung Die Reaktionen sind im Vergleich zu den einfachen Like- und Dislike-Buttons ausdrucksst\u00e4rker. Mithilfe von Reaktionen kann der Benutzer seine Gedanken leicht ausdr\u00fccken, da Emoticons im Grunde eine M\u00f6glichkeit sind, Emotionen zu zeigen. Auf der anderen Seite, wenn wir Like- und Dislike-Buttons verwenden, kann der Benutzer nicht die genaue Emotion zeigen. Mithilfe von Emoticons k\u00f6nnen […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.knowband.com\/blog\/de\/tipps\/reaktionen-implementieren-wie-facebook-mit-php-jquery-und-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:02+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\\\/de\\\/tipps\\\/reaktionen-implementieren-wie-facebook-mit-php-jquery-und-html\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/tipps\\\/reaktionen-implementieren-wie-facebook-mit-php-jquery-und-html\\\/\"},\"author\":{\"name\":\"Shivika Tomar\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/person\\\/cc28589f6431305d8aa3fbb75ce97415\"},\"headline\":\"Implementieren der Reaktionsfunktionalit\u00e4t Wie Facebook mit PHP, jQuery und HTML\",\"datePublished\":\"2019-02-05T11:04:42+00:00\",\"dateModified\":\"2022-03-03T14:20:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/tipps\\\/reaktionen-implementieren-wie-facebook-mit-php-jquery-und-html\\\/\"},\"wordCount\":485,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/tipps\\\/reaktionen-implementieren-wie-facebook-mit-php-jquery-und-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/Picture1-300x90.png\",\"keywords\":[\"Codiertipps\",\"Codierungstipps\",\"emoji\",\"Facebook\",\"Reaktionen\"],\"articleSection\":[\"Tipps\"],\"inLanguage\":\"de-DE\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/tipps\\\/reaktionen-implementieren-wie-facebook-mit-php-jquery-und-html\\\/\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/tipps\\\/reaktionen-implementieren-wie-facebook-mit-php-jquery-und-html\\\/\",\"name\":\"Implementieren der Reaktionsfunktionalit\u00e4t Wie Facebook mit PHP, jQuery und HTML - Knowband Blog | Ecommerce Modules\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/tipps\\\/reaktionen-implementieren-wie-facebook-mit-php-jquery-und-html\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/tipps\\\/reaktionen-implementieren-wie-facebook-mit-php-jquery-und-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:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/tipps\\\/reaktionen-implementieren-wie-facebook-mit-php-jquery-und-html\\\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/tipps\\\/reaktionen-implementieren-wie-facebook-mit-php-jquery-und-html\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/tipps\\\/reaktionen-implementieren-wie-facebook-mit-php-jquery-und-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\\\/de\\\/tipps\\\/reaktionen-implementieren-wie-facebook-mit-php-jquery-und-html\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Magento One Click Checkout (Jetzt kaufen) Erweiterung – Benutzerhandbuch\",\"item\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/benutzerhandbuch\\\/magento-one-click-checkout-jetzt-kaufen-erweiterung-benutzerhandbuch\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Implementieren der Reaktionsfunktionalit\u00e4t Wie Facebook mit PHP, jQuery und 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\":\"de-DE\"},{\"@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\":\"de-DE\",\"@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\":\"de-DE\",\"@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\\\/de\\\/author\\\/stomar\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Implementieren der Reaktionsfunktionalit\u00e4t Wie Facebook mit PHP, jQuery und 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\/de\/tipps\/reaktionen-implementieren-wie-facebook-mit-php-jquery-und-html\/","og_locale":"de_DE","og_type":"article","og_title":"Implementieren der Reaktionsfunktionalit\u00e4t Wie Facebook mit PHP, jQuery und HTML - Knowband Blog | Ecommerce Modules","og_description":"Einf\u00fchrung Die Reaktionen sind im Vergleich zu den einfachen Like- und Dislike-Buttons ausdrucksst\u00e4rker. Mithilfe von Reaktionen kann der Benutzer seine Gedanken leicht ausdr\u00fccken, da Emoticons im Grunde eine M\u00f6glichkeit sind, Emotionen zu zeigen. Auf der anderen Seite, wenn wir Like- und Dislike-Buttons verwenden, kann der Benutzer nicht die genaue Emotion zeigen. Mithilfe von Emoticons k\u00f6nnen […]","og_url":"https:\/\/www.knowband.com\/blog\/de\/tipps\/reaktionen-implementieren-wie-facebook-mit-php-jquery-und-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:02+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\/de\/tipps\/reaktionen-implementieren-wie-facebook-mit-php-jquery-und-html\/#article","isPartOf":{"@id":"https:\/\/www.knowband.com\/blog\/de\/tipps\/reaktionen-implementieren-wie-facebook-mit-php-jquery-und-html\/"},"author":{"name":"Shivika Tomar","@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/person\/cc28589f6431305d8aa3fbb75ce97415"},"headline":"Implementieren der Reaktionsfunktionalit\u00e4t Wie Facebook mit PHP, jQuery und HTML","datePublished":"2019-02-05T11:04:42+00:00","dateModified":"2022-03-03T14:20:02+00:00","mainEntityOfPage":{"@id":"https:\/\/www.knowband.com\/blog\/de\/tipps\/reaktionen-implementieren-wie-facebook-mit-php-jquery-und-html\/"},"wordCount":485,"commentCount":0,"publisher":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#organization"},"image":{"@id":"https:\/\/www.knowband.com\/blog\/de\/tipps\/reaktionen-implementieren-wie-facebook-mit-php-jquery-und-html\/#primaryimage"},"thumbnailUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2019\/02\/Picture1-300x90.png","keywords":["Codiertipps","Codierungstipps","emoji","Facebook","Reaktionen"],"articleSection":["Tipps"],"inLanguage":"de-DE"},{"@type":"WebPage","@id":"https:\/\/www.knowband.com\/blog\/de\/tipps\/reaktionen-implementieren-wie-facebook-mit-php-jquery-und-html\/","url":"https:\/\/www.knowband.com\/blog\/de\/tipps\/reaktionen-implementieren-wie-facebook-mit-php-jquery-und-html\/","name":"Implementieren der Reaktionsfunktionalit\u00e4t Wie Facebook mit PHP, jQuery und HTML - Knowband Blog | Ecommerce Modules","isPartOf":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.knowband.com\/blog\/de\/tipps\/reaktionen-implementieren-wie-facebook-mit-php-jquery-und-html\/#primaryimage"},"image":{"@id":"https:\/\/www.knowband.com\/blog\/de\/tipps\/reaktionen-implementieren-wie-facebook-mit-php-jquery-und-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:02+00:00","breadcrumb":{"@id":"https:\/\/www.knowband.com\/blog\/de\/tipps\/reaktionen-implementieren-wie-facebook-mit-php-jquery-und-html\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.knowband.com\/blog\/de\/tipps\/reaktionen-implementieren-wie-facebook-mit-php-jquery-und-html\/"]}]},{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/www.knowband.com\/blog\/de\/tipps\/reaktionen-implementieren-wie-facebook-mit-php-jquery-und-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\/de\/tipps\/reaktionen-implementieren-wie-facebook-mit-php-jquery-und-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.knowband.com\/blog\/fr\/"},{"@type":"ListItem","position":2,"name":"Magento One Click Checkout (Jetzt kaufen) Erweiterung – Benutzerhandbuch","item":"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/magento-one-click-checkout-jetzt-kaufen-erweiterung-benutzerhandbuch\/"},{"@type":"ListItem","position":3,"name":"Implementieren der Reaktionsfunktionalit\u00e4t Wie Facebook mit PHP, jQuery und 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":"de-DE"},{"@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":"de-DE","@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":"de-DE","@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\/de\/author\/stomar\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.knowband.com\/blog\/de\/wp-json\/wp\/v2\/posts\/24859","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.knowband.com\/blog\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.knowband.com\/blog\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/de\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/de\/wp-json\/wp\/v2\/comments?post=24859"}],"version-history":[{"count":0,"href":"https:\/\/www.knowband.com\/blog\/de\/wp-json\/wp\/v2\/posts\/24859\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.knowband.com\/blog\/de\/wp-json\/wp\/v2\/media?parent=24859"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/de\/wp-json\/wp\/v2\/categories?post=24859"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/de\/wp-json\/wp\/v2\/tags?post=24859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}