Linki społecznościowe z niestandardowymi ikonami [zamknięte]

Tylko szybka aktualizacja tych linków, oto link do Google +

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

Teraz, jeśli chcesz, aby te linki otwierały się w nowym oknie, po prostu dodaj ten kod javascript po href ' Ach:

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

Ten kod javascript działa z Twitter, Google + i Facebook (może jakiś inny, ale nie testowałem żadnych innych sieci społecznościowych).

Przykład dla WordPressa:

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

Rozwiązanie zaproponowane przez Grzegorza jest przestarzałe i nie jest to najlepszy sposób. Dla Facebook, wystarczy załadować JS SDK ( https://developers.facebook.com/docs/reference/javascript/) i wywołanie metody UI feed po kliknięciu na niestandardowy przycisk. Więcej szczegółów na temat metody UI: https://developers.facebook.com/docs/reference/javascript/FB.ui/

Dla Twittera: https://dev.twitter.com/docs/tweet-button#build-your-own

Będziesz mieć inne opcje dla LinkedIn, Google+, itp. ale nie znam ich z czubka głowy i nie wiem, czy ze wszystkich oferują alternatywy.

Szukaj dalej, pewnie nie kopałeś wystarczająco głęboko, Zajęło mi 2 minuty znalezienie linku do Twittera:)

Wymagane linki do niestandardowych mediów społecznościowych są podane poniżej.

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]

Możesz znaleźć inne niestandardowe linki URL mediów społecznościowych i przewodnik wdrażania tutaj - Jak tworzyć niestandardowe linki udostępniania społecznościowego

Aby udostępnić Facebook, możesz po prostu dodać ten link do dowolnego obiektu:

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

Aby dostosować przyciski oraz liczbę akcji z różnych sieci społecznościowych i usług udostępniania url, możesz użyć serwera proxy. Serwer przycisków społecznościowych Meddelare robi dokładnie to (dla twojej informacji, Jestem deweloperem Meddelare).

Meddelare: jest to otwarta i hostowana alternatywa dla usług udostępniania, takich jak AddThis i ShareThis. Ponieważ sam prowadzisz serwer proxy, bronisz również swoich użytkowników prywatność wobec śledzenia sieci społecznościowych. Użytkownicy decydują się na śledzenie tylko wtedy, gdy zdecydują się kliknąć przycisk Udostępnij – nigdy pośrednio tylko dlatego, że odwiedzili Twoją stronę.

Istnieje kilka wersji: a samodzielny serwer, middleware dla Twojego ekspresu.js server oraz oddzielny backend dla całkowicie niestandardowych rozwiązań.

Zobacz przykłady Meddelare {[6] } dla JSON / JSONP, które otrzymujesz ze skryptu serwera plus użycie.

Social Share URLs ~ On Github!

Repo github, które jest regularnie aktualizowane i testowane, z czymś, co wygląda jak około ~50 lub 60 usług wymienionych.

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

To jest o wiele lepsze niż przyjęta odpowiedź. NewsVine, Delicious, Slashdot, Ping.fm, itd., wszystkie obecnie nieistniejące usługi. Poza tym brakuje kilku ważnych, Skype itp..

To jest moje rozwiązanie dla facebook w php. Zgaduję, że możesz zrobić symulację dla innych sieci społecznościowych.

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

Otrzymasz ładny przycisk facebook z ikoną i licznikiem.

Twitter link format http://twitter.com/home?status=[TITLE]+[URL] jest przestarzały i nie będzie już działać dla aplikacji Twitter iOS.

Użyj zamiast tego następującego formatu

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

Źródło: https://dev.twitter.com/web/tweet-button

Żadna z odpowiedzi nie wydaje się odpowiadać na pytanie OP. Oto moja próba:

Wiele sieci społecznościowych dostarcza wskazówek , Jak używać ich logo, udostępniania ikon i innych linków. Niektóre są bardziej elastyczne niż inne w tym temacie.

Oczywiście, w większości przypadków, nie będą pasować do twojego projektu naprawdę dobrze i możesz chcieć dostosować je do własnych kolorów motywu / strony internetowej.

"rób to na własne ryzyko" jest prawdopodobnie najlepszym odpowiedź, którą kiedykolwiek dostaniesz.

Nie jestem prawnikiem (więc to nie jest porada prawna!) ale z tego, co mogłem przeczytać w różnych artykułach, niektóre strony internetowe, które sprzedawały zestawy ikon z niestandardowymi logo sieci społecznościowych, zostały poproszone o usunięcie ich z listy produktów.

Istnieje niewielka szansa, że Facebook, Twitter lub jakakolwiek inna firma sieci społecznościowych pozwie cię (chociaż prawdopodobnie mogliby) za dostosowanie swoich ikon / logo do Twojego osobistego bloga lub strony internetowej, ale jeśli chcesz się przykryć, prawdopodobnie chcesz rozważyć przestrzeganie ich wytycznych...

Oto kilka linków do wytycznych dotyczących marek sieci społecznościowych:

• 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
• pyszne: http://delicious.com/branding
• https://brand.linkedin.com /
• Tumblr: https://www.tumblr.com/logo
• https://www.reddit.com/about/alien /
• itd.

Możesz przeszukać sieć pod kątem "[brandname] brand guidelines " , aby znaleźć te wytyczne dla prawie każdego serwisu społecznościowego sieć.

Jakieś źródło powyższych informacji, jeśli chcesz przeczytać więcej:

• 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
• https://webmasters.stackexchange.com/questions/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/

Nadzieja to pomaga.