open - Facebook comparte el enlace-no hay javascript

open graph checker

Question

El siguiente enlace es para compartir una página en twitter:

http://twitter.com/share

¿Hay una opción similar para Facebook que no requiera javascript?

Sé acerca de http://facebook.com/sharer.php , pero eso requiere que se inserte un parámetro get manualmente (que no voy a hacer), o con javascript (que no se ajusta a mi situación).

Answer 1

Agregando a la solución de @ rybo111, esto es lo que sería compartir en LinkedIn:

<a href="http://www.linkedin.com/shareArticle?mini=true&url={articleUrl}&title={articleTitle}&summary={articleSummary}&source={articleSource}" target="_blank" class="share-popup">Share on LinkedIn</a>

y agregue esto a su Javascript:

case "www.linkedin.com":
    window_size = "width=570,height=494";
    break;

Según la documentación de LinkedIn: https://developer.linkedin.com/docs/share-on-linkedin (Consulte la sección "Url personalizada")

Para cualquiera que esté interesado, utilicé esto en una aplicación de Rails con un logotipo de LinkedIn, así que aquí está mi código si pudiera ayudar:

<%= link_to image_tag(''linkedin.png'', size: "50x50"), "http://www.linkedin.com/shareArticle?mini=true&url=#{job_url(@job)}&title=#{full_title(@job.title).html_safe}&summary=#{strip_tags(@job.description)}&source=SOURCE_URL", class: "share-popup" %>

Answer 2

Cómo compartir contenido: https://developers.facebook.com/docs/share/

Tienes que elegir utilizar la función en desuso sin JS, y verificar todos los días, o seguir el camino usando JS y divertirte.

Answer 3

En caso de que quiera compartir en más foros, aquí está la solución. https://github.com/bradvin/social-share-urls

Answer 4

Es posible incluir JavaScript en su código y aún así admitir usuarios que no sean de JavaScript.

Si un usuario hace clic en cualquiera de los siguientes enlaces sin JavaScript habilitado, simplemente abrirá una nueva pestaña:

<!-- Remember to change URL_HERE, TITLE_HERE and TWITTER_HANDLE_HERE -->
<a href="http://www.facebook.com/sharer/sharer.php?u=URL_HERE&t=TITLE_HERE" target="_blank" class="share-popup">Share on Facebook</a>
<a href="http://www.twitter.com/intent/tweet?url=URL_HERE&via=TWITTER_HANDLE_HERE&text=TITLE_HERE" target="_blank" class="share-popup">Share on Twitter</a>
<a href="http://plus.google.com/share?url=URL_HERE" target="_blank" class="share-popup">Share on Googleplus</a>

Debido a que contienen la clase de share-popup , podemos hacer referencia fácilmente a estos en jQuery y cambiar el tamaño de la ventana para adaptarnos al dominio del que estamos compartiendo:

$(".share-popup").click(function(){ var window_size = "width=585,height=511"; var url = this.href; var domain = url.split("/")[2]; switch(domain) { case "www.facebook.com": window_size = "width=585,height=368"; break; case "www.twitter.com": window_size = "width=585,height=261"; break; case "plus.google.com": window_size = "width=517,height=511"; break; } window.open(url, '''', ''menubar=no,toolbar=no,resizable=yes,scrollbars=yes,'' + window_size); return false; });

No más JavaScript en línea feo o innumerables alteraciones en el tamaño de la ventana. Y todavía es compatible con usuarios que no son JavaScript.

Answer 5

Muchas de estas respuestas ya no se aplican, así que aquí está el mío:

Utilice el cuadro de diálogo Compartir descrito en la página de desarrollo de Facebook .

Ejemplo:

https://www.facebook.com/dialog/share?
  app_id=<your_app_id>
  &display=popup
  &href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2F
  &redirect_uri=https%3A%2F%2Fdevelopers.facebook.com%2Ftools%2Fexplorer

Pero debe ingresar su app_id registrada, la href y una uri de redirección.

Answer 6

Para aquellos que desean usar javascript pero no quieren usar la biblioteca de JavaScript de Facebook:

<a id="shareFB" href="https://www.facebook.com/sharer/sharer.php?u=URLENCODED_URL&t=TITLE"
   onclick="javascript:window.open(this.href, '''', ''menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600'');return false;"   target="_blank" title="Share on Facebook">Share on Facebook</a>
<script type="text/javascript">document.getElementById("shareFB").setAttribute("href", "https://www.facebook.com/sharer/sharer.php?u=" + document.URL);</script>

Funciona incluso si javascript está deshabilitado, pero le da una ventana emergente con vista previa compartida si javascript está habilitado.

Ahorra un clic en las agujas mientras no usas ningún spyware js de Facebook :)

Answer 7

Podrías usar

<a href="https://www.facebook.com/sharer/sharer.php?u=#url" target="_blank">Share</a>

Actualmente no hay opción de compartir sin pasar la url actual como parámetro. Puedes usar una forma indirecta para lograr esto.

1. Cree una página del lado del servidor por ejemplo: "/sharer.aspx"
2. Enlaza esta página cuando quieras compartir la funcionalidad.
3. En "sharer.aspx", obtenga la URL de referencia y redirija al usuario a " https://www.facebook.com/sharer/sharer.php?u= {referer}"

Ejemplo de código ASP .Net:

public partial class Sharer : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        var referer = Request.UrlReferrer.ToString();

        if(string.IsNullOrEmpty(referer))
        {
            // some error logic
            return;
        }

        Response.Clear();
        Response.Redirect("https://www.facebook.com/sharer/sharer.php?u=" + HttpUtility.UrlEncode(referer));
        Response.End();
    }
}

Answer 8

Puede utilizar la opción "URL directa" de URL de fuente, tal como se describe en la página Diálogo de fuentes:

También puede abrir un cuadro de diálogo de alimentación dirigiendo explícitamente al usuario al punto final / dialog / feed:

  https://www.facebook.com/dialog/feed?  
  app_id=123050457758183&
  link=https://developers.facebook.com/docs/reference/dialogs/&
  picture=http://fbrell.com/f8.jpg&
  name=Facebook%20Dialogs&
  caption=Reference%20Documentation&
  description=Using%20Dialogs%20to%20interact%20with%20users.&
  redirect_uri=http://www.example.com/response`

Parece que ya no mencionan "compartir" en ninguna parte de sus documentos; esto ha sido reemplazado con el concepto de agregar a su Feed.

Answer 9

Visite el sitio web y obtendrá enlaces de Facebook, Google + y Twitter para compartir http://www.sharelinkgenerator.com/

Answer 10

http://facebook.com/sharer.php está en desuso

Tiene algunas opciones (use la versión iframe):

http://developers.facebook.com/docs/reference/plugins/like/

http://developers.facebook.com/docs/reference/plugins/send/

https://developers.facebook.com/docs/reference/plugins/like-box/

Answer 11

Ps 2: Como señaló Justin , echa un vistazo al nuevo Diálogo de Compartir de Facebook . Dejará la respuesta como está para la posteridad. Esta respuesta es obsoleta

Respuesta corta, sí, hay una opción similar para Facebook, que no requiere javascript (bueno, hay algunas JS mínimas en línea que no son obligatorias, ver nota).

Ps: La parte onclick solo te ayuda a personalizar la ventana emergente un poco, pero no es necesaria para que el código funcione ... funcionará sin ella.

Facebook

<a href="https://www.facebook.com/sharer/sharer.php?u=URLENCODED_URL&t=TITLE"
   onclick="javascript:window.open(this.href, '''', ''menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600'');return false;"
   target="_blank" title="Share on Facebook">
</a>

Gorjeo

<a href="https://twitter.com/share?url=URLENCODED_URL&via=TWITTER_HANDLE&text=TEXT"
   onclick="javascript:window.open(this.href, '''', ''menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600'');return false;"
   target="_blank" title="Share on Twitter">
</a>

Google Mas

<a href="https://plus.google.com/share?url=URLENCODED_URL"
   onclick="javascript:window.open(this.href, '''', ''menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=350,width=480'');return false;"
   target="_blank" title="Share on Google+">
</a>