Ссылки на социальные сети с пользовательскими значками

Ниже я предложу вам различные URL-адреса сервисов

Твиттер

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

Дигг

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

Фейсбук

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

StumbleUpon

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

Вкусный

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

Линкедин

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

Слэшдот

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

Технорати

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

Тамблер

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

Реддит

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

Закладки Google

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

новостная лоза

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

Пинг.фм

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

Эверноут

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

Google+

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

Просто краткое обновление по этим ссылкам, вот ссылка для Google+

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

Теперь, если вы хотите, чтобы эти ссылки открывались в новом окне, просто добавьте этот код javascript после href:

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

Этот javascript-код работает с Twitter, Google+ и Facebook (возможно, с некоторыми другими, но я не тестировал другие социальные сети).

Пример для Вордпресс:

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

Решение, предложенное Grzegorz, устарело, и это не лучший способ сделать это. Для Facebook вам просто нужно загрузить JS SDK ( https://developers.facebook.com/docs/reference/javascript/ ) и вызовите метод фида пользовательского интерфейса при нажатии пользовательской кнопки. Подробнее о методе пользовательского интерфейса: https://developers.facebook.com/docs/reference/javascript/FB.ui/

Для Твиттера: https://dev.twitter.com/docs/tweet-button#build-your-own

У вас будут другие варианты для LinkedIn, Google+ и т. д., но я не знаю их наизусть и не уверен, предлагают ли они альтернативы.

Продолжайте искать, возможно, вы просто не копали достаточно глубоко, мне потребовалось 2 минуты, чтобы найти ссылку для Twitter :)

Необходимые пользовательские ссылки для публикации в социальных сетях приведены ниже.

Фейсбук

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

Твиттер

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

Google+

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

ЛинкедИн

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

Pinterest

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

Вы можете найти некоторые другие настраиваемые URL-ссылки для социальных сетей и руководство по внедрению здесь — Как для создания пользовательских ссылок на социальные сети

Для публикации в Facebook вы можете просто добавить эту ссылку к любому объекту:

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

В остальном: Извините, но я не могу вам помочь.

Чтобы настроить кнопки, а также количество репостов из разных социальных сетей и служб обмена URL-адресами, вы можете использовать прокси-сервер. Сервер социальных кнопок Meddelare делает именно это (к вашему сведению, я разработчик Meddelare).

Meddelare: это альтернатива сервисам обмена, таким как AddThis и ShareThis, с открытым исходным кодом. Поскольку вы сами запускаете прокси-сервер, вы также защищаете конфиденциальность своих пользователей от отслеживания социальных сетей. Пользователи соглашаются на свое отслеживание только после того, как решат нажать кнопку «Поделиться» — никогда неявно только потому, что они посетили вашу страницу.

Существует несколько версий: автономный сервер, промежуточное ПО для вашего сервера Express.js и отдельный бэкэнд для полностью настраиваемых решений.

См. примеры Meddelare для JSON/JSONP, которые вы получаете от сервера, а также использование скриптов.

URL-адреса социальных сетей ~ на Github!

Репозиторий github, который регулярно обновляется и повторно тестируется, с перечислением около 50 или 60 сервисов.

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

Это намного лучше, чем принятый ответ. NewsVine, Delicious, Slashdot, Ping.fm и т. д. сегодня не существуют. Кроме того, отсутствуют некоторые важные из них, Skype и т. д.

Это мое решение для facebook в php. Думаю, вы можете сделать simular для других социальных сетей.

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

Вы получите красивую кнопку facebook со значком и счетчиком.

Формат ссылки Twitter: http://twitter.com/home?status=[TITLE]+[URL] устарел и больше не будет работать в приложении Twitter для iOS.

Вместо этого используйте следующий формат

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

Источник: https://dev.twitter.com/web/tweet-button

Кажется, ни один из ответов здесь не отвечает на вопрос ОП. Итак, вот моя попытка:

Многие социальные сети предоставляют рекомендации о том, как использовать свои логотипы, делиться значками и другими ссылками. Некоторые более гибки, чем другие в этом вопросе.

Конечно, в большинстве случаев они не очень хорошо впишутся в ваш дизайн, и вы можете настроить их с помощью собственных цветов темы/веб-сайта.

"Делайте это на свой страх и риск", вероятно, лучший ответ, который вы когда-либо получали.

Я не юрист (так что это не юридический совет!), но из того, что я мог прочитать в разных статьях, некоторые веб-сайты, которые продавали наборы иконок с персонализированными логотипами социальных сетей, попросили удалить их со своих сайтов. список продуктов.

Маловероятно, что Facebook, Twitter или любая другая компания социальной сети подадут на вас в суд (хотя они, вероятно, могли бы) за то, что вы настроили свои значки / логотипы для своего личного блога или веб-сайта, но если вы хотите защитить себя, вы, вероятно, захотите рассмотреть следуя их указаниям...

Вот несколько ссылок на рекомендации по брендам в социальных сетях:

• Facebook: https://www.facebookbrand.com/
• Твиттер: https://about.twitter.com/company/brand-assets
• Google+: https://developers.google.com/+/branding-guidelines
• StumbleUpon: http://www.stumbleupon.com/press/stumbleupon-image-use-guidelines
• Вкусно: http://delicious.com/branding
• LinkedIn: https://brand.linkedin.com/
• Tumblr: https://www.tumblr.com/logo
• Reddit: https://www.reddit.com/about/alien/
• и т.п.

Вы можете выполнить поиск в Интернете по запросу "рекомендации по бренду [brandname]", чтобы найти эти рекомендации практически для каждой социальной сети.

Некоторый источник вышеуказанной информации, если вы хотите узнать больше:

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

Надеюсь это поможет.