Кнопки соц.сетей в списке записей

[Dayks]

Всем доброго времени суток. Пробовал найти решение, но не получилось.

Необходимо на главной странице в блок каждого поста добавить кнопку вконтакте, твиттера, гугл+ и фейсбука (или хотя бы первых двух), которая будет делиться содержанием того поста, в котором находится ссылка. Если формировать кнопку для вк на его редакторе кнопок, то получается такой код

<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "mini"});
</script>

и эта кнопочка будет делиться url-ом страницы, а не пермалинком поста. То есть такая кнопка может существовать в единственном экземпляре.

Вот на этом сайте есть пример того, что я хочу сделать

macdigger (не реклама)

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

[pashkje]

Сам где-то месяц-полтора тому назад, парился над этим. Вот я сумел поставить на контакт и на твиттер. http://jsfiddle.net/QZnjS/ вот на на контакт, не буду париться, и заново код писать, скопирую с сайта, где собственно её и ставил. Так что, если что - сам её по передвигаешь.

[Simpsons]

То есть тебе нужны кнопки соц. закладок? Вот тут смотри: http://share42.com/

[Dayks]

Сам где-то месяц-полтора тому назад, парился над этим. Вот я сумел поставить на контакт и на твиттер. http://jsfiddle.net/QZnjS/ вот на на контакт, не буду париться, и заново код писать, скопирую с сайта, где собственно её и ставил. Так что, если что - сам её по передвигаешь.

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

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

[pashkje]

Сам где-то месяц-полтора тому назад, парился над этим. Вот я сумел поставить на контакт и на твиттер. http://jsfiddle.net/QZnjS/ вот на на контакт, не буду париться, и заново код писать, скопирую с сайта, где собственно её и ставил. Так что, если что - сам её по передвигаешь.

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

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

Каюсь, не досмотрел и поспешил

В коде найдите www.tepla-hata.com.ua и замените на адрес нужного вам сайта.

http://jsfiddle.net/QZnjS/1/ вот на твиттер, тоже самое, адрес мой удалить, свой вставить.

Edited November 9, 2012 by pashkje

[Dayks]

Вот, наконец-то рабочий код для твиттера

<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html?url=<?php the_permalink(); ?>&text=<?php the_title(); ?>" style="width:115px; height:21px;"></iframe>

Может кто-то знает как его пополнить укорачиватилем ссылок? Чтобы вставлялись в твит не длинные ссылки, а короткие. Например через t.co, bit.ly, goo.gl - в принципе не важно какой сервис будет задействован.

С кнопкой ВКонтакте вопрос открыт - код pashkje ничем не помог, там непонятная кучка

Edited November 9, 2012 by Dayks

[Dayks]

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

[Dayks]

Вот и код для копки ВК нашелся рабочий

http://jsfiddle.net/RLVys/

Видимо испробованным мною раньше вариантам не хватало кода

<script type="text/javascript" src="http://vk.com/js/api/share.js?11" charset="windows-1251"></script>

[Dayks]

Всем еще раз доброго времени суток.

Смотрите какой я нашел код

http://jsfiddle.net/WgFVY/

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

[novickOk]

Зайдите на http://api.yandex.ru/share/ ну и воспользуйтесь их кодом.

Если не подходит, то можно сделать так:

1) Наводите мышку на нужную иконку(ВК, например)

2) Щелкаете правой кнопкой и копируете урл (например http://share.yandex.ru/go.xml?service=vkontakte&url=http%3A%2F%2Fapi.yandex.ru%2Fshare%2F&title=Блок поделиться)

3) Переходите по ссылке

4) Оказываетесь в ВК с урлом

http://vk.com/share.php?url=http://yandex.ru/&title=Поисковик номер один&description==ℑ=

5) Вырезаете лишнее:

http://vk.com/share.php?url=http://vashdomen.ru/articles/666&title=Название моей статьи&description=ℑ=

6) Вуаля. Перед вами супер ссылка для шаринга в ВК. Можете придать ссылке любой вид. CSS в помощь. Так же делается с твиттером и лицокнигой

[npofopr]

Может тут что будет полезного

Но вообще, яндексовские кнопки вам явно подойдут. А то, что сторонний сервис. А что страшного? Думаете яндекс отключат?