Социальные кнопки




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

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

А вот появилась новая тема – кнопки добавления в социальные сети. Эта тема гораздо жизненее, тем более, что в наше время социальные сети являются довольно неслабым трафико-генератором наряду с поисковиками.

Как добавить социальные кнопки на сайт вообще и на Wordpress в частности. Сразу предупреждаю – тема баянистая, и источников в сети много, я пишу этот пост, чтобы что-нибудь не упустить.

1. Плагины для Wordpress
===================================
Во-первых существует тьма плагинов для Wordpress, которые работают из коробки и позволяют добавить кнопки практически к любому популярному социальному сервису. Их настолько много и все они практически одинаковы, и я их не буду подробно рассматривать.

Казалось бы, вот оно – решение! Ан нет! Если захотите добавить плагин TweetMeme Retweet Button и Facebook Like Button For Wordpress – то скорее всего начнутся проблемы. Эти плагины похоже сбрасывают настройки друг-друга. Хоть ты тресни.

2. Код вставки кнопки. (не только Wordpress)
=================================
Некоторые сервисы предоставляют готовый HTML-код для вставки кнопки на страницу.
Например Вконтакте предлагает настраиваемую кнопку тут:

Для вставки кнопки Твиттера можно использовать такой код:

1
2
3
<div style="float:right">
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>

Я нашёл готовые HTML коды только для двух сервисов. Возможно их больше – подскажите, я их допишу.

3. Делаем кнопки сами (PHP)
============================
Для самых крутых самодельщиков есть ещё один метод (подсмотрено у V.exeR’а).

Сразу приведу примерный код

1
2
3
4
5
6
7
8
9
10
11
<a href="http://juick.com/post?body=<?php echo urlencode("Ваш желаемый текст. Тут и URL и текст в одну кучу")?>">
Добавить в жуйк</a> 
 
<a href="http://twitter.com/share?url=<?php echo urlencode("Ваш URL")?>&via=Ваш_ник_в_твиттере&text=<?php echo urlencode("Собственно текст")?>">
Добавить в твиттер</a> 
 
<a href="http://www.facebook.com/sharer.php?u=<?php echo urlencode("Ваш URL")?>&t=<?php echo urlencode("Ваш текст")?>">
Добавить в facebook</a> 
 
<a href="http://vkontakte.ru/share.php?url=<?php echo urlencode("Ваш URL")?>&image=<?php echo urlencode("Ссылка на логотип вашего сайта")?>&title=<?php echo urlencode("Собственно текст статуса")?>">
Добавить во В контакт</a>

В этом примере стоит заменить текстовые ссылки на картинки, которые каждый может либо подобрать по вкусу, либо нарисовать самому.

Я не силён в Javascripte. Можно ли сделать там то же самое?

Посты по теме:

  1. Изменяем кнопки на панели редактирования
  2. Плагины к моему блогу
  3. Русификация Wordpress

Категории Wordpress, Веб-программирование |
автор: altesack / Воскресенье, Сентябрь 19, 2010 / 11 комментов »

11 комментов

    У всех этих сервисов (плюс еще Одноклассники) есть подробная инструкция и код для вставки JS-кнопки. Просто я как раз наиболее простой способ искал, меня они не устраивали.

    Что-то у меня моск вывернулся… Надо будет на досуге поковыряться.

    @ V.exeR:
    Слышь, подскажи такие инструкции для facebook и juick.
    Попытки что-то нагуглить дают только тонны мусора

    не знаете ли вы плагина кнопки однокласников

    Не знаю :(

    Толк от закладочных кнопок почти никакой… От социальных есть немного пользы, но тоже очень мало

    Здрасьте! Такой вопрос.. После плодотворной работы мне удалось сделать так, что все страницы блога имеют валидный код но ни как не могу найти плагин или код для кнопок соц закладок, чтобы он не вызывал ошибок. Есть такой? Или не судьба?

    Этот вопрос я бы адресовал разработчикам плагинов :)

    Жаль, просто сейчас у меня валидный код, а после установки – нет.. Ну ничего страшного! :)

    Эти кнопки можно притырить на любом сайте и подредактировать ссылки, делоф-то…

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