Bienvenido a datoweb.com!! En este foro podrás encontrar ayuda sobre diseño y desarrollo web en general. Si quieres formar parte de esta comunidad para pedir ayuda o colaborar ayudando a otros usuarios del foro solo tienes que registrarte desde el siguiente enlace: Registrarse en el Foro

Compartir página actual en redes sociales facilmente

En muchas ocasiones hemos copiado la url de una web y la hemos pegado en una red social....
No se si esta explicado en este foro... yo no lo he encontrado. Y me encantaría poder explicar una forma muy sencilla donde un usuario desde dentro de nuestra web pueda compartir el enlace donde se encuentra sin tener que salirse de la misma.

Así es como yo lo hago:
Primero inserto este código que és el que recoge la url donde se encuentra el usuario:
<?php
function dameURL(){
$url="http://".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];
return $url;
}?>
Luego si quereís sacarlo dentro de la página (Yo bueno, por cuestión de diseño lo he metido en un input, pero vosotros podeís hacerlo donde querais e incluso no sacarlo, no hace falta):

<input class="url-anuncio" type="text" value="<?php echo dameURL();?>">

Bien ahora os voy a pasar 4 links de redes sociales que podeis meterlos en vuestro codigo.

Ejemplo: (Lo he estructurado para que lo entendais, luego abajo os pasare todo)

<a class="links-compartir-twitter"

1.) Queremos que no se vayan así que abrimos el enlace en una ventana modal flotante
href="javascript:window.open('------CONTENIDO------- ','','width=600,height=400,left=50,top=50,toolbar=yes');void 0">

2.)Donde pone ----CONTENIDO---- metemos la url de las redes sociales que tienen dispuestas para compartir + el echo <?php echo dameURL();?> que nos da la url.

https://www.facebook.com/sharer/sharer.php?u=<?php echo dameURL();?>
https://plus.google.com/share?url=<?php echo dameURL();?>
https://twitter.com/?status=Me gusta esta pagina<?php echo dameURL();?>
http://www.linkedin.com/shareArticle?url=<?php echo dameURL();?>
</a>

Y ya está así de simple aquí está todo el ejemplo:
<a class="links-compartir-facebook" href="javascript:window.open('https://www.facebook.com/sharer/sharer.php?u=<?php echo dameURL();?>','','width=600,height=400,left=50,top=50,toolbar=yes');void 0"></a>


<a class="links-compartir-google" href="javascript:window.open('https://plus.google.com/share?url=<?php echo dameURL();?>','','width=600,height=400,left=50,top=50,toolbar=yes');void 0"></a>

<a class="links-compartir-twitter" href="javascript:window.open('https://twitter.com/?status=Me gusta esta anuncio<?php echo dameURL();?>','','width=600,height=400,left=50,top=50,toolbar=yes');void 0"></a>

<a class="links-compartir-linkedin" href="javascript:window.open('http://www.linkedin.com/shareArticle?url=<?php echo dameURL();?>','','width=600,height=400,left=50,top=50,toolbar=yes');void 0"></a>

Editado
2
Puntos
1582
Visitas
2
Resp
Por Mavericka3 hace 103 meses
Principiante
Respuesta #1
muy buen aporte!! no estaría mal meterle como segundo parámetro "popup" aunque funciona igual
<a href="javascript:window.open('https://www.facebook.com/sharer/sharer.php?u=https://datoweb.com','popup','width=600,height=400,left=50,top=50,toolbar=yes');">Compartir en facebook</a>
saludos!
0
Puntos
Por alber hace 103 meses
Administrador
Respuesta #2
0
Puntos
Por alber hace 103 meses
Administrador
Compartir en facebook
Compartir en twitter
Compartir
Para comentar Inicia sesión o Registrate