{"id":32110,"date":"2023-03-10T15:22:37","date_gmt":"2023-03-10T14:22:37","guid":{"rendered":"https:\/\/mimolive.com\/?post_type=user-manual&#038;p=32110"},"modified":"2025-06-16T19:25:32","modified_gmt":"2025-06-16T17:25:32","slug":"social-media-likes","status":"publish","type":"user-manual","link":"https:\/\/mimolive.com\/fr\/user-manual\/live-editing\/layers\/interaction\/social-media-likes\/","title":{"rendered":"Couche \"Likes\" des m\u00e9dias sociaux"},"content":{"rendered":"<p>Le calque Social Media Likes vous permet d'afficher le nombre de Likes pour une certaine page Facebook.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/72f069ee-4f35-4847-a70c-4a8d93fc15a4.png\" alt=\"\" class=\"wp-image-32111\" width=\"750\" height=\"423\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/72f069ee-4f35-4847-a70c-4a8d93fc15a4.png 1000w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/72f069ee-4f35-4847-a70c-4a8d93fc15a4-300x169.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/72f069ee-4f35-4847-a70c-4a8d93fc15a4-768x433.png 768w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/72f069ee-4f35-4847-a70c-4a8d93fc15a4-18x10.png 18w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"setting-up-the-social-media-likes-layer\">Mise en place de la couche \"Likes\" dans les m\u00e9dias sociaux<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"connect-a-data-source\">Connecter une source de donn\u00e9es<\/h4>\n\n\n\n<p>1. Pour que la couche \"Social Media Likes\" fonctionne, vous devez <a href=\"https:\/\/mimolive.com\/fr\/manuel-de-lutilisateur\/comptes\/\">cr\u00e9er un compte Facebook dans les Pr\u00e9f\u00e9rences des comptes<\/a>.<\/p>\n\n\n\n<p>2. <a href=\"https:\/\/mimolive.com\/fr\/manuel-de-lutilisateur\/medias-sociaux\/\">Cr\u00e9er une source de m\u00e9dias sociaux<\/a> pour r\u00e9cup\u00e9rer les Page Likes de la page Facebook.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/d456e872-55a5-432d-be10-59de91d7cb6c.png\" alt=\"\" class=\"wp-image-32112\" width=\"357\" height=\"353\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/d456e872-55a5-432d-be10-59de91d7cb6c.png 476w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/d456e872-55a5-432d-be10-59de91d7cb6c-300x296.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/d456e872-55a5-432d-be10-59de91d7cb6c-12x12.png 12w\" sizes=\"(max-width: 357px) 100vw, 357px\" \/><\/figure>\n\n\n<section class=\"boinx_section\">\n    <div class=\"main_div\">\n        <div class=\"left_div_icon\">\n                <i class=\"icon_highlight\">*<\/i>\n        <\/div>\n\n        <div class=\"right_div_text\">\n                <div><p class=\"text_highlight_headline\"><\/p><\/div>\n                <div><p class=\"text_highlight\">Vous pouvez s\u00e9lectionner des pages accessibles uniquement par le compte Facebook que vous avez cr\u00e9\u00e9 \u00e0 l'\u00e9tape 1.<\/p><\/div>\n        <\/div>    \n    <\/div>\n<\/section>\n\n\t\t<style>.boinx_section {\n    margin:30px 0;\n    padding:10px;\n    background-color:rgb(217,237,248);\n    border-radius: 8px;\n  \n}\n\n.icon_highlight {\n    display:block;\n    padding:5px;\n    font-size:80px;\n    color:rgb(58,134,172);\n    line-height:60px;\n}\n\n.text_highlight {\n    color:rgb(58,134,172);\n}\n\n.text_highlight_headline{\n    font-weight:bold;\n    color:rgb(58,134,172);\n}\n\n.main_div\n{\n    display:flex !IMPORTANT;\n    flex-wrap: wrap;\n    flex-direction: row;\n    justify-content : flex-start;\n    align-items : flex-start\n    align-content : flex-start;\n}\n.left_div_icon{\n    display:flex !IMPORTANT;\n    width:40px;\n    padding:0;\n    margin:10px 20px 10px 10px;\n    \n}\n.right_div_text{\n    display:flex !IMPORTANT;\n    flex-direction: column;\n    flex-grow: 1;\n    padding:10px;\n    margin:0;\n    width:200px;\n    }<\/style>\n\t\t\n\n\n<p>3. <a href=\"https:\/\/mimolive.com\/fr\/manuel-de-lutilisateur\/couches-et-variantes\/\">Ajouter le calque Social Media Likes<\/a> \u00e0 votre pile de couches et le mettre en service.<\/p>\n\n\n\n<p>4. S\u00e9lectionnez la source des m\u00e9dias sociaux comme <b>Source des donn\u00e9es<\/b> dans le <b>Contenu<\/b> des param\u00e8tres de la couche.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/bf28330a-0988-4fec-be4a-165feecdc833.png\" alt=\"\" class=\"wp-image-32113\" width=\"325\" height=\"108\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/bf28330a-0988-4fec-be4a-165feecdc833.png 650w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/bf28330a-0988-4fec-be4a-165feecdc833-300x100.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/bf28330a-0988-4fec-be4a-165feecdc833-18x6.png 18w\" sizes=\"(max-width: 325px) 100vw, 325px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"design-the-layout\">Concevoir la mise en page<\/h4>\n\n\n\n<p>Dans le cadre de la <b>G\u00e9om\u00e9trie<\/b> des param\u00e8tres du calque, vous pouvez positionner le compteur de likes dans votre sortie vid\u00e9o. Cela est \u00e9galement possible en manipulant directement la zone de pr\u00e9visualisation des calques.<\/p>\n\n\n\n<p>Si vous avez un grand nombre de pages aim\u00e9es, vous voudrez probablement ne pas l'afficher dans la longueur totale. La page <b>Num\u00e9ros courts<\/b> dans l'option <b>Apparence<\/b> raccourcira le num\u00e9ro \u00e0 la puissance de dix la plus proche.<\/p>\n\n\n\n<p>Si vous souhaitez attirer l'attention sur le changement de num\u00e9ro, vous pouvez activer la fonction <b>Badge Wiggle<\/b> option. Le graphique du pouce lev\u00e9 s'agitera chaque fois que le compteur changera.<\/p>\n\n\n\n<p>Le site <b>L'arri\u00e8re-plan* du calque Social Media Likes est une bo\u00eete arrondie avec une couleur constante par d\u00e9faut. Cependant, vous pouvez le modifier pour qu'il devienne un **Gradiant de gauche \u00e0 droite<\/b>, <b>Gradient de haut en bas<\/b> ou un <b>Sur mesure<\/b> graphique.<\/p>\n\n\n\n<p>A <b>Ombre port\u00e9e<\/b> vous permet d'ajouter du contraste \u00e0 l'arri\u00e8re-plan. L'ombre port\u00e9e peut \u00eatre ajust\u00e9e dans <b>Couleur<\/b>, <b>Flou<\/b>, <b>Distance<\/b> et <b>Direction<\/b>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/f5a14a7a-b6da-484e-af25-b6e44efb8fc3.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/f5a14a7a-b6da-484e-af25-b6e44efb8fc3.png\" alt=\"\" class=\"wp-image-32114\" width=\"750\" height=\"397\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/f5a14a7a-b6da-484e-af25-b6e44efb8fc3.png 1000w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/f5a14a7a-b6da-484e-af25-b6e44efb8fc3-300x159.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/f5a14a7a-b6da-484e-af25-b6e44efb8fc3-768x406.png 768w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/f5a14a7a-b6da-484e-af25-b6e44efb8fc3-18x10.png 18w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/a><\/figure>","protected":false},"excerpt":{"rendered":"<p>The Social Media Likes layer lets you display the Likes count for a certain Facebook Page. Setting up The Social Media Likes layer Connect a data source 1. In order to make the Social Media Likes layer work you need to setup a Facebook account in the Accounts Preferences. 2. Create a Social Media Source [&hellip;]<\/p>","protected":false},"author":3,"featured_media":0,"parent":40885,"menu_order":2,"template":"","meta":{"_acf_changed":false,"_angie_page":false,"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"categories":[258],"tags":[],"class_list":["post-32110","user-manual","type-user-manual","status-publish","hentry","category-manual"],"acf":[],"_links":{"self":[{"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/user-manual\/32110","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/user-manual"}],"about":[{"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/types\/user-manual"}],"author":[{"embeddable":true,"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/users\/3"}],"version-history":[{"count":2,"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/user-manual\/32110\/revisions"}],"predecessor-version":[{"id":40952,"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/user-manual\/32110\/revisions\/40952"}],"up":[{"embeddable":true,"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/user-manual\/40885"}],"wp:attachment":[{"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/media?parent=32110"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/categories?post=32110"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mimolive.com\/fr\/wp-json\/wp\/v2\/tags?post=32110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}