Social Share Links mit benutzerdefinierten Symbolen [geschlossen]

73

Ich suche nach soliden aktuellen Informationen zum Erstellen von benutzerdefinierten Freigabesymbolen für Folgendes.

  • Facebook
  • Twitter
  • Google +
  • LinkedIn
  • Pinterest

In der gesamten Dokumentation, die ich immer wieder bekomme, geht es anscheinend um die Verwendung IHRER Social Like / Share-Schaltflächen - was meiner Meinung nach die meiste Zeit nicht sehr ansprechend ist. Dinge wie socialite.js helfen dabei, einige der anderen Probleme zu lösen, die bei der Verwendung der "nativen" Like / Share-Schaltflächen auftreten (ich bin mir leider nicht sicher, wie ich sie sonst nennen soll), aber sie sind ehrlich gesagt nicht sehr hübsch.

Jedes Referenzmaterial / Tutorials oder Anleitungen wäre fantastisch.

Prost.

Bigmadwolf
quelle
Suchen Sie nach einem Wordpress-Plugin für Social-Sharing-Symbole oder einem Share Link Generator!
Kenorb
Meddelare ist ein Open-Source-Proxy für soziale Schaltflächen, mit dem Sie die Anzahl der URL-Freigaben für benutzerdefinierte Schaltflächen ermitteln können.
Joel Purra

Antworten:

179

Im Folgenden werde ich Ihnen die verschiedenen Service-URLs anbieten

Twitter

http://twitter.com/home?status=[TITLE]+[URL]

Digg

http://www.digg.com/submit?phase=2&url=[URL]&title=[TITLE]

Facebook

http://www.facebook.com/share.php?u=[URL]&title=[TITLE]

StumbleUpon

http://www.stumbleupon.com/submit?url=[URL]&title=[TITLE]

Köstlich

http://del.icio.us/post?url=[URL]&title=[TITLE]]&notes=[DESCRIPTION]

Linkedin

http://www.linkedin.com/shareArticle?mini=true&url=[URL]&title=[TITLE]&source=[SOURCE/DOMAIN]

Slashdot

http://slashdot.org/bookmark.pl?url=[URL]&title=[TITLE]

Technorati

http://technorati.com/faves?add=[URL]&title=[TITLE]

Tumblr

http://www.tumblr.com/share?v=3&u=[URL]&t=[TITLE]

Reddit

http://www.reddit.com/submit?url=[URL]&title=[TITLE]

Google Lesezeichen

http://www.google.com/bookmarks/mark?op=edit&bkmk=[URL]&title=[title]&annotation=[DESCRIPTION]

Newsvine

http://www.newsvine.com/_tools/seed&save?u=[URL]&h=[TITLE]

Ping.fm.

http://ping.fm/ref/?link=[URL]&title=[TITLE]&body=[DESCRIPTION]

Evernote

http://www.evernote.com/clip.action?url=[URL]&title=[TITLE]

Google+

https://plus.google.com/share?url=[URL]
Baskaran
quelle
16
Darum wurde nicht gebeten; OP bat um Informationen zum Erstellen von "benutzerdefinierten Freigabesymbolen".
Andrew Barber
2
@ Andrew, obwohl Sie irgendwie korrekt sind, sind diese Links die direkten Links, die man verwenden würde oder die mit benutzerdefinierten Symbolen verwendet worden wären, obwohl, wie unten erläutert, zumindest der oben gezeigte Facebook-Link bereits abgeschrieben ist und Google Buzz ? Führen sie überhaupt noch Google Buzz aus? lol.
Bigmadwolf
Hallo @Baskaran, bitte senden Sie mir die URL von Google Plus Services.
Awlad Liton
1
Stellen Sie sicher, dass die URL-Parameter vollständig maskiert sind. Tumblr ist der einzige, dem ich bisher begegnet bin, der sonst nicht funktioniert.
Dex
2
Website mit aktuellen Share-Links für Facebook, Twitter, Google+, LinkedIn und Pinterest: sharelinkgenerator.com
Igor Jerosimić
16

Nur ein kurzes Update dieser Links, hier ist ein Link für Google+

https://plus.google.com/share?url=[URL]

Wenn Sie möchten, dass diese Links in einem neuen Fenster geöffnet werden, fügen Sie einfach diesen Javascript-Code nach den href hinzu:

onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"

Dieser Javascript-Code funktioniert mit Twitter, Google+ und Facebook (vielleicht einige andere, aber ich habe keine anderen sozialen Netzwerke getestet).

Beispiel für WordPress:

<a href="https://plus.google.com/share?url=<?php the_permalink(); ?>" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">Here you can add text, image, whatever.</a>
Ratko Solaja
quelle
7

Die von Grzegorz vorgeschlagene Lösung ist veraltet und nicht der beste Weg, dies zu tun. Für Facebook müssen Sie nur das JS SDK ( https://developers.facebook.com/docs/reference/javascript/ ) laden und die UI-Feed-Methode aufrufen, indem Sie auf Ihre benutzerdefinierte Schaltfläche klicken. Weitere Details zur UI-Methode: https://developers.facebook.com/docs/reference/javascript/FB.ui/

Für Twitter: https://dev.twitter.com/docs/tweet-button#build-your-own

Sie haben andere Optionen für LinkedIn, Google+ usw., aber ich kenne sie nicht von Anfang an und bin mir nicht sicher, ob sie Alternativen bieten.

Suche weiter, du hast wahrscheinlich nicht tief genug gegraben, ich habe 2 Minuten gebraucht, um den Link für Twitter zu finden :)

Claudiu
quelle
1
nett, werde weiter suchen, bin selbst nicht auf diesen Twitter-Link gestoßen, aber ein Teil der Gründe, warum ich diese Frage poste, sind genau die Informationen, die Sie in Bezug auf den abgeschriebenen Link erwähnt haben - kollektive Weisheit FTW.
Bigmadwolf
7

Die erforderlichen benutzerdefinierten Freigabelinks für soziale Medien finden Sie unten.

Facebook

http://www.facebook.com/sharer.php?u=[EncodedURL]

Twitter

http://twitter.com/share?text=[TITLE]&url=[URL]

Google +

https://plus.google.com/share?url=[EncodedURL]

LinkedIn

http://www.linkedin.com/shareArticle?mini=true&url=[EncodedURL]

Pinterest

http://pinterest.com/pin/create/button/?url=[EncodedURL]&media={[MEDIA]}&description=[TITLE]

Weitere benutzerdefinierte URL-Links und Implementierungsanleitungen für soziale Medien finden Sie hier - Erstellen benutzerdefinierter Links für soziale Freigaben

JoyGuru
quelle
4

Zum Teilen auf Facebook können Sie diesen Link einfach zu einem beliebigen Objekt hinzufügen:

<a href="http://www.facebook.com/sharer.php?u=<url to share>
&t=<title of content>">link or image</a>

Im Übrigen: Entschuldigung, aber ich kann Ihnen nicht helfen.

Grzegorz Ciwoniuk
quelle
danke, können Sie mich in die Richtung einer diesbezüglichen Dokumentation weisen?
Bigmadwolf
Ursprünglich wurde dies abgelehnt, da dieser Link als veraltet markiert ist, aber nach einiger Zeit funktioniert er immer noch einwandfrei.
Bigmadwolf
3

Um Schaltflächen anpassen sowie die Aktie zählt aus verschiedenen sozialen Netzwerken und URL - Sharing - Dienste können Sie einen Proxy - Server verwenden. Der Social-Button-Server Meddelare macht genau das (FYI, ich bin der Entwickler hinter Meddelare).

Meddelare : Dies ist eine Open Source- und selbst gehostete Alternative zu Freigabediensten wie AddThis und ShareThis. Da Sie den Proxyserver selbst ausführen, verteidigen Sie auch die Privatsphäre Ihrer Benutzer gegen das Tracking der sozialen Netzwerke. Benutzer entscheiden sich erst dann für ihre Nachverfolgung, wenn sie auf eine Freigabeschaltfläche klicken - niemals implizit, nur weil sie Ihre Seite besucht haben.

Es gibt verschiedene Versionen: einen eigenständigen Server , Middleware für Ihren Express.js-Server und ein separates Backend für vollständig benutzerdefinierte Lösungen .

Screenshot eines Meddelare-Beispiels

In den Beispielen von Meddelare finden Sie Informationen zu JSON / JSONP, die Sie vom Server erhalten, sowie zur Verwendung von Skripten.

Joel Purra
quelle
2

Social Share URLs ~ Auf Github!

Geben Sie hier die Bildbeschreibung ein

Ein Github-Repo, das regelmäßig aktualisiert und erneut getestet wird und ungefähr 50 oder 60 aufgelistete Dienste enthält.

https://github.com/bradvin/social-share-urls

Dies ist viel besser als die akzeptierte Antwort. NewsVine, Delicious, Slashdot, Ping.fm usw. sind heute alle nicht existierende Dienste. Außerdem fehlen einige wichtige, Skype usw.

HoldOffHunger
quelle
1

Dies ist meine Lösung für Facebook in PHP. Vermutlich können Sie dies auch für andere soziale Netzwerke tun.

function customFShare() {
    $like_results = @file_get_contents('http://graph.facebook.com/'. get_permalink());
    $like_array = json_decode($like_results, true);
    return (isset($like_array['shares']) ) ? $like_array['shares'] : "0";
}
function fShareButton() {
    return "<a data-share='http://www.facebook.com/sharer/sharer.php?u=". $your_url_here ."' href='#' rel='nofollow'><i>Icon</i> <span>". customFShare() ."</span></a>";
}

HTML

<div class="facebook-share">
    <?php echo fShareButton(); ?>
</div>

JQuery

jQuery(document).on("click",".facebook-share > a", function (e) {
        e.preventDefault();
        var winHeight = 350,
            winWidth = 520,
            winTop = (screen.height / 2) - (winHeight / 2),
            winLeft = (screen.width / 2) - (winWidth / 2),
            link = $(this).data('share');
        window.open(link, 'sharer', 'top=' + winTop + ',left=' + winLeft + ',toolbar=0,status=0,width=' + winWidth + ',height=' + winHeight);
    });

Sie erhalten eine schöne Facebook-Schaltfläche mit Symbol und Zähler.

Zarcode
quelle
0

Keine der Antworten hier scheint die OP-Frage tatsächlich zu beantworten. Also hier ist mein Versuch:

Viele soziale Netzwerke bieten Richtlinien zur Verwendung ihrer Logos, zum Teilen von Symbolen und anderen Links. Einige sind in diesem Bereich flexibler als andere.

In den meisten Fällen passen sie natürlich nicht gut zu Ihrem Design, und Sie können sie mit Ihren eigenen Themen- / Website-Farben anpassen.

"Tun Sie dies auf eigenes Risiko" ist wahrscheinlich die beste Antwort, die Sie jemals bekommen werden.

Ich bin kein Jurist (so ist dies keine Rechtsberatung!) , Sondern von dem, was ich in verschiedenen Artikeln lesen konnte, einige Websites , die wurden verkauft Icon - Sets mit individuellen sozialen Netzwerken Logos wurden gebeten , sie Liste aus ihren Produkten zu entfernen.

Es besteht kaum eine Chance, dass Facebook, Twitter oder ein anderes Unternehmen in sozialen Netzwerken Sie verklagen (obwohl dies wahrscheinlich möglich ist), weil Sie ihre Symbole / Logos für Ihr persönliches Blog oder Ihre Website angepasst haben. Wenn Sie sich jedoch selbst abdecken möchten, sollten Sie dies wahrscheinlich in Betracht ziehen nach ihren Richtlinien ...

Hier einige Links zu den Richtlinien für Marken sozialer Netzwerke:

Sie können im Internet nach "[Markennamen] Markenrichtlinien" suchen, um diese Richtlinien für fast jedes soziale Netzwerk zu finden.

Einige Quellen für die oben genannten Informationen, wenn Sie mehr lesen möchten:

Hoffe das hilft.

MrUpsidown
quelle