Facebook-Link ohne JavaScript teilen

Der folgende Link dient zum Teilen einer Seite auf Twitter:

http://twitter.com/share

Gibt es eine ähnliche Option für Facebook, für die kein JavaScript erforderlich ist?

Ich kenne http://facebook.com/sharer.php , aber dazu muss ein get-Parameter manuell (was ich nicht tun werde) oder mit JavaScript (was nicht zu meiner Situation passt) eingefügt werden.

Du könntest benutzen

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

Derzeit gibt es keine Freigabeoption, ohne die aktuelle URL als Parameter zu übergeben. Sie können einen indirekten Weg verwenden, um dies zu erreichen.

1. Erstellen Sie eine serverseitige Seite, zum Beispiel: "/sharer.aspx"
2. Verknüpfen Sie diese Seite, wann immer Sie die Freigabefunktionalität wünschen.
3. Rufen Sie in der Datei "sharer.aspx" die verweisende URL ab und leiten Sie den Benutzer zu " https://www.facebook.com/sharer/sharer.php?u= {referer}" weiter.

Beispiel für einen ASP .Net-Code:

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();
    }
}

Ps 2: Wie von Justin hervorgehoben , sehen Sie sich den neuen Share-Dialog von Facebook an . Wird die Antwort so lassen, wie sie für die Nachwelt ist. Diese Antwort ist veraltet

Kurze Antwort: Ja, es gibt eine ähnliche Option für Facebook, für die kein Javascript erforderlich ist (es gibt einige minimale Inline-JS, die nicht obligatorisch sind, siehe Hinweis).

Ps: Der onclickTeil hilft Ihnen nur dabei, das Popup ein wenig anzupassen, ist aber nicht erforderlich, damit der Code funktioniert. Ohne ihn funktioniert er einwandfrei.

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>

Twitter

<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>

Es ist möglich, JavaScript in Ihren Code aufzunehmen und weiterhin Nicht-JavaScript-Benutzer zu unterstützen.

Wenn ein Benutzer auf einen der folgenden Links klickt, ohne dass JavaScript aktiviert ist, wird einfach ein neuer Tab geöffnet:

<!-- 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>

Da sie die share-popupKlasse enthalten , können wir diese in jQuery leicht referenzieren und die Fenstergröße an die Domäne anpassen, von der aus wir sie freigeben:

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

Kein hässliches Inline-JavaScript oder unzählige Änderungen der Fenstergröße mehr. Und es unterstützt weiterhin Nicht-JavaScript-Benutzer.

Versuchen Sie diese Link-Typen funktioniert tatsächlich für mich.

https://www.facebook.com/sharer.php?u=YOUR_URL_HERE
https://twitter.com/intent/tweet?url=YOUR_URL_HERE
https://plus.google.com/share?url=YOUR_URL_HERE
https://www.linkedin.com/shareArticle?mini=true&url=YOUR_URL_HERE

Sie können die Option "Direkte URL" der Feed-URL verwenden, wie auf der Seite " Feed-Dialog " beschrieben :

Sie können auch einen Feed-Dialog aufrufen, indem Sie den Benutzer explizit zum Endpunkt / dialog / feed weiterleiten:

  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`

Sieht so aus, als würden sie in ihren Dokumenten nirgendwo mehr "Teilen" erwähnen. Dies wurde durch das Konzept des Hinzufügens zu Ihrem Feed ersetzt.

Ich weiß, dass es ein alter Thread ist, aber ich musste so etwas für ein Projekt tun und wollte die Lösung für 2019 teilen.

Die neue dialogAPI kann Parameter abrufen und ohne Javascript verwendet werden.

Die Parameter sind:

• app_id (Erforderlich)
• href Die URL der Seite, die Sie freigeben möchten, verwendet die aktuelle URL, falls keine übergeben wurde.
• hashtagmuss das #Symbol zum Beispiel #amsterdam haben
• quote Text, der mit dem Link geteilt werden soll

Sie können eine href ohne Javascript erstellen.

<a href="https://www.facebook.com/dialog/feed?&app_id=APP_ID&link=URI&display=popup&quote=TEXT&hashtag=#HASHTAG" target="_blank">Share</a>

Eine zu berücksichtigende Sache ist, dass Facebook Open Graph verwendet. Wenn Ihre OG-Tags nicht richtig eingestellt sind, erhalten Sie möglicherweise nicht die gewünschten Ergebnisse.

Viele dieser Antworten gelten nicht mehr. Hier ist meine:

Verwenden Sie den auf der Facebook-Entwicklerseite beschriebenen Freigabedialog .

Beispiel:

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

Sie müssen jedoch Ihre registrierte app_id, die href und eine Weiterleitungs-URL eingeben.

Bitte besuchen Sie die Website und Sie erhalten Links zu Facebook, Google + und Twitter http://www.sharelinkgenerator.com/

http://facebook.com/sharer.php ist veraltet

Sie haben einige Optionen (verwenden Sie die Iframe-Version):

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/

Falls Sie in weiteren Foren teilen möchten, finden Sie hier die Lösung: https://github.com/bradvin/social-share-urls

Für diejenigen, die Javascript verwenden möchten, aber nicht die Facebook-Javascript-Bibliothek verwenden möchten:

<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>

Funktioniert auch, wenn Javascript deaktiviert ist, bietet jedoch ein Popup-Fenster mit Freigabe-Vorschau, wenn Javascript aktiviert ist.

Spart einen Nadelklick, wenn keine Facebook-Spyware verwendet wird :)

Als Ergänzung zur Lösung von @ rybo111 wäre dies eine LinkedIn-Freigabe:

<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>

und fügen Sie dies Ihrem Javascript hinzu:

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

Gemäß der LinkedIn-Dokumentation: https://developer.linkedin.com/docs/share-on-linkedin (siehe Abschnitt "Benutzerdefinierte URL")

Für alle, die interessiert sind, habe ich dies in einer Rails-App mit einem LinkedIn-Logo verwendet. Hier ist mein Code, wenn es helfen könnte:

<%= 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" %>

So teilen Sie Inhalte: https://developers.facebook.com/docs/share/

Sie müssen die veraltete Funktion ohne JS verwenden und jeden Tag überprüfen oder der Verwendung von JS folgen und Spaß haben.