Botón me gusta de Facebook en tu página

Hola, buenas. Hoy vamos a aprender cómo poner un botón “me gusta” de Facebook en nuestra página. Lo positivo de esto es que no sólo le da un toque moderno a nuestra página, sino que además todas aquellas personas que lo pulsen les harán publicidad gratis en su muro 🙂

Bueno, empecemos. Primero se dirigen a esta dirección:

https://developers.facebook.com/docs/reference/plugins/like/

Ahí debería aparecer una caja, donde le pedirán algunos datos para crear el botón:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Donde dice “URL to Like”, ingresen la dirección de su página. En mi caso: https://fernando-gaitan.com.ar/

Luego deberían configurar algunos datos que tienen que ver más con la parte de diseño y al costado aparecerá una previsualización del botón, de cómo se verá.

Una vez que el botón quedó cómo a ustedes les parece, presionan “Get Code” y les generará dos códigos:

El primero es algo cómo esto:

<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_LA/all.js#xfbml=1";
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Estas líneas permitirán conectar su página con Facebook, y no sólo les permitirá poner el botón “me gusta” con la dirección de su página, sino que también les permitirá crear más de un botón u otros componentes como por ejemplo, una caja para realizar comentarios de usuarios de Facebook. Por tanto, este código debería estar puesto solamente una vez en el código html de su página. Además, el mismo debería estar, en lo posible, arriba de todo, apenas abrimos la etiqueta body de nuestra página.

Luego también generará otro código como éste:

<div data-href="https://fernando-gaitan.com.ar/" data-send="true" data-width="450" data-show-faces="true"></div>

Éste último no es más que el botón “me gusta”, por tanto, deben ubicarlo en la parte de su página donde desean que este posicionado. Ojo, este botón no funcionará si el primer código que les da Facebook no está incluido en su página.

Bueno. Eso es todo.

Chau 🙂

Redes sociables

    Deja un comentario

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

    *