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
    mejores tweets 25/05/2021 30 mejores Tweets del mundo | Graciosos, deportivos

    Como ya sabrás si visitas este blog de forma habitual, soy gran fan de las listas. También soy fan...

    Citar un tweet y Retwittear 24/05/2021 Citar un tweet y Retwittear | ¿Qué es? ¿Cómo hacerlo?

    Empezar en Twitter puede ser como aprender un nuevo idioma. Retweet, RT, mención, follower, unfollow, FF, hashtag… Esta red...

    14/05/2021 Qué es una MBN

    Es una estrategia de marketing que se basa en la creación de una red de blogs, con...

    26/04/2021 ¿Qué es Drag and drop?

    El Drag and drop es una metodología sencilla para mover elementos en una interfaz de diseño web....

    Deja un comentario

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