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

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

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

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

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

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

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

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

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

<div style=»float: right;»><script src=»http://tweetmeme.com/i/scripts/button.js»></script></div>

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

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

Сразу приведу примерный код
<a href=»http://juick.com/post?body=<?php echo urlencode(«>»> Добавить в жуйк</a> <a href=»http://twitter.com/share?url=<?php echo urlencode(«>&via=Ваш_ник_в_твиттере&text=<!—?php echo urlencode(«Собственно текст»)?—>»> Добавить в твиттер</a> <a href=»http://www.facebook.com/sharer.php?u=<?php echo urlencode(«>&t=<!—?php echo urlencode(«Ваш текст»)?—>»> Добавить в facebook</a> <a href=»http://vkontakte.ru/share.php?url=<?php echo urlencode(«>&image=<!—?php echo urlencode(«Ссылка на логотип вашего сайта»)?—>&title=<!—?php echo urlencode(«Собственно текст статуса»)?—>»> Добавить во В контакт</a>

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

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

Оставьте комментарий