Compartir Tuenti/Twitter/Facebook y Megusta ASP.NET Leido 15.497 veces

 
  Broco
Ha recibido:
2 premios
Bueno, digo voy a crear una funcion para mostrar compartir así no tengo que estar siempre poniendo el HTML/JS y ese rollo...
Lo primero es descargar el pack de imagenes: (elegir uno, todos los links tienen el mismo archivo)
Megaupload
Gamefront
Rapidshare
y lo ponemos en el directorio de nuestra web (descomprimido claro), yo lo he puesto en "img/compartir" por eso en el código de ejemplo sale esa ruta, eso teneis que cambiarlo y ponerlo a vuestro gusto, con solo llamar a la funcion los botones ya funcionrán ya se encarga la funcion de coger la URL con JS :) (Si son URLS amigables puedes tener problemas, pero bueno si usas amigables sabes como solucionaralo ;-))
Y yo uso Midll que es la clase donde tengo metida la clase de RedesocialesC que vosotros cambiarlo por el nombre de la vuestra clase


Public Class RedesocialesC
Public Enum Tipocompartir
Rectangulos_ConContador = 1
Rectangulos_SinContador = 2
CuadrosPequeños = 3
CuadrosGrandes = 4
End Enum
Public Enum Facebook
MostrarCompartir = 1
MostrarMegusta = 0
MostrarLosDos = 2
End Enum
Public Shared Function Compartir(ByVal TipoCompartir As Tipocompartir, ByVal OpcionesFacebook As Facebook, ByVal CarpetaContenedora$) As String
Dim Retornar As New System.Text.StringBuilder : Retornar.Append("<table border=""0"" cellpadding=""4"" cellspacing=""0""><tr>")

If TipoCompartir = TipoCompartir.Rectangulos_ConContador Then
If OpcionesFacebook = Facebook.MostrarCompartir Or OpcionesFacebook = Facebook.MostrarLosDos Then Retornar.Append("<td valign=""top""><a name=""fb_share"" type=""button_count"">Compartir</a>" _
& "<script src=""http://static.ak.fbcdn.net/connect.php/js/FB.Share"" type=""text/javascript""></script></td>")
Retornar.Append("<td valign=""top""><a href=""http://twitter.com/share"" class=""twitter-share-button"" data-count=""horizontal"" data-lang=""es"">Tweet</a><script type=""text/javascript"" " _
& "src=""http://platform.twitter.com/widgets.js""></script></td>")
Retornar.Append("<td valign=""top""><a onclick = ""window.open('http://www.tuenti.com/share?url=' + location.href, '_blank', 'height=375,width=600'); return false;""><img style=""cursor:pointer""" _
& "src=""http://estaticosak1.tuenti.com/layout/web2-Zero/images/corporate/6_share_es_dark.ed72a18414.png"" border=""0"" /></a></td>")
ElseIf TipoCompartir = TipoCompartir.Rectangulos_SinContador Then
If OpcionesFacebook = Facebook.MostrarCompartir Or OpcionesFacebook = Facebook.MostrarLosDos Then Retornar.Append("<td valign=""top""><a name=""fb_share"" type=""button"">Compartir</a>" _
& "<script src=""http://static.ak.fbcdn.net/connect.php/js/FB.Share"" type=""text/javascript""></script></td>")
Retornar.Append("</td><td valign=""top""><a href=""http://twitter.com/share"" class=""twitter-share-button"" data-count=""none"" data-lang=""es"">Tweet</a><script type=""text/javascript""" _
& " src=""http://platform.twitter.com/widgets.js""></script></td>")
Retornar.Append("</td><td valign=""top""><img onclick = ""window.open('http://www.tuenti.com/share?url=' + location.href, '_blank', 'height=375,width=600'); return false;""" _
& "style=""cursor:pointer"" src=""http://estaticosak1.tuenti.com/layout/web2-Zero/images/corporate/6_share_es_dark.ed72a18414.png"" border=""0"" /></td>")
ElseIf TipoCompartir = TipoCompartir.CuadrosPequeños Then
If OpcionesFacebook = Facebook.MostrarCompartir Or OpcionesFacebook = Facebook.MostrarLosDos Then Retornar.Append("<td valign=""top""><img style=""cursor:pointer""" _
& "onclick = ""window.open(' http://www.facebook.com/sharer.php?u=' + location.href, '_blank', 'height=375,width=600'); return false;"" src=""" & CarpetaContenedora & "/facebookCP.png""></td>")
Retornar.Append("<td valign=""top""><img style=""cursor:pointer"" onclick = ""window.open('http://twitter.com/share?url=' + location.href, '_blank', 'height=375,width=600'); " _
& "return false;"" src=""" & CarpetaContenedora & "/twitterCP.png""></td>")
Retornar.Append("<td valign=""top""><img style=""cursor:pointer"" onclick = ""window.open('http://www.tuenti.com/share?url=' + location.href, '_blank', 'height=375,width=600');" _
& " return false;"" src=""" & CarpetaContenedora & "/tuentiCP.png""></td>")
ElseIf TipoCompartir = TipoCompartir.CuadrosGrandes Then
If OpcionesFacebook = Facebook.MostrarCompartir Or OpcionesFacebook = Facebook.MostrarLosDos Then Retornar.Append("<td valign=""top""><img style=""cursor:pointer"" onclick = " _
& """window.open(' http://www.facebook.com/sharer.php?u=' + location.href, '_blank', 'height=375,width=600'); return false;"" src=""" & CarpetaContenedora & "/facebookCG.png""></td>")
Retornar.Append("<td valign=""top""><img style=""cursor:pointer"" onclick = ""window.open('http://twitter.com/share?url=' + location.href, '_blank', 'height=375,width=600'); " _
& "return false;"" src=""" & CarpetaContenedora & "/twitterCG.png""></td>")
Retornar.Append("<td valign=""top""><img style=""cursor:pointer"" onclick = ""window.open('http://www.tuenti.com/share?url=' + location.href, '_blank', 'height=375,width=600');" _
& " return false;"" src=""" & CarpetaContenedora & "/tuentiCG.png""></td>")
End If

If OpcionesFacebook = Facebook.MostrarMegusta Or OpcionesFacebook = Facebook.MostrarLosDos Then
Retornar.Append("<td valign=""top""><iframe height=""20"" src=""http://www.facebook.com/plugins/like.php?href=" & System.Web.HttpContext.Current.Request.Url.ToString _
& "&layout=button_count&show_faces=true&width=450&action=like&colorscheme=light"" frameBorder=""0""" _
& " scrolling=""no"" style=""border-bottom: medium none;" _
& " border-left: medium none; width: 150px; height: 20px; overflow: hidden; border-top: medium none;" _
& "border-right: medium none;"" allowTransparency=""allowtransparency""></iframe></td>")
End If

Retornar.Append("</tr></table>")
Return Retornar.ToString
End Function

End Class


Aquí un ejemplo de como llamar a la función(desde el aspx) y abajo la imagen de como quedaria :)



<% response.write(MiDll.RedesocialesC.Compartir(MiDll.RedesocialesC.Tipocompartir.CuadrosGrandes, MiDll.RedesocialesC.Facebook.MostrarLosDos, "img/compartir"))%><br />
<% response.write( MiDll.RedesocialesC.Compartir(MiDll.RedesocialesC.Tipocompartir.CuadrosPequeños, MiDll.RedesocialesC.Facebook.MostrarLosDos, "img/compartir"))%><br />
<% response.write(MiDll.RedesocialesC.Compartir(MiDll.RedesocialesC.Tipocompartir.Rectangulos_ConContador, MiDll.RedesocialesC.Facebook.MostrarLosDos, "img/compartir"))%><br />
<% response.write(MiDll.RedesocialesC.Compartir(MiDll.RedesocialesC.Tipocompartir.Rectangulos_SinContador, MiDll.RedesocialesC.Facebook.MostrarLosDos, "img/compartir"))%><br />

<br /> ---<br />
<% response.write(MiDll.RedesocialesC.Compartir(MiDll.RedesocialesC.Tipocompartir.CuadrosGrandes, MiDll.RedesocialesC.Facebook.MostrarCompartir, "img/compartir"))%><br />
<% response.write( MiDll.RedesocialesC.Compartir(MiDll.RedesocialesC.Tipocompartir.CuadrosPequeños, MiDll.RedesocialesC.Facebook.MostrarCompartir, "img/compartir"))%><br />
<% response.write(MiDll.RedesocialesC.Compartir(MiDll.RedesocialesC.Tipocompartir.Rectangulos_ConContador, MiDll.RedesocialesC.Facebook.MostrarCompartir, "img/compartir"))%><br />
<% response.write(MiDll.RedesocialesC.Compartir(MiDll.RedesocialesC.Tipocompartir.Rectangulos_SinContador, MiDll.RedesocialesC.Facebook.MostrarCompartir, "img/compartir")%><br />

<br /> ---<br />
<% response.write(MiDll.RedesocialesC.Compartir(MiDll.RedesocialesC.Tipocompartir.CuadrosGrandes, MiDll.RedesocialesC.Facebook.MostrarMegusta, "img/compartir"))%><br />
<% response.write( MiDll.RedesocialesC.Compartir(MiDll.RedesocialesC.Tipocompartir.CuadrosPequeños, MiDll.RedesocialesC.Facebook.MostrarMegusta, "img/compartir"))%><br />
<% response.write(MiDll.RedesocialesC.Compartir(MiDll.RedesocialesC.Tipocompartir.Rectangulos_ConContador, MiDll.RedesocialesC.Facebook.MostrarMegusta, "img/compartir"))%><br />
<% response.write(MiDll.RedesocialesC.Compartir(MiDll.RedesocialesC.Tipocompartir.Rectangulos_SinContador, MiDll.RedesocialesC.Facebook.MostrarMegusta, "img/compartir"))%><br />


[nocodigo]


PD: Cualquier problema avisadme, de momento yo lo estoy usando en una web y funciona bien :)

 

 








    ¿Cuantas columnas?     | 2 columnas | 3 columnas | 4 columnas | 5 columnas | 6 columnas |  
    Escribe la dirección web de la imagen:
  Publica tu respuesta  |  Haz Click en el siguiente cuadro para escribir Mostrar/Ocultar Editor avanzado