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:
<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:
Editado
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
Puntos
1582
Visitas
Visitas
2
Resp
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
Puntos
Por alber hace 103 meses
Administrador
Respuesta #2
te paso un tip por si quieres centrar los flotantes https://datoweb.com/post/2469/abrir-flotante-popup-en-el-centro-de-la-pagina-con-javascript
;)
;)
0
Puntos
Puntos
Por alber hace 103 meses
Administrador