Adding Facebook Share Button Using HTML

C

cesarneitor Seguir

Alfa
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
27 Jun 2014
Mensajes
23
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
 
C

cesarneitor

Alfa
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
27 Jun 2014
Mensajes
23
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
 
R

RafaG

Alfa
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
3 Jun 2014
Mensajes
15
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.
 
L

lhmaster

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
19 May 2014
Mensajes
211
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
Hacer clic para expandir...

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.
 
C

cesarneitor

Alfa
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
27 Jun 2014
Mensajes
23
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?
 
R

RafaG

Alfa
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
3 Jun 2014
Mensajes
15
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.
 
M

minixuru

Alfa
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
26 Ene 2014
Mensajes
29
Muchas gracias , este tema me ayudo mucho tampoco en encontraba un codigo que funcionase
 
kanikase

kanikase

Préstamo
Ómicron
Programador
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
22 Feb 2014
Mensajes
4.716
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>
 
J

JesusEC

Préstamo
Iota
Redactor
Desde
6 Abr 2012
Mensajes
2.138
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Hay que estar conectado o registrado para responder aquí.
Arriba