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
1536
Visitas
2
Resp
Por mavericka3 hace 10 años
Novice
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://phpres.net','popup','width=600,height=400,left=50,top=50,toolbar=yes');">Compartir en facebook</a>
saludos!
0
Puntos
Por alber hace 10 años
Admin
Respuesta #2
te paso un tip por si quieres centrar los flotantes https://phpres.net/js-jquery/abrir-flotante-popup-en-el-centro-de-la-pagina-con-javascript

;)
0
Puntos
Por alber hace 10 años
Admin
Para comentar Inicia sesión o Regístrate
Phpres 2025@ All rights reserved.
Utilizamos cookies para mejorar la navegación en el sitio. Más información Aceptar