Как установить кнопки социальных сервисов

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

Практически все кнопки умеют распознавать адрес страницы, на которой стоят — поэтому, если вы их ставите только на страницу непосредственного сообщения, каких-либо модификаций не понадобится. Если вы их хотите поставить, скажем, на главную страницу блога под каждым сообщением, тогда придется повозиться и научиться указывать дополнительным параметром в коде вызова URL отдельного сообщения. Впрочем, это несложно — в Movable Type за это отвечает тег <\$mt:EntryPermalink\$>, а в Wordpress надо указать <?php the_permalink () ?>.

Итак, начнем с любимого твиттера. Мониторить ретвиты удобно через сервис TweetMeme, который в специальном разделе описывает возможные варианты. В самом простом виде вам достаточно вставить в код страницы следующее:

<script type=\"text/javascript\" src=\"http://tweetmeme.com/i/scripts/button.js\"></script>

\n

Чтобы поставить компактную кнопку и прописать другой адрес, код надо изменить:

<script type=\"text/javascript\">
\ntweetmeme_url = 'http://yoururl.com'; тут указываете свой адрес
\n tweetmeme_style = 'compact'; определяет компактный стиль кнопки
\n </script>
\n <script type=\"text/javascript\" src=\"http://tweetmeme.com/i/scripts/button.js\"></script>

\n

Любители в Wordpress все делать плагинами могут использовать специальный плагин.

С ВКонтакте, МойМир и Google Buzz все довольно просто — идете на соответствующую страницу для каждого сервиса и видите конструктор кода. Вот ссылки соответственно для ВКонтакте, Google Buzz и МойМир. Не забудьте, что если вы устанавливаете кнопку не на страницу собственно отдельного сообщения в блоге, то в каждом конструкторе надо выбрать вариант с указанием URL страницы и указать там соответствующую переменную. Например, код для Google Buzz и Wordpress будет выглядеть в этом случае так:

<a title=\"Post on Google Buzz\" class=\"google-buzz-button\" href=\"http://www.google.com/buzz/post\" data-button-style=\"normal-count\" data-url=\"<?php the_permalink () ?>\"></a>

<script type=\"text/javascript\" src=\"http://www.google.com/buzz/api/button.js\"></script>\n

Немного сложнее с Facebook. У него теперь есть два варианта кнопок — Share и Like. Первая, как понятно, публикует ссылку на заметку в ленте пользователя, а вторая — обозначает, что пользователю заметка понравилась. Честно говоря, мне вторая функциональность кажется имеющей огромный потенциал для развития (читай: пока недоделанной до вменяемого состояния), поэтому остановлюсь только на кнопке Share. Тем более, что поставить ее очень несложно — укажите на странице сообщения вот такой код:

<a name=\"fb_share\"></a>
<script src=\"http://static.ak.fbcdn.net/connect.php/js/FB.Share\" type=\"text/javascript\"></script>
\n

\n

Чтобы указать другой адрес и выбрать тип кнопки, первую строку можно варьировать, например, так:

<a name=\"fb_share\" type=\"button_count\" share_url=\"YOUR_URL\"></a>
\n

\n

В качестве параметра для type можно указать box_count, button_count, icon_link и icon. И опять-таки, любители Wordpress могут взять специальный плагин.

Вот, собственно, и все — несложно, правда?