Установка кнопок Вконтакте, Facebook, Twitter и Google +1 (3)

Установка кнопок Вконтакте, Facebook, Twitter и G+

16.07.2012

Несколько лет назад были очень популярны сервисы закладок. Сейчас их практически полностью заменили "лайки" социальных сетей. Я долгое время не хотел устанавливать эти кнопки на свой сайт, но в конце концов сдался...

полный текст статьи

Разное

like, виджеты

Понравился пост? Подпишись на обновления по RSS или Twitter !

Комментарии (всего 63 комментария)

Ронблэйд написал(а) комментарий Цитировать
#41,

удалите их и все должно будет выстроиться в ряд.

Спасибо. А не может это быть связано с тем, что я вписывал кнопки в код страницы через редактор вордпресса, и он сам отформатировал, добавив абзацы? потому-что я их в упор не вижу...
код у меня выглядит так:

1
2
3

<a href="https://twitter.com/share" class="twitter-share-button" data-via="rawnblade" data-lang="ru" data-related="rawnblade">Твитнуть</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<div class="g-plusone" data-size="medium"></div>

Извините за беспокойство.

Flector написал(а) комментарий Цитировать
#42,

я вписывал кнопки в код страницы через редактор вордпресса, и он сам отформатировал, добавив абзацы?

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

<p><iframe data-twttr-rendered="true" title="Twitter Tweet Button" style="width: 138px; height: 20px;" class="twitter-share-button twitter-count-horizontal" src="http://platform.twitter.com/widgets/tweet_button.1362008198.html#_=1362144781703&count=horizontal&id=twitter-widget-0&lang=ru&original_referer=http%3A%2F%2Fphoto.rawnblade.com%2Fcallback%2F&related=rawnblade&size=m&text=TR%20Photo%20%C2%BB%20%D0%9A%D0%BE%D0%BD%D1%82%D0%B0%D0%BA%D1%82%D1%8B&url=http%3A%2F%2Fphoto.rawnblade.com%2Fcallback%2F&via=rawnblade" allowtransparency="true" frameborder="0" scrolling="no"></iframe><br>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></p>

Ронблэйд написал(а) комментарий Цитировать
#43,
все может быть

Спасибо, разобрался.
Вопрос решил переносом кода вставки со страницы прямо в шаблон
Ирина написал(а) комментарий Цитировать
#44,
Здравствуйте!
У меня ситуация такая: кнопка контакта была нажата всего один раз на одной из страниц блога. Теперь захожу на любую другую страницу и вижу отметку, хотя я ее не ставила. Может это из-за того, что не передается адрес страницы, а передается адрес сайта? Поэтому и ставить общий лайк...
Помогите разобраться.
Flector написал(а) комментарий Цитировать
#45,

Может это из-за того, что не передается адрес страницы, а передается адрес сайта?

я в статье писал - не указывайте урл сайта, когда берете код. если не указывать урла, то лайкаться будут отдельные страницы, а вот если указать, то лайки пойдут лишь на указанный урл.
Ирина написал(а) комментарий Цитировать
#46,
я в статье писал - не указывайте урл сайта, когда берете код. если не указывать урла, то лайкаться будут отдельные страницы, а вот если указать, то лайки пойдут лишь на указанный урл.

вы писали это про кнопку facebook
я так поняла, что вконтакте нужно заполнять урл
или нет?
Ирина написал(а) комментарий Цитировать
#47,
там еще такая фишка
кнопка фэйсбука работает (ну т.е. все считается), а вхронике ничего:(
Flector написал(а) комментарий Цитировать
#48,

вы писали это про кнопку facebook
я так поняла, что вконтакте нужно заполнять урл
или нет?

о да, я что-то невнимательно вас прочитал.
вконтакте надо указывать урл, попробуйте заново получить код, очень внимательно. API_ID должен быть указан и все шаги, мной описанные надо аккуратно повторить.
Ирина написал(а) комментарий Цитировать
#49,
с Вконтакте разобралась
не получается с facebook
нажимаю кнопку рекомендовать, он становиться неактивной, а в хронике у меня ничего нет:(
я заметила, что нажимая у вас кнопку рекомендовать, там появляется строка комментария, описание ссылка и еще описание
а у меня из всего вышеперечисленного только ссылка и строка комментария
может дело в том, что заголовок и описание не передает?
но я ставлю аналогичный вашему код, 100 раз уже проверила
что делать?
Ирина написал(а) комментарий Цитировать
#50,
посмотрела в коде - у меня вообще отсутствует мета description
Flector написал(а) комментарий Цитировать
#51,

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

он берет эти теги со страницы - а они прописываются в плагинах аля All in One SEO Pack. если их нет, то и брать этому коду банально нчего.

по поводу работы или неработы данного кода мне сложно сказать - вы уверены, что код вставили именно так, как надо?
Сергей написал(а) комментарий Цитировать
#52,
Скажите пожалуйста, где надо искать тег head на моем сайте?
Flector написал(а) комментарий Цитировать
#53,

Скажите пожалуйста, где надо искать тег head на моем сайте?

в файле header.php в папке вашего шаблона?
Volly написал(а) комментарий Цитировать
#54,
Добрый день!

Подскажите, а можно ли добавлять кнопки соцсетей в конце каждой записи?
Flector написал(а) комментарий Цитировать
#55,

можно ли добавлять кнопки соцсетей в конце каждой записи?

можно - собственно, об этом в статье и идет речь.
Volly написал(а) комментарий Цитировать
#56,
можно - собственно, об этом в статье и идет речь

просто кнопка в первой записи встала нормально, а во второй дала глюк - отобразилась не на нужном месте, а под первой кнопкой....
Алексей написал(а) комментарий Цитировать
#57,
Подскажите пожалуйста как прописать в css код кнопку mail.ru в один ряд. С уважением Алексей!
Flector написал(а) комментарий Цитировать
#58,

как прописать в css код кнопку mail.ru в один ряд.

также, как и для всех остальных. на примере остальных сделайте и для mail.ru - там только идентификатор поменять надо будет и все.
Антонина написал(а) комментарий Цитировать
#59,
В стилях display: inline-block; вместо display: inline;

Я заменила так как на моем сайте гугл + уходил в сторону
Flector написал(а) комментарий Цитировать
#60,

Я заменила так как на моем сайте гугл + уходил в сторону

универсального css-кода не существует - он зависит того, как сверстан ваш шаблон. в большинстве случаев стандартный inline подходит.