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

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

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

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

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

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

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

Любители в 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>

Немного сложнее с 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>

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

<a name=»fb_share» type=»button_count» share_url=»YOUR_URL»></a>

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

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

Subscribe
Сообщать
guest
9 Комментарий
старые выше
новые выше популярные
Inline Feedbacks
View all comments
Лёха

Информационные посты хороши, но и практичные очень интересны.

Денис

Похоже в WordPress.com такое не работает. Вставляешь в графический редактор (конечно в html-варианте) код — он потом скрипты обрезает. Оставляет только теги a. Но за пост — спасибо!

BlackBird

Спасибо!

Правда, TwitMeme подтормаживает: все остальные кнопки уже появились, а она — спустя пару секунд. Так что поставил скрипт отсюда: http://www.retweet.com/widget/code

Олег

спасибо помогло .. вот тут есть еще информация по этому вопросу

Олег

спасибо помогло .. вот тут есть еще информация по этому вопросу http://welcome-re.ru/

Сергей Гипш

Сергей, спасибо за пост!

Все получается кроме одного: на странице поста при ретвите и добавлении в Facebook идет заголовок поста, а на главной странице (кнопки под каждым постом) заголовок блога. Нужны разные коды для главной страницы и страницы поста?

Спасибо!

klementeena.ru

Скажите, а вот есть же такие сервисы, которые все основные самые популярные кнопки собирают в одну, а потом там такое выпадающее меню и можно выбрать куда расшарить понравившийся пост. Вот где такую общую кнопку взять?

Kkkurl

Всё хорошо написано, главное, понятно!