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
    freebies 09/04/2021 ¿Qué son los Freebies?

    Los Freebies son todas aquellas muestras gratis, versiones de prueba, regalos y demás obsequios entregados por las...

    cpc 07/04/2021 ¿Qué es el CPC?

    CPC o Coste por clic, es un método de facturación de publicidad en internet en la que el anunciante...

    prescriptor 29/03/2021 Qué es un prescriptor

    Un prescriptor es una persona que puede influir sobre el público cuando comparte su opinión,...

    pop-up 24/03/2021 Qué es un pop-up

    El Pop up es una ventana emergente que aparece en pantalla al entrar en una página web. Dicha ventana...

    Deja un comentario

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