Альтернатива с открытым исходным кодом AddThis AddToAny, ShareThis и т. Д. Для социальных закладок
Прежде чем пытаться заново изобрести колесо, я решил спросить экспертов.
Я ищу кнопку закладки для нескольких социальных сетей, которая позволяет мне рекомендовать определенные страницы моего веб-сайта своей любимой социальной сети / программе чтения страниц / поисковому движку.
Ограничения (и причины, по которым я не хочу использовать ShareThis)
Размещенная ссылка должна быть действительной, а не сокращенной. Списки людей становятся общими. Я хочу, чтобы ссылка показывала мой домен.
Сценарий должен быть подан с моего собственного сервера. Я с подозрением отношусь к веб-страницам, которые вызывают скрипты из другого домена, и я не хочу делать это со своего домена.
Не должно быть НИКАКОГО контакта между клиентом и любыми социальными сайтами, пока они не нажмут на значок социального сайта.
Сценарий должен быть хорошо документирован изнутри, по крайней мере, так как не нужно применять сжатые сценарии с короткими именами переменных переменных.
Скрипт встроен в статическую веб-страницу, а не в CMS.
Предварительное исследование:
В блоге Кёла была серия об этом в 2009 году, затем тема исчезла. В этот момент он рекомендовал iBegin, который впоследствии стал Share, и работал с сайта Enthropia.com. Проверяя этот сайт, выложено демо, которое явно устарело.
В какой-то момент AddToAny разрешил бы хостинг на вашем собственном сервере, но они все еще использовали скрипт для отслеживания использования каждого пользователя в сети, заявляя о подходящей анонимности. Правильно. Нет, спасибо.
Еще один, OpenLike имеет мертвый веб-сервер.
Поиск на SourceForge был пустым. (Я попытался найти такие имена, как AddThis, AddToAny, Sharethis, а затем поиск по stumbleupon, reddit, digg, google plus. Ничего уместного.)
На этом этапе мне приходится читать и понимать API каждого целевого сайта, чтобы я мог написать локальный скрипт, который делает правильные вещи. Не тривиально.
Во многих отношениях идеальным вариантом будет: * массив значков одинакового размера и стиля *, каждый из которых открывает веб-страницу на целевой странице (например, FB, G+, StumbleUpon..) * с параметрами URL, соответствующими этой странице.
Но я не думаю, что большинство этих сайтов имеют такой простой интерфейс.
3 ответа
Ответ прост. Вышеприведенный идеал работает, поэтому в основном нужно найти правильный код и значки. Ключевым элементом в моем поиске было "поделиться по URL"
Пример 1
Это из другого поста на этом сайте:
Кнопки Facebook, Twitter и Google +1, использующие только HTML (без JavaScript)
http://www.facebook.com/sharer.php?u=http://example.com
http://twitter.com/share?url=http://example.com&text=Description
https://plusone.google.com/_/+1/confirm?hl=en&url=http://example.com
Пример 2
Посмотрите кнопки обмена Wordpress без JS или плагинов
<div class="social-button-container">
<div class="share_top_text">Share this post on:</div>
<div class="SocialCustomMenu">
<a class="scmTwitter" href="http://twitter.com/home/?status=<?php the_title();?> - <?php echo wp_get_shortlink();?> via @kenmata "title="Tweet this!">Twitter</a>
<a class="scmFacebook" href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?> - <?php echo wp_get_shortlink();?> "title="Share on Facebook!">Facebook</a>
<a class="scmGoogleplus" href="https://plus.google.com/share?url=<?php the_permalink();?> - <?php echo wp_get_shortlink();?> "title="Share on Google +!">Google +</a>
<a class="scmPinterest" href="http://pinterest.com/pin/create/button/?url=<?php the_permalink();?> - <?php echo wp_get_shortlink();?> "title="Share on Pinterest!">Pinterest</a></a>
</div>
</div>
Хотя это номинально WordPress, они должны работать с некоторыми изменениями на любом веб-сервере, использующем php. Или они могут быть легко преобразованы, чтобы использовать набор инструментов шаблона
Пример 3:
Меньше социальных ссылок - еще один пример очень чистого HTML.
Вы пропустите некоторые функциональные возможности с этим:
- Нет счетчиков. Конечно, вы можете реализовать счетчики локально.
- В Facebook люди не видят, кому из их друзей это понравилось. Не большой мотиватор для меня.
- На данный момент поиск кодов для каждой услуги является препятствием.
Особенности:
- Если кто-то уже собрал список по URL-адресу, пожалуйста, не стесняйтесь размещать здесь сообщения. Я НЕ проверил все следующее.
- НАЗВАНИЕ - название акции. Некоторые службы примут его в кавычках. Другие должны быть в формате URL: например, пробелы%20 URL должен быть полностью определен как абсолютный.
Digghttp://digg.com/submit?phase=2&url=URL&title=TITLE
вкусныеhttp://del.icio.us/post?url=URL&title=TITLE
StumbleUponhttp://www.stumbleupon.com/submit?url=URL&title=TITLE
facebookhttp://www.facebook.com/sharer.php?u=URL&title=TITLE
Reddithttp://reddit.com/submit?url=URL&title=TITLE
Technoratihttp://technorati.com/faves?add=URL
Orkuthttp://promote.orkut.com/preview?nt=orkut.com&du=URL&tt=TITLE
мое пространствоhttp://www.myspace.com/Modules/PostTo/Pages/?u=URL&title=TITLE
щебетhttps://twitter.com/intent/tweet?url=URL&text=TITLE&via=TWITUSER
Yahoohttp://myweb2.search.yahoo.com/myresults/bookmarklet?t=TITLE&u=URL
Google (закладка)http://www.google.com/bookmarks/mark?op=add&bkmk=URL&title=TITLE
Не ясно, на каком расстоянии между Google + и Plusone.
google (поделиться в Google+) Документация на https://developers.google.com/+/plugins/share http://plus.google.com/share?url=URL
гугл рекомендую на плюсоне.https://plusone.google.com/_/+1/confirm?hl=en&url=URL
Дополнения к списку @Sherwood Botsford
Flipboard http://share.flipboard.com/flipit/load?v=1.0&url=URL&title=TITLE
Tumblr http://www.tumblr.com/share/link?url=URL&name=TITLE&description=TITLE
блоггер http://www.blogger.com/blog_this.pyra?t=&u=URL&n=TITLE
Evernote http://www.evernote.com/clip.action?url=$URL&title=TITLE
getpocket http://getpocket.com/save?url=$URL&title=TITLE
Edit - lyteshare.js - облегченный javascript, который можно улучшить, чтобы добавить больше сервисов
Больше источников для большего количества ссылок
Два очень полных списка:
ss.js на github дает эту долю интереса - которая работает для всего, что никогда не было прикреплено раньше, без скрипта, хотя и интереса
https://pinterest.com/pin/create/bookmarklet/?url={url}&media={image}&is_video={is_video}&description={title}
Пользовательский обмен netvibes с Buffer, Baidu, Hootsuite и другими
Кто-нибудь видел новости о том, что AddThis использует новую форму отслеживания файлов cookie, называемую Fingerprint Canvas, которая остается навсегда?
Я думаю, что нам нужны альтернативы с открытым исходным кодом, такие как http://expando.github.io/