Contenidos

    alt

    ¿Quieres que la gente comparta tus contenidos en Facebook? Pues facilítales la vida poniendo en tu web los botones oficiales para compartir en Facebook. Si no sabes dónde descargarlos, aquí te dejo el código de todos los botones de compartir en Facebook en html listos para usar.

    Botones de compartir en Facebook en html

    Todos los widgets de compartir en Facebook, cuentan con dos elementos a nivel de programación:

    Un script que debes incluir en tu página una sola vez, a ser posible después de la apertura <body>. El script no varía según del modelo de botón:

    El código html del plugin que pondrás justo dónde quieras que se ponga el botón. Este fragmento es el que determina la apariencia del botón de compartir (lo que se conoce como layout).

    El script es el siguiente:

    <div id=»fb-root»></div>
    <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = «//connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v2.0»;
    fjs.parentNode.insertBefore(js, fjs);
    }(document, ‘script’, ‘facebook-jssdk’));</script>

    Y estos son los 6 tipos de layout que Facebook pone a nuestra disposición. En el href tienes que poner la url de la web que quieres compartir. Aquí he puesto la de YoSEO, como ejemplo:

    Box count

    <div class=»fb-share-button» data-href=»https://www.yoseomarketing.com/» data-layout=»box_count»></div> 

    Se ve así:

    box_count

    Button count

    <div class=»fb-share-button» data-href=»https://www.yoseomarketing.com/» data-layout=»button_count»></div>

    Se ve así:

    button_count

    Button

    <div class=»fb-share-button» data-href=»https://www.yoseomarketing.com/» data-layout=»button»></div>

    Se ve así:

    button

    Icon link

    <div class=»fb-share-button» data-href=»https://www.yoseomarketing.com/» data-layout=»icon_link»></div>

    Se ve así:

    icon_link

    Icon

    <div class=»fb-share-button» data-href=»https://www.yoseomarketing.com/» data-layout=»icon»></div>

    Se ve así:

    icon

    Link

    <div class=»fb-share-button» data-href=»https://www.yoseomarketing.com/» data-layout=»link»></div>

    Se ve así:

    link

    ¿Cual de estos botones de compartir en Facebook te gustan más? Personalmente el que más atractivo me parece es el box count. Espero tus impresiones en los comentarios.

    Te deSEO un buen día,

    William Penguin.

    Artículos Relacionados
    pros y contras de las redes sociales 13/02/2020 Pros y Contras de las Redes Sociales, ¡El gran debate!

    El mayor adelanto tecnológico del siglo o una forma de esclavitud moderna. El debate sobre los pros y contras...

    Redes sociales corporativas 13/11/2019 Qué uso se hace de las redes sociales corporativas y los perfiles de empresa

    La relación entre SEO y redes sociales corporativas sigue siendo un misterio, sin embargo, las...

    Inconvenientes del SEO 23/10/2019 Los inconvenientes del SEO y cómo solucionarlos

    El SEO es una herramienta de marketing muy eficaz, sin embargo, es imprescindible que conozcas los inconvenientes...

    Respuesta de usuario 02/10/2019 Qué es la respuesta de usuario y qué información aporta en SEO

    La respuesta de usuario es el complemento perfecto al SEO OnPage y la estrategia de linkbuilding. Existen preguntas que...

    Deja un comentario

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *