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

Я ищу любую твердую текущую информацию о создании пользовательских значков разделов для следующих.

Facebook
Twitter
Google +
LinkedIn
Pinterest

Вся документация, о которой я все время собираюсь, по-видимому, касается использования ИХ социальных кнопок типа /share, которые в большинстве случаев я считаю не очень привлекательными. Такие вещи, как socialite.js, помогают справиться с некоторыми другими проблемами, возникающими при использовании "родных" кнопок типа "нравится" / "поделиться" (извините, не знаете, что еще их называть), но они не очень красивы, чтобы быть честными.

Любые справочные материалы/учебники или руководства были бы замечательными.

Приветствия.

Ответ 1

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

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]

Лакомство

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]

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]

Редит

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

Закладки Google

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]

Ответ 2

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

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

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

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

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

Пример для 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>

Ответ 3

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

Для Twitter: https://dev.twitter.com/docs/tweet-button#build-your-own

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

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

Ответ 4

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

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]

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

Ответ 5

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

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

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

Ответ 6

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

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

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

См. Примеры Meddelare для JSON/JSONP, которые вы получаете с сервера плюс script.

Ответ 7

Это мое решение для 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 с иконкой и счетчиком.

Ответ 8

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

Использовать вместо этого

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

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

Ответ 9

Ни один из ответов здесь, похоже, не отвечает на вопрос OP. Итак, вот моя попытка:

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

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

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

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

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

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

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
Delicious: http://delicious.com/branding
LinkedIn: https://brand.linkedin.com/
Tumblr: https://www.tumblr.com/logo
Reddit: https://www.reddit.com/about/alien/
и др.

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

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

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