Adding Facebook Share Button Using HTML

cesarneitor · 2014-08-04T13:01:55-0500

hola a todos quisiera saber como puedo agregar en html un script para compartir facebook, ya intente muchas veces y no me salio. si me pueden decir como se le agrega o si tienen un script para descargar estaria bueno

RafaG · 2014-08-04T13:03:08-0500

¿Has probado esto?
https://developers.facebook.com/docs/plugins/share-button

Un saludo

CotizaoMusic · 2014-08-04T13:08:29-0500

Si es WP porque no lo haces con Plugins busca ''Social Plugins'' o prueba aca en Developers: https://developers.facebook.com/docs/plugins/share-button

¡Saludos!

cesarneitor · 2014-08-04T13:09:00-0500

si ya probe y no me salio ya muchas veces. con twitter me sale sin problemas, coloco el script en head y en body el codigo

RafaG · 2014-08-04T13:12:24-0500

El script lo tienes que poner después del body, según recomienda la gente de Facebook. Y luego el resto de código lo pones donde quieres que se vea el botón.

Un saludo.

lhmaster · 2014-08-04T13:40:15-0500

cesarneitor dijo:
si ya probe y no me salio ya muchas veces. con twitter me sale sin problemas, coloco el script en head y en body el codigo

Lo que pasa esque el script va en el body no el head, ahi vienen muy bien detalladas las instrucciones.

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/sdk.js#xfbml=1&appId=1446787195553027&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Va en cualquier parte del body que quieras.

y esto
<div class="fb-share-button" data-href="https://developers.facebook.com/docs/plugins/"></div>

va donde quieres que aparesca.

cesarneitor · 2014-08-04T18:02:09-0500

ya intente de vuelta y no me salio. Les muestro como hice
<html>
<head>
<title>CompartirFace</title>
</head>
<body>
<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/sdk.js#xfbml=1&appId=1446787195553027&version=v2.0 ";
fjs.parentNode.insertBefore(js, fjs);
}
(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-share-button" data-href="https://developers.facebook.com/docs/plugins/"></div>
</body>
</html>

hice asi y no funciono , carga la pagina pero al final no aparece nada por que sera?

RafaG · 2014-08-05T10:28:35-0500

Creo que para que funcione el script tu página debe estar subida en un servidor (local o remoto). He copiado tu código y, efectivamente, no funciona, pero al poner ese HTML en la carpeta de XAMPP funciona sin problemas.

Un saludo.

cesarneitor · 2014-08-05T11:46:24-0500

Muchas gracias ya probe en un servido y me funcionó sin problemas

minixuru · 2014-08-13T03:11:26-0500

Muchas gracias , este tema me ayudo mucho tampoco en encontraba un codigo que funcionase

kanikase · 2014-08-13T03:16:00-0500

Si tienes problemas lo puedes hacer manual

HTML:

<a href='#' title='Compartir en Facebook' onclick='window.open("https://www.facebook.com/sharer/sharer.php?u="+document.URL)'>Compartir en Facebook</a>

JesusEC · 2014-08-14T10:02:25-0500

Estimado. Ayúdame con el código de estos botones sociales (El New York Times publicÃ³ una mordaz columna destrozando a “Internet.org” de Mark Zuckerberg | AcciÃ³n Preferente) similar a UPSOCL. Gracias

kanikase dijo:
Si tienes problemas lo puedes hacer manual

HTML:

<a href='#' title='Compartir en Facebook' onclick='window.open("https://www.facebook.com/sharer/sharer.php?u="+document.URL)'>Compartir en Facebook</a>