Код ленты социальных кнопок для WordPress шаблонов

Меня часто спрашивают, как можно получить такую же ленту из кнопок соц сетей как на adne.info.

Код социальных кнопок для WordPress шаблонов

Собственно далее в заметке код для шаблонов WordPress.

В header.php до тега /head

<script type="text/javascript" src="http://vkontakte.ru/js/api/share.js?10" charset="windows-1251"></script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'ru'}
</script>

В single.php и index.php

<table border=0 width=100% cellpadding=2 cellspacing=2><tr>
<td width=25%>
<script type="text/javascript"><!--
document.write(VK.Share.button({url: '<?php the_permalink() ?>', noparse: false },{type: "round", text: "Нравится"}));
--></script>
</td><td width=25%>
<a href="http://twitter.com/share" class="twitter-share-button" data-url="<?php the_permalink() ?>" data-counturl="<?php the_permalink() ?>"  data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</td><td width=25%>
<script src="http://connect.facebook.net/ru_RU/all.js#xfbml=1"></script><fb:like href="<?php the_permalink() ?>" layout="button_count" show_faces="false" width="150" font=""></fb:like>
</td><td width=25%>
<g:plusone size="medium" href="<?php the_permalink() ?>"></g:plusone>
</td></tr></table>

В style.css

#vkshare0 td {padding: 0px 0;}

Использованы кнопки фейсбука, твиттера, у вк — share (Мне нравится и Share от Vkontakte.ru – в чём разница.), кнопка гугл плюс.

Обратите внимание, везде прописан the_permalink() — зачем? Ответ здесь: Обязательно прописывайте URL в кнопках социального шаринга.

Для более масштабного задействования социалок будет уместен скрипт социальных голосований.

Этот пост был вам полезен? Подпишитесь на нашу рассылку и получайте то, что не вошло в блог, анонсы и тематические подборки + несколько руководств (сбор подписчиков и продажа информации).
Имя: Email:
  1. Егор:

    Почему одноклассники и маил не добавляете?

  2. Я использую на своем блоге http://aviatalker.ru кнопки добавления в соцсети, которые предоставляет Яндекс. Они не такие красивые, но компактно собраны. Теперь у меня проблема — как сделать подписку на блог (после статьи) по e-mail. Можете что-нибудь посоветовать?

    • Alex Hodinar:

      Вы так много тегов используете, не боитесь санкций от поисковиков? Что касается подписки на блог по мылу, это просто: http://feedburner.google.com — создаём фид, переходим на его настройки, во вкладке Publicize (Публикация), пункт меню Email Subscriptions. Можно настроить дизайн писем, время публикации, получить форму для подписки для размещения на сайте.

  3. Стоит ли сейчас использовать share для вк? Ведь у «мне нравиться» есть галочка рассказать друзьям?

    • Alex Hodinar:

      У меня share лучше идёт, поэтому использую в основном её. Здесь http://adne.info/nravitsyashare/ — я подробнее изложил мысли на этот счёт. Хотя судя по всему, у «мне нравится» перспектив развития больше.

      • У меня есть страницы отмеченные share (почти полтысячи), но думаю лайк удобнее будет

        • Alex Hodinar:

          Согласен, лайк удобнее, внешне привлекательнее, если вк пойдут по стопам фб, то градация по типу контента значительно увеличит количество лайков, но я исхожу из своей статистики. Если по тематике вашего ресурса: на селебрити проектах лайк по идее должен давать хорошие результаты — аудитория соответствующая, однако у меня кликов много, а вот рассказать друзьям мало кто жмёт, поэтому share. Впрочем, на следующий месяц в планы поставлю ещё один эксперимент, может за последнее время ситуация поменялась.

  4. Самое интересное — только что поменял share на лайк, думал что все показатели исчезнут, ан нет просто убралось пару десятков (с 480 до 440 на одном). Замена оказалась не такая болезненная

  5. Не понравилось. По стилистике разные счетчики разъезжаются нафиг. Какие то выше, какие то ниже.

  6. porcelanosa:

    ADBlock по умолчанию почему-то режет ваши кнопки — странно, но факт. Смотрю в ГуглХРом

  7. У Яндекса еще кнопочка share удобная, и хорошо вписываетя в любой стиль. Но по отдельным кнопкам результат, наверное лучше.

  8. Спасибо большое, поставил на свой сайт, гораздо симпатичнее чем кнопки от яндекса!

  9. Michael:

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

  10. Спасибо большое за статью. Как можно избавиться от следующих проблем?
    1. Крякозябры у кнопки вконтакте
    2. Вокруг кнопок появилась некрасивая рамка
    3. Как разместить кнопки выше похожих постов?
    Скриншот того что стало — http://s017.radikal.ru/i407/1203/f4/f3dd0aab42cf.jpg
    За ранее большое спасибо!

  11. Дима:

    Привет, как изменить язык надписей (твитнуть, мне нравится)?

    • Изменить язык и текст надписей можно в коде.
      Например, для твиттера, ищите такой текст в коде:
      data-count=»horizontal»>Tweet
      Заменяете слово «Tweet» на то, что Вам нужно, так же и с ВК.

      Автор, спасибо за код, взял к себе на блог.

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



Раздел: Социальные сети, SMM/SMO, Автор: Alex Hodinar
|