Как поставить на блог/сайт нужные социальные кнопки?

social-buttonsЭто довольно обычная вещь — особенно сегодня, когда люди часто обращают внимание на количество «лайков», «твитов» вашей статьи на сайте или блоге.

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

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

Я покажу вам (из личного примера) как можно под каждой статьей в блоге расставить наиболее популярные социальные кнопки. И так, для начала — скачиваем нужный плагин — Page/Post Specific Social Share Buttons. Если вы пользуетесь WordPress, то думаю не надо обьяснять как этот плагин устанавливать — все стандартно.

После успешной установки — идите в настройки. По умолчанию, плагин поддерживает несколько социальных сетей, многие из которых нам просто не нужны. Я бы посоветовал вам отметить Facebook, Twitter, Google+, и если нужно — Pinterest. Ну, можете еще LinkedIn, если пользуетесь им.

Show buttons in these pages: — тут установите только галочку на «Single Posts«, больше кнопки вам нигде не нужны. Ну, может быть еще можете поставить галочку на «Pages«.

Position: — это место, где будут располагаться ваши кнопочки. Я бы посоветовал выбрать либо над статьей (Above posts) либо под ней (Below posts). Не выбирайте Above and Below — работать будет криво, потому что мы сейчас будем кое-что «добавлять» к этому плагину.

Далее оставляете все как есть и доходите до надписи — «Your Custom code:» — где плагин позволяет нам добавлять свои кнопочки. Я покажу на примере кнопок «Одноклассников» и «Мой Мир».

Коды кнопок уже есть, поэтому можете прямо взять их отсюда. Ниже код одноклассников:

<div style="float: left; width:80px; height:25px; margin: 0 10px 10px 0;">
<div id="ok_shareWidget"></div>
<script>
!function (d, id, did, st) {
var js = d.createElement("script");
js.src = "http://connect.ok.ru/connect.js";
js.onload = js.onreadystatechange = function () {
if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") {
if (!this.executed) {
this.executed = true;
setTimeout(function () {
OK.CONNECT.insertShareWidget(id,did,st);
}, 0);
}
}};
d.documentElement.appendChild(js);
}(document,"ok_shareWidget","","{width:145,height:30,st:'straight',sz:20,ck:1}");
</script>
</div>

А это код «Мой Мир». Оба кода можно взять, скопировать поочередно и вставить в это самое окошко «Your Custom code».

<div style="float: left; width:120px; height:25px; margin: 0 10px 10px 20px;">
<a target="_blank" href="http://connect.mail.ru/share" data-mrc-config="{'cm' : '1', 'sz' : '20', 'st' : '3', 'tp' : 'mm'}">Нравится</a>
<script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script>
</div>

А вот это код кнопки «Мне нравится» из Яндекса. Может быть кому-то и пригодится. Учитывайте — если вы запихнете все 3 кода кнопок в окошко — у вас получится 2 ряда кнопок. Если это не смущает — вперед!

<div style="float: left; width:120px; height:25px; margin: 0 10px 10px 20px;">
<a target="_blank" href="http://connect.mail.ru/share" data-mrc-config="{'cm' : '1', 'sz' : '20', 'st' : '3', 'tp' : 'mm'}">Нравится</a>
<script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script>
</div>

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

Коды социальных кнопок с моих примеров, вполне можно заменить нужными вам кнопками — по той же самой схеме. Можете поэкспериментировать, если вам не хватает «заводских» кнопок в самом плагине.

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


Проводится опрос! Оставьте свой голос!

Что Азербайджану нужно, чтобы развить туризм и укрепить экономику?

Результаты

Загрузка ... Загрузка ...

Интересные новости:

7 комментариев

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

  2. Я например предпочитаю кнопки шаринга, нежели лайков — по ним ясно можно понять сколько человек поделилось постом. Хотя, каждому свое.

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

  4. Можно яндексовские использовать или же addthis. Есть еще uptolike — тоже можно, там настроек полно, под каждый сайт можно подстроить. Есть из чего выбирать.

  5. Не знаю, мне проще взять уже готовое, чем самой пытаться что-то делать, еще не дай Бог испорчу. Благо готового навалом, можно взять, поставить и сразу использовать.

  6. Можно с яндекса взять, можно и через плагины загрузить уже готовое. Они правда не всегда работают, но можно найти что-то стоящее если покопаться.

  7. Алексей говорит:

    Да ну еще с кодами возиться, полно готовых уже можно с того же яндекса взять поставить и все.