{"id":1229,"date":"2020-07-15T12:47:28","date_gmt":"2020-07-15T12:47:28","guid":{"rendered":"https:\/\/elfsight.com\/fr\/?page_id=1229"},"modified":"2020-10-14T15:28:28","modified_gmt":"2020-10-14T15:28:28","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/fr\/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\">Exemple 1: Banni\u00e8re sup\u00e9rieure<\/h3><div class=\"application-examples-item-description\">Dans cet exemple, la notification de cookie est plac\u00e9e en haut de la page sous forme de banni\u00e8re. Il ne chevauche pas le contenu de la page mais reste visible pour les utilisateurs. Le bouton OK sert \u00e0 fermer la banni\u00e8re lorsque les utilisateurs ont lu le contenu. Pour \u00e9gayer l\u2019apparence, il y a une belle ic\u00f4ne de cookie \u00e0 c\u00f4t\u00e9 du texte.<\/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\">Exemple 2: Bo\u00eete flottante droite<\/h3><div class=\"application-examples-item-description\">La notification de la bo\u00eete flottante n'a aucune chance d'\u00eatre manqu\u00e9e, car elle \u00e9volue avec le d\u00e9filement de l'utilisateur et reste visible \u00e0 tout moment. Vous pouvez voir que la fen\u00eatre a deux boutons - Autoriser et Refuser et propose aux utilisateurs de donner leur consentement pour les cookies.<\/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\">Exemple 3: Bo\u00eete flottante centrale<\/h3><div class=\"application-examples-item-description\">Il s'agit du type de notification de cookie le plus simple et le plus populaire - une barre align\u00e9e au centre plac\u00e9e en bas de la page. Il n'y a qu'un court texte de notification, pas de boutons ou d'\u00e9l\u00e9ments suppl\u00e9mentaires. Pour fermer la fen\u00eatre, les utilisateurs doivent simplement cliquer sur la croix dans le coin sup\u00e9rieur droit.<\/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\/fr\/wp-content\/themes\/elfsight\/frontend\/assets\/img\/application-cta-create.jpg\" alt=\"Commencez par cr\u00e9er votre widget\">\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\">Commencez par cr\u00e9er votre widget<\/div>\n\n                            <div class=\"application-cta-create-content-text\">Vite. Facile. Pas de codage.<\/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\">Cr\u00e9er un widget<\/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\">Exemple 4: Bo\u00eete flottante gauche<\/h3><div class=\"application-examples-item-description\">D\u00e9couvrez comment organiser une notification de cookie compacte, qui est pourtant assez informative. Cette fen\u00eatre contient non seulement le texte de notification, mais \u00e9galement un lien actif vers les conditions d'utilisation du site Web. Le texte du lien est color\u00e9 en bleu pour indiquer qu'il est cliquable.<\/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\">Exemple 5: Banni\u00e8re inf\u00e9rieure<\/h3><div class=\"application-examples-item-description\">Vous pouvez rendre votre fen\u00eatre cookie au maximum contrast\u00e9e en utilisant les bonnes couleurs. Ici, l'arri\u00e8re-plan est noir et le texte de la notification est blanc, tandis que le bouton est vice versa - avec un fond blanc et une \u00e9tiquette noire. Le texte de la notification peut \u00eatre facilement modifi\u00e9 dans les param\u00e8tres.<\/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":9,"featured_media":0,"parent":1220,"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-1229","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 des exemples de consentement aux cookies (2025)<\/title>\n<meta name=\"description\" content=\"Top 5 des exemples d&#039;int\u00e9gration de consentement de cookie de site Web: banni\u00e8re sup\u00e9rieure, bo\u00eete flottante droiteet autres mod\u00e8les pour votre site Web.\" \/>\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\/fr\/cookie-consent-widget\/examples\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Top 5 des exemples de consentement aux cookies (2025)\" \/>\n<meta property=\"og:description\" content=\"Top 5 des exemples d&#039;int\u00e9gration de consentement de cookie de site Web: banni\u00e8re sup\u00e9rieure, bo\u00eete flottante droiteet autres mod\u00e8les pour votre site Web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/fr\/cookie-consent-widget\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight FR\" \/>\n<meta property=\"article:modified_time\" content=\"2020-10-14T15:28:28+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Top 5 des exemples de consentement aux cookies (2025)","description":"Top 5 des exemples d'int\u00e9gration de consentement de cookie de site Web: banni\u00e8re sup\u00e9rieure, bo\u00eete flottante droiteet autres mod\u00e8les pour votre site Web.","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\/fr\/cookie-consent-widget\/examples\/","og_locale":"fr_FR","og_type":"article","og_title":"Top 5 des exemples de consentement aux cookies (2025)","og_description":"Top 5 des exemples d'int\u00e9gration de consentement de cookie de site Web: banni\u00e8re sup\u00e9rieure, bo\u00eete flottante droiteet autres mod\u00e8les pour votre site Web.","og_url":"https:\/\/elfsight.com\/fr\/cookie-consent-widget\/examples\/","og_site_name":"Elfsight FR","article_modified_time":"2020-10-14T15:28:28+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/fr\/cookie-consent-widget\/examples\/","url":"https:\/\/elfsight.com\/fr\/cookie-consent-widget\/examples\/","name":"Top 5 des exemples de consentement aux cookies (2025)","isPartOf":{"@id":"https:\/\/elfsight.com\/fr\/#website"},"datePublished":"2020-07-15T12:47:28+00:00","dateModified":"2020-10-14T15:28:28+00:00","description":"Top 5 des exemples d'int\u00e9gration de consentement de cookie de site Web: banni\u00e8re sup\u00e9rieure, bo\u00eete flottante droiteet autres mod\u00e8les pour votre site Web.","breadcrumb":{"@id":"https:\/\/elfsight.com\/fr\/cookie-consent-widget\/examples\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/fr\/cookie-consent-widget\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/fr\/cookie-consent-widget\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Cookie Consent","item":"https:\/\/elfsight.com\/fr\/cookie-consent-widget\/"},{"@type":"ListItem","position":3,"name":"Cookie Consent &#8211; Examples"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/fr\/#website","url":"https:\/\/elfsight.com\/fr\/","name":"Elfsight FR","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"meta_box":{"industry":"","seo_heading":"","heading":"","description":"","cta_heading":"","cta_description":"","application":"1219","h1":"","h1_caption":"","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\/fr\/wp-json\/wp\/v2\/pages\/1229","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/comments?post=1229"}],"version-history":[{"count":3,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/1229\/revisions"}],"predecessor-version":[{"id":1232,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/1229\/revisions\/1232"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/1220"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/media?parent=1229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}