Скачать
—Чем здесь можно разжиться?
—В ассортименте есть плагины для добавления в социальные закладки.
Почти идеальные.
Тут надо объяснить, что я считаю идеальным вариантом. В идеале:
- Кнопки социалок не должны лезть на глаза, но быть в досягаемости (как в ShareThis)
- Пользователь должен иметь возможность с лёгкостью редактировать список социалок
- Лишнего html-кода и исходящих ссылок на странице быть не должно, дабы не вводить в смущение поисковых роботов.
- Скрипт или плагин должен лежать на вашем сервере, а не на чужом.
- Дизайн вывода кнопок должен легко редактироваться
Как видим, это просто, как и всё гениальное. Странно, но таких вещей в природе нет. Я в меру своей настойчивости попытался восполнить этот пробел. Результаты — перед вами. Итак, во-первых:
1. Социальный плагин для WordPress Bookmarkz.
Автор плагина: Давид Асатрян
В редакции от 21.07.2008 в него добавлена куча новых социальных веб-сервисов, общим счётом — "Сорок одна кнопка".
bookmarkz.zip Загружено: 411 раз.
Ниже - обновлённый вариант этого же плагина от 16.10.2008. Содержит уже 44 кнопки. При этом некоторые нерабочие (на момент создания) социалки убраны. Сейчас их, нерабочих, конечно, больше. Спасает то, что в админке плагина лишние сервисы можно легко убрать, просто сняв чекбоксы.
bookmarkz-new.zip Загружено: 121 раз.
К минусам плагина - как в первой, так и во второй версии - отнесём грандиозный по объёму код. Для сравнения: пять социальных кнопок этот плагин выводит кодом в 3000 знаков непосредственно в тексте страницы. У многих блоггеров такой код будет объёмнее, чем сама статья. Кроме того, плагин выводит ссылки на социалки в явном виде, что тоже не есть хорошо, в особенности если код пять раз подряд выводится на главной странице после каждого из пяти постов. Код обязательно надо заключать в noindex.
Плюсы - грандиозная лёгкость управления отображением имеющихся социальных сервисов.
| Bookmarkz | |
|---|---|
| кнопки социалок не должны лезть на глаза | - |
| редактируемость списка социалок | + |
| отсутствие лишнего кода и ссылок | - |
| независимость от внешних сервисов | + |
| подстройка дизайна | + |
| Итого | 3 |
2. Плагин для WordPress ShareThis
Оригинал взят на былом сайте Seo-Study (там его уже нет) и доработан.
Код, конечно, у него не маленький, но меньше, чем у bookmarkz, и прямых ссылок в коде нет. Кроме того, есть большой плюс: возможность отправлять ссылку товарищу на email.
В комплекте с плюсом идёт и большой минус: плагин способен вдвое увеличить время загрузки страницы. Поэтому я этот плагин не использую.
new-share-this-1.4.1-ru.zip Загружено: 171 раз.
| ShareThis | |
|---|---|
| кнопки социалок не должны лезть на глаза | + |
| редактируемость списка социалок | + |
| отсутствие лишнего кода и ссылок | - |
| независимость от внешних сервисов | + |
| подстройка дизайна | - |
| Итого | 3 |
3. Социальный скрипт для добавления в социалки
Автор кода java-скрипта: sabotage
Сейчас на блоге используется именно этот скрипт. Внесены существенные изменения в стиль отображения.
Посмотреть, как работает, можно кликнув по ссылке "Добавить в закладки" в начале поста. Скачать исходный код и настроить его под себя вы можете на странице автора.
| Социальный скрипт | |
|---|---|
| кнопки социалок не должны лезть на глаза | + |
| редактируемость списка социалок | + |
| отсутствие лишнего кода и ссылок | + |
| независимость от внешних сервисов | + |
| подстройка дизайна | + |
| Итого | 5 |
Если же хочется получить всё и сразу, можно просто вставить в любое место на вашей странице код, приведённый ниже. Этот код покажет вам точно такой же социальный виджет, что используется на этой странице. Конечно, в таком виде он удаляется от идеала на 2 пункта, так как располагается на стороннем сервере, а также не даёт возможности отредактировать список социалок, но зато простота!
| Код социального скрипта | |
|---|---|
| кнопки социалок не должны лезть на глаза | + |
| редактируемость списка социалок | - |
| отсутствие лишнего кода и ссылок | + |
| независимость от внешних сервисов | - |
| подстройка дизайна | + |
| Итого | 3 |
Простота, лёгкость, изящество и незамысловатость - вот лозунг такого подхода.
Для сторонников простых вещей - код для скачивания (335 байт):
socialcode.txt Загружено: 277 раз.
Именно этот код работает в начале статьи. Обратите внимание, что большая часть кода отвечает за внешний вид выводимого виджета. Это подгружаемые css-правила и скрипт, открывающий изначально скрытую панель с кнопками. Если же взять только последний участок кода, получите ряд кнопок в одну строку. Прописав соответствующие правила непосредственно в css-файле вашего шаблона, получаем индивидуальный дизайн социальной панельки.
Конечно же, в этот скрипт можно добавить исключительно те социалки, которые будут отвечать профилю вашего сайта. Например, только новостные социалки, или только закладки, или только зарубежные сервисы. Дизайн можно настроить в полном соответствии с темой вашего шаблона.
7 ноября 2008 в 17:33
Приветствую!
Можешь сделать данный скрипт в открытом доступе? Вместе со всеми картинками.
С Уважением, Пузат.
9 ноября 2008 в 17:33
Добрый день, Пузат. Ваши комментарии акисмет обрабатывает как спам ;)
А скрипт и так в открытом доступе. Картинки тут:
Принцип действия смотрите на сайте
13 ноября 2008 в 00:13
Пузат, проблемы с загрузкой были из-за переезда на новый хостинг. Теперь всё должно качаться.
24 ноября 2008 в 17:10
Благодарю за выложенные скрипты!!
*ушёл прилаживать на блог*
28 февраля 2009 в 11:23
А куда пихать код socialcode.txt, чтобы он показывался именно как у тебя вверху поста?
28 февраля 2009 в 14:02
@Xiphos: если в Wordpress, то код вставляйте в шаблон одной записи (single.php) после вывода заголовка поста.
2 мая 2009 в 15:01
Код хорош! Но заметил одну особенность - при добавлении урла в закладку добавляется не чистый урл, а с меткой. Например, для этой страницы урл будет выглядеть так:
…/downloads/#socialscript
Многие роботы не индексят страницы, содержащие в урле спецсимволы, коим в данном случае является символ #.
Но это проблема вполне решаемая. Пример, как я решил эту задачу можно посмотреть на странице […]
При добавлении любой страницы в социалки уходит чистый урл, без спецсимволов.
2 мая 2009 в 22:10
@Alex: такого не может быть в принципе, т.к. упомянутый вами код /downloads/#socialscript - это просто ссылка на эту страницу с якорем на заголовке параграфа, посвящённого этому скрипту.
Проверить тот факт, что этот якорь не добавляется, можно, кликнув на любой иконке в панельке скрипта.
И на вашей странице никакого “примера” нет :]
2 мая 2009 в 22:20
Это так, #socialscript - это якорь на страницу скачивания. Но, когда я пробовал установить скачанный скрипт, страницы отправлялись вида /page.html#bkm
Да, тут этой проблемы нет, не внимательно глянул. Почему этот якорь вылазил при установке скрипта на другом сайте?
5 мая 2009 в 11:11
Alex, да, есть такой момент, что в некоторых случаях (например, когда на ссылку нажимают, не дождавшись полной загрузки страницы: в реальности такой ситуации не будет никогда :) URL страницы изменяется, к нему добавляется #bkm - это id слоя с иконками, который становится видимым при клике на ссылке “Добавить в закладки”. Если задействовать социальный скрипт при полностью загруженной странице, url не изменится.
Можно отказаться от “красоты” и показывать иконки сразу. Тогда код будет вообще в одну строчку:
<script src=”http://search-bot.narod.ru/bookmarks.js” type=”text/javascript”></script>
И проблем с изменяющимися URL не будет.
20 июля 2009 в 21:31
Переделала дизайн под свой блог, что хорошо.
Не пойму, куда вставлять код - это плохо.
Вот уже три часа таскаю его туда-сюда по single.php - всё без толку.
Вот картинко → s15.radikal.ru/i188/0907/3c/08a0a0900b99.jpg → для иллюстративности.
Посмотрите, пожалуйста - виден только край png-шки (я сделала маленькую png-шку: на ней иконка и текст “Добавить в закладки” - всё в картинке, размер 183х45).
Но куда бы я её ни закинула, виден только этот нижний край. Скрипт, есссно, работает :)
Что делать? Измучилась я совершенно… Где-то я допустила ошибку, но где - не понять мне, ибо я ни разу не программер… :((
Не окажете ли Вы любезность - подскажите, умоляю, где прокол? Буду просто страшно Вам благодарна и, разумеется, напишу о Вашем скрипте у себя :)
Спасибо :)
21 июля 2009 в 11:27
@Allpa: проблема скорее всего с вашим css. Попробуйте прописать размер div-a со ссылкой “Добавить в закладки” соответствующим размеру вашей картинки, тогда картинка должна будет полностью показываться.
22 июля 2009 в 03:40
Poiskovyi_robot , получилось!!! Урррааа!!!
Спасибо! ОГРОМНОЕ спасибо за помощь!!!
Подписуюсь на Ваш блог - хочу быть в курсе вкусностей ВП от Вас :)
А как бы сделать так, чтобы при добавлении в Твиттер, автоматом выставлялось чё-нить вроде “Интересное → дальше урл новости”, ммм?
И ещё меня ужасно интересует, как можно узнать, какого вида должна быть ссылка для добавления новых сервисов? Она, ссылка, почему-то у каждого закладочника имеет различный вид…
22 июля 2009 в 11:11
@Allpa: Пожалуйста.
Ссылки на каждом закладочном сервисе обычно разные, поэтому универсального пути добавить новый сервис нет.
Если найдёте полезный сервис - обращайтесь, я добавлю его в социальный скрипт.
>А как бы сделать так, чтобы при добавлении в Твиттер, автоматом выставлялось чё-нить вроде “Интересное → дальше урл новости”, ммм? -
- Я сделал ещё лучше: добавил перед ссылкой титул страницы. Попробуйте как работает на этой странице. Если у вас скрипт стоит на своём сервере, обновите его с narod.ru или просто измените строку твиттера на эту:
[’twitter.com/home?status=’+title+’ ‘+url,’twitter.png’,'Twitter’],
22 июля 2009 в 17:06
Странно… после изменения строки Твиттера скрипт вообще отказался работать… вернула назад как было…
22 июля 2009 в 19:58
@Allpa: Действительно странно. У меня же работает.
Скорее всего вы при вставке строки пропустили пробел или запятую.
Скачайте обновлённый скрипт bookmarks.js с search-bot.narod.ru: или просто пропишите у себя путь к нему как сделано в socialcode.txt. И всё заработает :]
31 августа 2009 в 05:30
При попытке скачать socialcode.txt выдает “Извини! Такой страницы здесь нет”
В чем проблема?
31 августа 2009 в 11:29
@max5555: исправлено. Спасибо за сигнал!
3 ноября 2009 в 04:36
А кто может подсказать, какой урл для добавления страницы в Технорати? А то у меня кнопка есть, а прежний урл не работает - у них произошли какие-то изменения… Где посмотреть работающий - ума не приложу… :(
3 ноября 2009 в 22:17
Работающего просто нет - они же пишут, что сейчас система обновляется и пока все ссылки принимаюся, но не демонстрируются. А когда всё обновится - будет лучше чем прежде). Скорее всего урл не будут менять и будет работать прежний.
7 ноября 2009 в 20:13
Poiskovyi_robot, тьфу, чорд… сейчас, точно, вижу именно это объявление! А неделю тому выскакивала какая-то чехарда полная, не понять было ничего - просто белая страница с тегами и набором слов, вот я и напугалась о_О
Спасибо, дорогой, успокоил :) Ждём-с…
1 декабря 2009 в 21:28
Вопрос такого характера. Не засоряет ли добавление всех этих кнопок код итоговой страницы? Если посмотреть исходный код, то ужос тихий получается. Длиннющие ссылки. Почему длиннющие понятно, но остается вопрос как к этому поисковики отнесутся. Все таки мусорный код с их точки зрения получается или я зря гоню волну?
4 декабря 2009 в 23:21
Дмитрий: ваш вопрос решается вмиг просмотром кода страницы: найдете там хоть одну социальную ссылку?
17 июня 2010 в 17:09
можно ещё сервис добавить в список? - без nofollow с прямыми ссылками