{"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":"me-gusta-en-las-redes-sociales","status":"publish","type":"user-manual","link":"https:\/\/mimolive.com\/es\/user-manual\/live-editing\/layers\/interaction\/social-media-likes\/","title":{"rendered":"Capa de medios sociales"},"content":{"rendered":"<p>La capa \"Me gusta en redes sociales\" permite mostrar el recuento de \"Me gusta\" de una determinada p\u00e1gina de 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\">Configuraci\u00f3n de la capa \"Me gusta\" de las redes sociales<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"connect-a-data-source\">Conectar una fuente de datos<\/h4>\n\n\n\n<p>1. Para que la capa de Social Media Likes funcione necesitas <a href=\"https:\/\/mimolive.com\/es\/manual-del-usuario\/cuentas\/\">configurar una cuenta de Facebook en las Preferencias de Cuentas<\/a>.<\/p>\n\n\n\n<p>2. <a href=\"https:\/\/mimolive.com\/es\/manual-del-usuario\/redes-sociales\/\">Crear una fuente de medios sociales<\/a> para recuperar los Me gusta de la p\u00e1gina de 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\">S\u00f3lo puedes seleccionar las p\u00e1ginas a las que puede acceder la cuenta de Facebook que configuraste en el paso 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\/es\/manual-del-usuario\/capas-y-variantes\/\">A\u00f1adir la capa \"Me gusta\" de las redes sociales<\/a> a tu pila de capas y con\u00e9ctalo en directo.<\/p>\n\n\n\n<p>4. Seleccione la fuente Social Media como <b>Fuente de datos<\/b> en el <b>Contenido<\/b> de los par\u00e1metros de la capa.<\/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\">Dise\u00f1ar la maqueta<\/h4>\n\n\n\n<p>En el <b>Geometr\u00eda<\/b> de los par\u00e1metros de la capa, puedes posicionar el contador de likes en tu salida de v\u00eddeo. Esto tambi\u00e9n es posible con la manipulaci\u00f3n directa en el \u00e1rea de vista previa de capas.<\/p>\n\n\n\n<p>Si por casualidad tienes un gran n\u00famero de \"Me gusta\" en tu p\u00e1gina, probablemente quieras no mostrarlo en la longitud total. La p\u00e1gina <b>N\u00fameros cortos<\/b> en el <b>Apariencia<\/b> acortar\u00e1 el n\u00famero a la potencia de diez d\u00edgitos m\u00e1s cercana.<\/p>\n\n\n\n<p>Si desea llamar la atenci\u00f3n sobre el cambio de n\u00famero, puede activar la funci\u00f3n <b>Insignia Wiggle<\/b> opci\u00f3n. El gr\u00e1fico de pulgares hacia arriba se mover\u00e1 cada vez que cambie el contador.<\/p>\n\n\n\n<p>En <b>Fondo* de la capa Social Media Likes es una caja redondeada con un color constante por defecto. Sin embargo, puede cambiarlo para que sea un **Gradiente de izquierda a derecha.<\/b>, <b>Gradiente de arriba a abajo<\/b> o un <b>A medida<\/b> gr\u00e1fico.<\/p>\n\n\n\n<p>A <b>Sombra paralela<\/b> le permite poner algo de contraste en el fondo. La sombra se puede ajustar en <b>Color<\/b>, <b>Desenfoque<\/b>, <b>Distancia<\/b> y <b>Direcci\u00f3n<\/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\/es\/wp-json\/wp\/v2\/user-manual\/32110","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mimolive.com\/es\/wp-json\/wp\/v2\/user-manual"}],"about":[{"href":"https:\/\/mimolive.com\/es\/wp-json\/wp\/v2\/types\/user-manual"}],"author":[{"embeddable":true,"href":"https:\/\/mimolive.com\/es\/wp-json\/wp\/v2\/users\/3"}],"version-history":[{"count":2,"href":"https:\/\/mimolive.com\/es\/wp-json\/wp\/v2\/user-manual\/32110\/revisions"}],"predecessor-version":[{"id":40952,"href":"https:\/\/mimolive.com\/es\/wp-json\/wp\/v2\/user-manual\/32110\/revisions\/40952"}],"up":[{"embeddable":true,"href":"https:\/\/mimolive.com\/es\/wp-json\/wp\/v2\/user-manual\/40885"}],"wp:attachment":[{"href":"https:\/\/mimolive.com\/es\/wp-json\/wp\/v2\/media?parent=32110"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mimolive.com\/es\/wp-json\/wp\/v2\/categories?post=32110"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mimolive.com\/es\/wp-json\/wp\/v2\/tags?post=32110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}