{"id":869,"date":"2020-05-21T15:40:19","date_gmt":"2020-05-21T15:40:19","guid":{"rendered":"https:\/\/elfsight.com\/de\/?page_id=869"},"modified":"2020-07-13T08:39:35","modified_gmt":"2020-07-13T08:39:35","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/de\/cookie-consent-widget\/examples\/","title":{"rendered":"Cookie Consent &#8211; Examples"},"content":{"rendered":"\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Beispiel 1: Top Cookie  Banner<\/h3><div class=\"application-examples-item-description\">In diesem Beispiel wird der Cookie-Hinweis als Banner oben auf der Seite platziert. Es \u00fcberschneidet sich nicht mit dem Inhalt der Seite, bleibt jedoch f\u00fcr Benutzer sichtbar. Die Schaltfl\u00e4che \u201eOK\u201c dient zum Schlie\u00dfen des Banners, wenn Benutzer den Inhalt gelesen haben. Um den Look aufzuhellen, befindet sich neben dem Text ein sch\u00f6nes Cookie-Symbol.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=6be6b5ff-40c2-4261-9ac2-56a7570836d2&padding=28px+40px+40px\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n\n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Beispiel 2: Rechte Floating Box<\/h3><div class=\"application-examples-item-description\">Die Floating Box-Cookie kann nicht \u00fcbersehen werden, da sie sich zusammen mit der Scrolle des Benutzers bewegt und jederzeit sichtbar bleibt. Sie k\u00f6nnen sehen, dass das Fenster zwei Schaltfl\u00e4chen hat - \u201cZulassen\u201d und \u201cAblehnen\u201d - und Benutzern die M\u00f6glichkeit bietet, ihre Zustimmung zu Cookies zu erteilen.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=52d099b5-48ce-4d31-bcbb-bf23f8116e5a&padding=28px+40px+40px\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n\n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">\nBeispiel 3: Mittlere Floating Box<\/h3><div class=\"application-examples-item-description\">Dies ist die einfachste und beliebteste Art von Cookie-Hinweis - eine mittig ausgerichtete Leiste am unteren Rand der Seite. Es gibt nur einen kurzen Beispieltext f\u00fcr Cookie Hinweise, keine Schaltfl\u00e4chen oder zus\u00e4tzlichen Elemente. Um das Fenster zu schlie\u00dfen, m\u00fcssen Benutzer einfach auf das Kreuz in der oberen rechten Ecke klicken.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=c4139600-1d39-458f-9ec5-6c540c65531f&padding=28px+40px+40px\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n\n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\n<div class=\"application-cta-create\">\n                    <div class=\"application-cta-create-bg\">\n                        <div class=\"application-cta-create-bg-left\"><\/div>\n\n                        <div class=\"application-cta-create-bg-right\">\n                            <img decoding=\"async\" src=\"https:\/\/elfsight.com\/de\/wp-content\/themes\/elfsight\/frontend\/assets\/img\/application-cta-create.jpg\" alt=\"Beginnen Sie mit der Erstellung Ihres Widgets\">\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"application-cta-create-content inner\">\n                        <div class=\"application-cta-create-content-inner\">\n                            <div class=\"application-cta-create-content-icon\">\n                                <svg viewBox=\"0 0 25 25\" width=\"100%\" height=\"100%\">\n                                    <use xlink:href=\"#icon-settings\"><\/use>\n                                <\/svg>\n                            <\/div>\n\n                            <div class=\"application-cta-create-content-title\">Beginnen Sie mit der Erstellung Ihres Widgets<\/div>\n\n                            <div class=\"application-cta-create-content-text\">Schnell. Einfach. Keine Codierung.<\/div>\n\n                            <a class=\"application-cta-create-content-button button-48 button-has-right-icon button-black button\" href=\"\">\n                                <span class=\"button-label\">Widget erstellen<\/span>\n\n                                <svg class=\"button-icon\">\n                                    <use xlink:href=\"#icon-arrow-link\"><\/use>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Beispiel 4: Linke Floating Box<\/h3><div class=\"application-examples-item-description\">Sie k\u00f6nnen eine kompakte Cookie-Banner erstellen, die immer noch recht informativ ist. Dieses Fenster enth\u00e4lt nicht nur den Text, sondern auch einen aktiven Link zu den Bedingungen der Cookie-Richtlinie. Der Text des Links ist blau gef\u00e4rbt, um einen Hinweis darauf zu geben, dass er anklickbar ist.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=1ea10a66-e0c9-449c-ba43-9c8bed9fd096&padding=28px+40px+40px\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n\n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Beispiel 5: Banner am unteren Rand der Seite<\/h3><div class=\"application-examples-item-description\">Sie k\u00f6nnen Ihr Cookie-Hinweis-Fenster auch mit maximal kontrastierenden Farben gestalten. Hier ist der Hintergrund schwarz und der Text des Cookie-Popups wei\u00df, w\u00e4hrend die Schaltfl\u00e4che wei\u00df ist - mit wei\u00dfem Hintergrund und schwarzer Beschriftung. Der Text des Banners kann in den Einstellungen leicht ge\u00e4ndert werden.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=60d75247-4026-4b20-aa40-89c0783399e0&padding=28px+40px+40px\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n\n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":11,"featured_media":0,"parent":859,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-examples.php","meta":{"publish_to_discourse":"","publish_post_category":"","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"","discourse_permalink":"","wpdc_publishing_response":"","wpdc_publishing_error":"","footnotes":""},"class_list":["post-869","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Top 5 Beispiele f\u00fcr Cookie Consent-Widgets auf Websites (2026)<\/title>\n<meta name=\"description\" content=\"Sehen Sie sich alle Beispiele an, wie Sie schnell Cookie-Richtlinien f\u00fcr Ihre Website erstellen k\u00f6nnen, ohne sie zu codieren\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elfsight.com\/de\/cookie-consent-widget\/examples\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Top 5 Beispiele f\u00fcr Cookie Consent-Widgets auf Websites (2026)\" \/>\n<meta property=\"og:description\" content=\"Sehen Sie sich alle Beispiele an, wie Sie schnell Cookie-Richtlinien f\u00fcr Ihre Website erstellen k\u00f6nnen, ohne sie zu codieren\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/de\/cookie-consent-widget\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight DE\" \/>\n<meta property=\"article:modified_time\" content=\"2020-07-13T08:39:35+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"2\u00a0Minuten\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Top 5 Beispiele f\u00fcr Cookie Consent-Widgets auf Websites (2026)","description":"Sehen Sie sich alle Beispiele an, wie Sie schnell Cookie-Richtlinien f\u00fcr Ihre Website erstellen k\u00f6nnen, ohne sie zu codieren","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:\/\/elfsight.com\/de\/cookie-consent-widget\/examples\/","og_locale":"de_DE","og_type":"article","og_title":"Top 5 Beispiele f\u00fcr Cookie Consent-Widgets auf Websites (2026)","og_description":"Sehen Sie sich alle Beispiele an, wie Sie schnell Cookie-Richtlinien f\u00fcr Ihre Website erstellen k\u00f6nnen, ohne sie zu codieren","og_url":"https:\/\/elfsight.com\/de\/cookie-consent-widget\/examples\/","og_site_name":"Elfsight DE","article_modified_time":"2020-07-13T08:39:35+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/de\/cookie-consent-widget\/examples\/","url":"https:\/\/elfsight.com\/de\/cookie-consent-widget\/examples\/","name":"Top 5 Beispiele f\u00fcr Cookie Consent-Widgets auf Websites (2026)","isPartOf":{"@id":"https:\/\/elfsight.com\/de\/#website"},"datePublished":"2020-05-21T15:40:19+00:00","dateModified":"2020-07-13T08:39:35+00:00","description":"Sehen Sie sich alle Beispiele an, wie Sie schnell Cookie-Richtlinien f\u00fcr Ihre Website erstellen k\u00f6nnen, ohne sie zu codieren","breadcrumb":{"@id":"https:\/\/elfsight.com\/de\/cookie-consent-widget\/examples\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/de\/cookie-consent-widget\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/de\/cookie-consent-widget\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/de\/"},{"@type":"ListItem","position":2,"name":"Cookie Consent","item":"https:\/\/elfsight.com\/de\/cookie-consent-widget\/"},{"@type":"ListItem","position":3,"name":"Cookie Consent &#8211; Examples"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/de\/#website","url":"https:\/\/elfsight.com\/de\/","name":"Elfsight DE","description":"Just another Elfsight Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"meta_box":{"industry":"","seo_heading":"","heading":"","description":"","cta_heading":"","cta_description":"","application":"486","h1":"Beispiele f\u00fcr das Cookie Plugin","h1_caption":"Alle Beispiele zum Erstellen eines Popup-Widgets f\u00fcr Cookie-Richtlinien anzeigen.","application_category":[],"applications_title":"","applications_request_title":"","applications_request_button_text":"","hero_text":"","hero_video":"","hero_video_schema_markup":"","selling_points_title":"","selling_points_caption":"","selling_points":[],"selling_points_cta_text":"","features_title":"","features":"","ed_cta_examples_text":"","ed_cta_examples_hidden":"","ed_cta_demo_text":"","ed_cta_demo_hidden":"","why_caption":"","why_editor_title":"","why_editor_text":"","why_team_title":"","why_team_text":"","why_service_title":"","why_service_text":"","template_catalog_visible":"","template_catalog_title":"","template_catalog_text":"","template_catalog_categories_visible":"","demo_title":"","demo_caption":"","default_faq_hidden":"","app_template_category":[],"platform":"","template_public_id":"","codecanyon_url":"","codecanyon_item_id":"","codecanyon_price":"","pricing_caption":"","pricing_elfsight_apps_hide_column":"","pricing_elfsight_apps_url":"","pricing_codecanyon_price_caption":"","integration_category":[],"integration_request_title":"","integration_request_cta":"","integration_platform":"","integrations":[],"platform_category":[],"video_schema_markup":"","price":"","trial":"","benefits":[],"button_url":"","button_target_blank":"","button_nofollow":"","attributes":[],"tags":[],"tags_disable_links":"","hide_more_platforms":"","video_object":"","demo_hide_cta":"","demo_hide_cloud_options":"","pricing_title":"","pricing":[],"related_apps_title":"","related_apps_hidden":"","author":"","image":[],"title":"","job":"","social_networks":[]},"_links":{"self":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/869","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/comments?post=869"}],"version-history":[{"count":2,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/869\/revisions"}],"predecessor-version":[{"id":871,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/869\/revisions\/871"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/859"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/media?parent=869"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}