{"id":877,"date":"2020-06-26T05:06:47","date_gmt":"2020-06-26T05:06:47","guid":{"rendered":"https:\/\/elfsight.com\/fr\/?page_id=877"},"modified":"2020-06-29T15:05:19","modified_gmt":"2020-06-29T15:05:19","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/fr\/facebook-feed-widget\/examples\/","title":{"rendered":"Facebook Feed &#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\">Facebook exemple 1: Widget moyen<\/h3><div class=\"application-examples-item-description\">Ce widget de taille moyenne conviendra \u00e0 la plupart des cas o\u00f9 Facebook doit \u00eatre int\u00e9gr\u00e9 dans une zone de contenu du site Web. Vous pouvez facilement modifier les param\u00e8tres de la largeur et de la hauteur pour l'adapter \u00e0 vos besoins. L'en-t\u00eate affiche la couverture de la page, le nom et les statistiques, ainsi que les boutons J'aime et Partager.<\/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=65f1a82e-4c58-4156-8670-47ac0bde6256&padding=28px+0+28px+0\" 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\">Facebook exemple 2: Petit widget<\/h3><div class=\"application-examples-item-description\">Regardez \u00e0 quel point tous les \u00e9l\u00e9ments d'en-t\u00eate se r\u00e9organisent magnifiquement lorsque vous choisissez la largeur du widget. Gr\u00e2ce \u00e0 l'adaptabilit\u00e9, quels que soient les param\u00e8tres de la largeur et de la hauteur que vous d\u00e9finissez, le flux sera brillant et enregistrera toutes les fonctionnalit\u00e9s en m\u00eame temps. L'utilisateur peut afficher chaque publication dans une fen\u00eatre contextuelle et r\u00e9agir directement sur place.<\/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=44f40d30-805e-4c95-848e-9d06cfe62c6e&padding=28px+0+28px+0\" 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\">Facebook exemple 3: Grand widget<\/h3><div class=\"application-examples-item-description\">Pour que le widget d'une taille g\u00e9n\u00e9reuse s'int\u00e8gre bien dans la page, vous pouvez faire varier l'affichage de divers \u00e9l\u00e9ments. Dans ce cas, l'image de couverture de l'en-t\u00eate a \u00e9t\u00e9 d\u00e9sactiv\u00e9e, ce qui a rendu l'ensemble moins encombrant. Toutes les informations sur les messages y restent et les messages eux-m\u00eames juxtaposent bien le flux. Le bouton Charger plus permet une navigation rapide.<\/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=c76d1fcd-2287-469a-b37e-5384fbc49147&padding=28px+0+28px+0\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n\n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\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\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\">Facebook exemple 4: Publications Facebook<\/h3><div class=\"application-examples-item-description\">Obtenez le maximum de propret\u00e9, lorsque tout ce que vous voulez montrer, ce sont les messages. L'option pour changer de menu vous permet d'afficher un seul type de contenu et transforme le widget en une s\u00e9rie de publications. Et lorsque l'en-t\u00eate est \u00e9galement masqu\u00e9, le widget concentre une attention maximale sur les publications, avec des statistiques et des options de partage.<\/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 application-examples-item-iframe-fixed-height\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=9379248d-4729-4f4f-bf00-172664e4ebfd&padding=28px+0+28px+0\" width=\"100%\" height=\"830px\" 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\">Facebook exemple 5: Poteaux pleine largeur<\/h3><div class=\"application-examples-item-description\">Vous pouvez int\u00e9grer Facebook Feed dans toute la page et il se fondra de mani\u00e8re absolument transparente. Il suffit de laisser la valeur Auto dans les champs de largeur et de hauteur pour que le widget remplisse automatiquement tout l'espace disponible sur la page. Avec l'en-t\u00eate d\u00e9sactiv\u00e9, le flux se transforme en une impressionnante vitrine de messages, qui vaut bien une page d\u00e9di\u00e9e.<\/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 application-examples-item-iframe-fixed-height\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=1bf5195b-e68e-485c-a49e-fb9e77aa3df4&padding=28px+0+28px+0\" width=\"100%\" height=\"800px\" 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\">Facebook exemple 6: Photos Facebook<\/h3><div class=\"application-examples-item-description\">En quelques clics, transformez votre flux en une galerie de photos irr\u00e9sistible. Minimaliste et \u00e9pur\u00e9, il est vou\u00e9 \u00e0 attirer des vues et \u00e0 susciter l'engagement - ce ne sont que des photos Facebook sans d\u00e9tails suppl\u00e9mentaires. Ils s'ouvrent dans une fen\u00eatre contextuelle pour une vue compl\u00e8te et les utilisateurs peuvent y naviguer en faisant glisser ou en utilisant des fl\u00e8ches. Les r\u00e9actions et le bouton Partager sont \u00e9galement disponibles dans la fen\u00eatre contextuelle.<\/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 application-examples-item-iframe-fixed-height\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=2f8a1481-8dcf-4bbd-a36c-180a5a3ed6c1&padding=28px+0+28px+0\" width=\"100%\" height=\"800px\" 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":12,"featured_media":0,"parent":854,"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-877","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>Exemples de flux Facebook - Exemples d&#039;int\u00e9gration du widget<\/title>\n<meta name=\"description\" content=\"6 meilleurs exemples d&#039;int\u00e9gration de flux Facebook sur le site Web: tous les types de contenu, flux d&#039;actualit\u00e9s, flux photo, galerie de vid\u00e9os et autres mod\u00e8les.\" \/>\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\/facebook-feed-widget\/examples\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Exemples de flux Facebook - Exemples d&#039;int\u00e9gration du widget\" \/>\n<meta property=\"og:description\" content=\"6 meilleurs exemples d&#039;int\u00e9gration de flux Facebook sur le site Web: tous les types de contenu, flux d&#039;actualit\u00e9s, flux photo, galerie de vid\u00e9os et autres mod\u00e8les.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/fr\/facebook-feed-widget\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight FR\" \/>\n<meta property=\"article:modified_time\" content=\"2020-06-29T15:05:19+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=\"3 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Exemples de flux Facebook - Exemples d'int\u00e9gration du widget","description":"6 meilleurs exemples d'int\u00e9gration de flux Facebook sur le site Web: tous les types de contenu, flux d'actualit\u00e9s, flux photo, galerie de vid\u00e9os et autres mod\u00e8les.","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\/facebook-feed-widget\/examples\/","og_locale":"fr_FR","og_type":"article","og_title":"Exemples de flux Facebook - Exemples d'int\u00e9gration du widget","og_description":"6 meilleurs exemples d'int\u00e9gration de flux Facebook sur le site Web: tous les types de contenu, flux d'actualit\u00e9s, flux photo, galerie de vid\u00e9os et autres mod\u00e8les.","og_url":"https:\/\/elfsight.com\/fr\/facebook-feed-widget\/examples\/","og_site_name":"Elfsight FR","article_modified_time":"2020-06-29T15:05:19+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/fr\/facebook-feed-widget\/examples\/","url":"https:\/\/elfsight.com\/fr\/facebook-feed-widget\/examples\/","name":"Exemples de flux Facebook - Exemples d'int\u00e9gration du widget","isPartOf":{"@id":"https:\/\/elfsight.com\/fr\/#website"},"datePublished":"2020-06-26T05:06:47+00:00","dateModified":"2020-06-29T15:05:19+00:00","description":"6 meilleurs exemples d'int\u00e9gration de flux Facebook sur le site Web: tous les types de contenu, flux d'actualit\u00e9s, flux photo, galerie de vid\u00e9os et autres mod\u00e8les.","breadcrumb":{"@id":"https:\/\/elfsight.com\/fr\/facebook-feed-widget\/examples\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/fr\/facebook-feed-widget\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/fr\/facebook-feed-widget\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Facebook Feed","item":"https:\/\/elfsight.com\/fr\/facebook-feed-widget\/"},{"@type":"ListItem","position":3,"name":"Facebook Feed &#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":"846","h1":"Exemples du Facebook Feed","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\/877","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\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/comments?post=877"}],"version-history":[{"count":1,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/877\/revisions"}],"predecessor-version":[{"id":878,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/877\/revisions\/878"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/854"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/media?parent=877"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}