Social Share Links mit benutzerdefinierten Symbolen [geschlossen]

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.

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]

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>

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

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

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.

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 .

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

Social Share URLs ~ Auf Github!

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.

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.

Das Twitter-Linkformat http://twitter.com/home?status=[TITLE‹+[URL] ist veraltet und funktioniert nicht mehr für die Twitter iOS-App.

Verwenden Sie stattdessen das folgende Format

https://twitter.com/intent/tweet?text=[TITLE]+[URL]

Quelle: https://dev.twitter.com/web/tweet-button

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:

• Facebook: https://www.facebookbrand.com/
• Twitter: https://about.twitter.com/company/brand-assets
• Google+: https://developers.google.com/+/branding-guidelines
• StumbleUpon: http://www.stumbleupon.com/press/stumbleupon-image-use-guidelines
• Köstlich: http://delicious.com/branding
• LinkedIn: https://brand.linkedin.com/
• Tumblr: https://www.tumblr.com/logo
• Reddit: https://www.reddit.com/about/alien/
• etc.

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:

• http://www.evolvecreativegroup.com/the-secretly-strict-brand-guidelines-of-social-media/
• https://www.quora.com/Internet-Law-Is-it-legal-to-alter-Facebook-and-Twitter-icons-to-match-the-rest-of-your-website
• /webmasters/54499/putting-altered-social-media-logo-icons-on-my-website-can-i-get-sued
• http://www.kgshultz.com/using-modified-social-media-icons/
• https://www.nosegraze.com/allowed-use-modified-social-media-icons/

Hoffe das hilft.