Скачать

—Чем здесь можно разжиться?

—В ассортименте есть плагины для добавления в социальные закладки.
Почти идеальные.

Тут надо объяснить, что я считаю идеальным вариантом. В идеале:

  1. Кнопки социалок не должны лезть на глаза, но быть в досягаемости (как в ShareThis)
  2. Пользователь должен иметь возможность с лёгкостью редактировать список социалок
  3. Лишнего html-кода и исходящих ссылок на странице быть не должно, дабы не вводить в смущение поисковых роботов.
  4. Скрипт или плагин должен лежать на вашем сервере, а не на чужом.
  5. Дизайн вывода кнопок должен легко редактироваться

Как видим, это просто, как и всё гениальное. Странно, но таких вещей в природе нет. Я в меру своей настойчивости попытался восполнить этот пробел. Результаты — перед вами. Итак, во-первых:

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.
Плагин для WordPress ShareThis-ru
В комплекте с плюсом идёт и большой минус: плагин способен вдвое увеличить время загрузки страницы. Поэтому я этот плагин не использую.

new-share-this-1.4.1-ru.zip Загружено: 171 раз.

ShareThis
кнопки социалок не должны лезть на глаза +
редактируемость списка социалок +
отсутствие лишнего кода и ссылок -
независимость от внешних сервисов +
подстройка дизайна -
Итого 3

3. Социальный скрипт для добавления в социалки

Автор кода java-скрипта: sabotage

Сейчас на блоге используется именно этот скрипт. Внесены существенные изменения в стиль отображения.

Посмотреть, как работает, можно кликнув по ссылке "Добавить в закладки" в начале поста. Скачать исходный код и настроить его под себя вы можете на странице автора.

Социальный скрипт
кнопки социалок не должны лезть на глаза +
редактируемость списка социалок +
отсутствие лишнего кода и ссылок +
независимость от внешних сервисов +
подстройка дизайна +
Итого 5

Если же хочется получить всё и сразу, можно просто вставить в любое место на вашей странице код, приведённый ниже. Этот код покажет вам точно такой же социальный виджет, что используется на этой странице. Конечно, в таком виде он удаляется от идеала на 2 пункта, так как располагается на стороннем сервере, а также не даёт возможности отредактировать список социалок, но зато простота!

Код социального скрипта
кнопки социалок не должны лезть на глаза +
редактируемость списка социалок -
отсутствие лишнего кода и ссылок +
независимость от внешних сервисов -
подстройка дизайна +
Итого 3

Простота, лёгкость, изящество и незамысловатость - вот лозунг такого подхода.

Для сторонников простых вещей - код для скачивания (335 байт):

socialcode.txt Загружено: 277 раз.

Именно этот код работает в начале статьи. Обратите внимание, что большая часть кода отвечает за внешний вид выводимого виджета. Это подгружаемые css-правила и скрипт, открывающий изначально скрытую панель с кнопками. Если же взять только последний участок кода, получите ряд кнопок в одну строку. Прописав соответствующие правила непосредственно в css-файле вашего шаблона, получаем индивидуальный дизайн социальной панельки.

Конечно же, в этот скрипт можно добавить исключительно те социалки, которые будут отвечать профилю вашего сайта. Например, только новостные социалки, или только закладки, или только зарубежные сервисы. Дизайн можно настроить в полном соответствии с темой вашего шаблона.

На ту же тему:

Комментариев: 24

  1. Пузат пишет:

    Приветствую!

    Можешь сделать данный скрипт в открытом доступе? Вместе со всеми картинками.

    С Уважением, Пузат.

  2. Poiskovyi_robot пишет:

    Добрый день, Пузат. Ваши комментарии акисмет обрабатывает как спам ;)
    А скрипт и так в открытом доступе. Картинки тут: http://sites.google.com/site/socialsrv/
    Принцип действия смотрите на сайте автора кода

  3. Poiskovyi_robot пишет:

    Пузат, проблемы с загрузкой были из-за переезда на новый хостинг. Теперь всё должно качаться.

  4. andr пишет:

    Благодарю за выложенные скрипты!!
    *ушёл прилаживать на блог*

  5. Xiphos пишет:

    А куда пихать код socialcode.txt, чтобы он показывался именно как у тебя вверху поста?

  6. Poiskovyi_robot пишет:

    @Xiphos: если в Wordpress, то код вставляйте в шаблон одной записи (single.php) после вывода заголовка поста.

  7. Alex пишет:

    Код хорош! Но заметил одну особенность - при добавлении урла в закладку добавляется не чистый урл, а с меткой. Например, для этой страницы урл будет выглядеть так:
    …/downloads/#socialscript
    Многие роботы не индексят страницы, содержащие в урле спецсимволы, коим в данном случае является символ #.
    Но это проблема вполне решаемая. Пример, как я решил эту задачу можно посмотреть на странице […]
    При добавлении любой страницы в социалки уходит чистый урл, без спецсимволов.

  8. Poiskovyi_robot пишет:

    @Alex: такого не может быть в принципе, т.к. упомянутый вами код /downloads/#socialscript - это просто ссылка на эту страницу с якорем на заголовке параграфа, посвящённого этому скрипту.
    Проверить тот факт, что этот якорь не добавляется, можно, кликнув на любой иконке в панельке скрипта.
    И на вашей странице никакого “примера” нет :]

  9. Alex пишет:

    Это так, #socialscript - это якорь на страницу скачивания. Но, когда я пробовал установить скачанный скрипт, страницы отправлялись вида /page.html#bkm
    Да, тут этой проблемы нет, не внимательно глянул. Почему этот якорь вылазил при установке скрипта на другом сайте?

  10. Poiskovyi_robot пишет:

    Alex, да, есть такой момент, что в некоторых случаях (например, когда на ссылку нажимают, не дождавшись полной загрузки страницы: в реальности такой ситуации не будет никогда :) URL страницы изменяется, к нему добавляется #bkm - это id слоя с иконками, который становится видимым при клике на ссылке “Добавить в закладки”. Если задействовать социальный скрипт при полностью загруженной странице, url не изменится.
    Можно отказаться от “красоты” и показывать иконки сразу. Тогда код будет вообще в одну строчку:
    <script src=”http://search-bot.narod.ru/bookmarks.js” type=”text/javascript”></script>
    И проблем с изменяющимися URL не будет.

  11. Allpa пишет:

    Переделала дизайн под свой блог, что хорошо.
    Не пойму, куда вставлять код - это плохо.

    Вот уже три часа таскаю его туда-сюда по single.php - всё без толку.
    Вот картинко → s15.radikal.ru/i188/0907/3c/08a0a0900b99.jpg → для иллюстративности.

    Посмотрите, пожалуйста - виден только край png-шки (я сделала маленькую png-шку: на ней иконка и текст “Добавить в закладки” - всё в картинке, размер 183х45).

    Но куда бы я её ни закинула, виден только этот нижний край. Скрипт, есссно, работает :)

    Что делать? Измучилась я совершенно… Где-то я допустила ошибку, но где - не понять мне, ибо я ни разу не программер… :((

    Не окажете ли Вы любезность - подскажите, умоляю, где прокол? Буду просто страшно Вам благодарна и, разумеется, напишу о Вашем скрипте у себя :)

    Спасибо :)

  12. Poiskovyi_robot пишет:

    @Allpa: проблема скорее всего с вашим css. Попробуйте прописать размер div-a со ссылкой “Добавить в закладки” соответствующим размеру вашей картинки, тогда картинка должна будет полностью показываться.

  13. Allpa пишет:

    Poiskovyi_robot , получилось!!! Урррааа!!!
    Спасибо! ОГРОМНОЕ спасибо за помощь!!!

    Подписуюсь на Ваш блог - хочу быть в курсе вкусностей ВП от Вас :)

    А как бы сделать так, чтобы при добавлении в Твиттер, автоматом выставлялось чё-нить вроде “Интересное → дальше урл новости”, ммм?

    И ещё меня ужасно интересует, как можно узнать, какого вида должна быть ссылка для добавления новых сервисов? Она, ссылка, почему-то у каждого закладочника имеет различный вид…

  14. Poiskovyi_robot пишет:

    @Allpa: Пожалуйста.
    Ссылки на каждом закладочном сервисе обычно разные, поэтому универсального пути добавить новый сервис нет.
    Если найдёте полезный сервис - обращайтесь, я добавлю его в социальный скрипт.
    >А как бы сделать так, чтобы при добавлении в Твиттер, автоматом выставлялось чё-нить вроде “Интересное → дальше урл новости”, ммм? -
    - Я сделал ещё лучше: добавил перед ссылкой титул страницы. Попробуйте как работает на этой странице. Если у вас скрипт стоит на своём сервере, обновите его с narod.ru или просто измените строку твиттера на эту:
    [’twitter.com/home?status=’+title+’ ‘+url,’twitter.png’,'Twitter’],

  15. Allpa пишет:

    Странно… после изменения строки Твиттера скрипт вообще отказался работать… вернула назад как было…

  16. Poiskovyi_robot пишет:

    @Allpa: Действительно странно. У меня же работает.
    Скорее всего вы при вставке строки пропустили пробел или запятую.
    Скачайте обновлённый скрипт bookmarks.js с search-bot.narod.ru: или просто пропишите у себя путь к нему как сделано в socialcode.txt. И всё заработает :]

  17. max5555 пишет:

    При попытке скачать socialcode.txt выдает “Извини! Такой страницы здесь нет”

    В чем проблема?

  18. Poiskovyi_robot пишет:

    @max5555: исправлено. Спасибо за сигнал!

  19. Allpa пишет:

    А кто может подсказать, какой урл для добавления страницы в Технорати? А то у меня кнопка есть, а прежний урл не работает - у них произошли какие-то изменения… Где посмотреть работающий - ума не приложу… :(

  20. Poiskovyi_robot пишет:

    Работающего просто нет - они же пишут, что сейчас система обновляется и пока все ссылки принимаюся, но не демонстрируются. А когда всё обновится - будет лучше чем прежде). Скорее всего урл не будут менять и будет работать прежний.

  21. Allpa пишет:

    Poiskovyi_robot, тьфу, чорд… сейчас, точно, вижу именно это объявление! А неделю тому выскакивала какая-то чехарда полная, не понять было ничего - просто белая страница с тегами и набором слов, вот я и напугалась о_О

    Спасибо, дорогой, успокоил :) Ждём-с…

  22. Дмитрий пишет:

    Вопрос такого характера. Не засоряет ли добавление всех этих кнопок код итоговой страницы? Если посмотреть исходный код, то ужос тихий получается. Длиннющие ссылки. Почему длиннющие понятно, но остается вопрос как к этому поисковики отнесутся. Все таки мусорный код с их точки зрения получается или я зря гоню волну?

  23. Poiskovyi_robot пишет:

    Дмитрий: ваш вопрос решается вмиг просмотром кода страницы: найдете там хоть одну социальную ссылку?

  24. Anna deOra пишет:

    можно ещё сервис добавить в список? http://www.redkum.com - без nofollow с прямыми ссылками

Оставьте свой отзыв!

Я не робот.

Liveinternet