Facebook share button: wie zu implementieren

Ich versuche herauszufinden, wie Sie die Share-Taste genau so implementieren, wie es implementiert ist here. Ich möchte die Möglichkeit, dass Benutzer einen bestimmten Link zu ihrem News-Feed veröffentlichen können, ohne irgendeine Art von App-Berechtigungen mit einem optionalen Text zu benötigen, den sie hinzufügen können. Wie hat BuzzFeed das gemacht? Die Facebook-Dokumentation ist sehr verwirrend für mich, weshalb es mir schwer fällt, sie selbst zu implementieren. Es wäre großartig, wenn jemand nur die notwendigen Schritte planen könnte. Was genau muss ich in meine HTML-Seite einfügen? Muss ich eine Facebook App erstellen?Facebook share button: wie zu implementieren

Quelle

2012-11-04 paul smith

Um Ihre Web-Seite zu teilen, brauchen Sie nicht, um eine Facebook-Anwendung zu erstellen.

Sie können nur setzen, dass Facebook-Aktie Bild dort mit einem href = "http://www.facebook.com/sharer.php?u=<your url>"

Facebook-Like-Button ermöglicht auch den Austausch. Der Code zum Generieren der für Ihre Website ist in der official documentation.

Quelle

2012-11-04 23:13:41

Ja, ich gelesen, aber ich war ein wenig verwirrt, weil ich für die Aktie war auf der Suche, nicht wie :) Übrigens, ist das wirklich alles, was ich brauche? Was ist mit JS? Wie erscheint das fb-Popup, wenn ich meiner Webseite keine Facebook-Seiten hinzufügen muss? –

Siehe http://jsfiddle.net/ER4Zy/. Kein Javascript nur HTML. Aber Sie könnten den 'like' Knopf benutzen. Das dient ebenso wie der Share-Button. –

Ich verstehe. Gibt es eine Möglichkeit, das Bild, das im Beitrag angezeigt wird, sowie die Textbeschreibung des Links anzugeben? –

Wenn Sie diese Aktie Seite anpassen möchten, versuchen Sie dies:

Javascript Popup Beispiel:

var title = 'My Title'; 
var summary = 'This is my summary'; 
var url = 'http://www.mydomain.com/path/to/page'; 
var image = 'http://www.mydomain.com/images/myimage.png'; 

var fb = window.open('http://www.facebook.com/sharer.php?s=100&p[title]='+encodeURIComponent(title)+'&p[url]='+encodeURIComponent(url)+'&p[summary]='+encodeURIComponent(summary)+'&p[images][0]='+encodeURIComponent(image)); 
fb.focus();

Quelle

2013-05-15 17:30:46

Dies ist, was funktioniert.

in HTML:

<a href="http://www.facebook.com/sharer.php?u=<http://google.com">Facebook Link</a>

Wo Sie http://google.com mit Ihrer URL ersetzen.

in PHP, wenn Sie es wollen die URL Sie sind ziehen:

<a href="http://www.facebook.com/sharer.php?u=<<?php echo "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; ?>">Facebook</a>

Quelle

2013-07-23 17:14:57 LookingLA

Bearbeiten Sie die Seite, die Sie geteilt werden möchten, fügen Sie diese an die Meta-Tags im Kopf.

<meta property="og:image" content="http://www. XXXX url of a jpg image you want to be displayed on shared content has to be 200x200 pixels (make it in photoshop ect.) XXXX"/> 
<meta property="og:title" content="xxxx A title you want to be dispayed in shared content xxxx"/> 
<meta property="og:url" content="http://www. url of the page you want shared including the slash after .com xxx .com/"/> 
<meta property="og:description" content="xxxx discription of the shared content xxx "/>

Es gibt eine Liste der og Eigenschaften andere als diese hier- http://ogp.me/

Weiter diese einfügen, wo Sie die Share-Taste auf Ihrer Seite wünschen,

<a title="xxx Share mypage.com xxx" href="http://www.facebook.com/sharer.php? u=http://www. xxx url of page you edited above xxx .com &t=xxx a title you want to use xxx" target="_blank"><img src="http://www. xxx an image for the share button (make it in photoshop ect.)xxx" width="xx" height="xx" alt="Share"/></a>

Offensichtlich sind die xxx nehmen und lassen Sie das "", wenn Sie eine der oben genannten während des Testens ändern, müssen Sie möglicherweise zu Facebook-Debugger gehen und es debuggen, da es manchmal den ursprünglichen Inhalt festhält.

hoffe, das hilft

Quelle

2013-10-12 16:12:06 BNO

das funktioniert perfekt! – rohitnaidu19

Facebook share button: wie zu implementieren

Antwort

Verwandte Themen