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

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

Непосредственно код кнопки самой соц. сети не будет нагружать хостинг, как те же плагины для WordPress, или модули для других CMS. Желающие в конце статьи найдут ссылку сразу на готовый набор кнопок социалок.

Самыми популярными кнопками, которые мы сейчас установим, являются следующие:

кнопка facebookКак установить кнопку Like (Мне нравится) от Facebook

Прежде, чем установить "Мне нравится" (Like), необходимо ее создать на соответствующей странице Facebook. Для этого переходим на страницу генерации кнопки Like где видим следующее:

как установить кнопку facebook на сайт

В основном все понятно, но некоторые пункты требуют пояснения.

  • URL to Like - это первое поле, куда мы что-то можем написать. Здесь следует указывать ссылку, на которую будут вести все Like. Если же кнопка у Вас будет установлена "сквозняком" по всему сайту, то лучше это поле оставить пустым: в этом случае ссылка будет автоматически браться на статью, где была нажата. Так сделано на большинстве сайтов.
  • Send Button (XFBML Only) - довольно новая функция, которая позволяет отправить сообщение своему другу или знакомому сразу с посещаемого в данный момент сайта, т.е. Вашего. Насколько она нужна - решать Вам. Скажу, что работать она будет на Вашем сайте, если подключена библиотека JavaScript SDK.

Остальные пункты понятны сразу из пояснений на картинке выше. Сверху сразу смотрим результат выбора кнопки. Как только все настроили - нажимаем Get Code (внизу картинки) и получаем код, который необходимо установить себе на сайт. К примеру код, который получился у меня:

как установить кнопку facebook на сайт

Код из верхнего окошка (цифра 1) необходимо поместить в Ваш файл шаблона в пределах тега body (подчеркнуто красным). Facebook рекомендует это сделать в самом начале, поэтому открываем файл header.php (чаще всего здесь в шаблонах находится открывающий body) и вставляем весь код из первого окошка сразу после него.

Код из второго окошка отвечает непосредственно за отображение кнопки "Мне нравится" (Like). Поэтому подбираем место по своему усмотрению, но его обычно устанавливают перед статьей, либо после нее. Чтобы это сделать, нам нужно будет открыть файл single.php (если такого нет, то смотрите какой отвечает за вывод информации постов) и вставить предложенный код №2 в нужное место (обычно перед или после <?php the_content(); ?>).

кнопка google plusКак установить кнопку +1 от Google

Чтобы поставить на сайт кнопку от Google +1, необходимо так же создать ее код на специальной странице. Для этого переходим на страницу генератор кнопки +1 и приступаем к настройке:

как установить кнопку google +1

Настройки здесь аналогичные Facebook, за исключением нескольких пунктов:

  • Мы можем и должны выбрать язык;
  • В расширенных настройках рекомендую выбрать Асинхронный код и синтаксис HTML5;
  • В поле выполнять код можно оставить как по умолчанию, однако вариант "при явном вызове" мне кажется лучше;
  • Последнее поле, URL для +1, аналогично с первым на Facebook: оставляем пустым, если кнопка бедт "сквозняком" через весь сайт. Если же она только на одной странице или должна собирать +1 на одну страницу, то указываем URL.

По окончании всех настроек снизу мы увидим готовый код, который необходимо разместить на своем сайте в соответствующем месте:

как установить кнопку +1 google

Как понятно из названия кода красной рамки - помещаем в место отображения (можно рядом с Like от Facebook). Код, который в зеленой рамке, необходимо поместить в тот же файл, куда будет помещен "красный". К примеру: мы помещаем "красный" код в single.php, поэтому "зеленый" код мы помещаем в этот же файл, можно в самом его начале, чтобы он не сливался с остальным шаблоном.

кнопка twitterКак установить кнопку "Твитнуть" от Twitter

Как и с предыдущими кнопками, Твиттер нам тоже предлагает сгенерировать свою кнопку. Делаем это на странице Кнопки Твиттера. Нужно, чтобы Вы были залогинены под любым аккаунтом в это время, чтобы настройки были успешны.

как установить кнопку twitter

Если честно, то настройки у Twitter самые простые и не вызовут сложностей у любого человека (я надеюсь). В красной панели выбираем тип кнопки, в зависимости от которой откроются свои поля на выбор.

Если оставите URL пустым, то он возьмет страницу. на которой произошел клик по кнопке (как у Facebook и Google +1). Аналогично чуть ниже с текстом: можете прописать свой, либо будет брать заголовок статьи. Далее настраиваем упоминания и #хэштег.

Справа мы видим результат настройки, а чуть ниже код. Копируем весь и вставляем в нужное место на сайте в одно место. Настроек проводить не нужно. Единственное - это можно добавить атрибут rel="nofollow", чтобы ссылка была закрыта от индексации.

кнопка вконтактеКак установить кнопку Мне нравится от ВКонтакте

Переходим на страницу Виджет "Мне нравится" и приступаем к настройкам:

установить кнопку вконтакте

Все это мы уже проходили, кроме пункта под красной рамкой. Здесь нам нужно подключить свой сайт, если этого не делали ранее: заполняем три строки и нажимаем Сохранить, после чего вводим капчу и наш сайт появляется в списке. Таким образом можно подключить все свои сайты, чтобы управление виджетами ВКонтакте осуществлялось с Вашего аккаунта. Единственное условие - Вы должны быть залогиненым в этот момент и быть авторизованным (подтвердить себя через телефон). В противном случае Вы не получите свой идентификационный номер (API-id), без которого не работает любое приложение от ВКонтакте.

как установить кнопку вконтакте на сайт

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

После того, как добавили свой сайт в список, проводим стандартные настройки кнопки и снизу видим код. Тот, который за красной чертой - устанавливаем в пределах тега head (обычно в файле header.php). Вторую же часть кода ,которая под зеленой чертой, устанавливаем в то место, где будет отображаться кнопка.

кнопка mail.ruКак установить кнопку Mail.ru и кнопка одноклассникиОдноклассники

Данные кнопки проще всего устанавливать в паре, т.к. владельцем этих двух популярных ресурсов является одна компания. Именно поэтому она продвигает одновременно 2 бренда.

Переходим на страницу генератор кнопки Mail и выбираем внешний вид:

как установить кнопку mail.ru

Одновременно с кнопкой Mail.ru мы настраиваем и устанавливаем кнопку Одноклассников. Все это делает в одном блоке.

Стрелкой показаны поля, которые мы можем изменять под свои нужды. Если с шириной все понятно, то в поле URL оставляем пустым, чтобы нажатие срабатывало на страницу, где установлена. Если в это поле поместим какой-либо адрес, то все нажатия будут засчитываться на указанную страницу.

В самом конце получаем код, которые необходимо поместить в выбранное место на сайте.

кнопки яндексЯндекс кнопки социальных сетей

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

Установка так же проста: выбираем в интерфейсе нужные сервисы и размещаем представленный код в нужное место на сайте.

Переходим по ссылке Яндекс кнопки и видим:

яндекс кнопки социальных сетей

Здесь мы выбираем какие сервисы будут представлены в блоке социальных кнопок Яндекс. А в следующем блоке нам предлагают выбрать внешний вид, а так же код, который мы с легкостью водружаем в нужное место на страничке своего сайта:

яндекс кнопки социальных сетей

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

Ближе к концу 2012 года Яндекс предложил пользователям установку кнопок социальных сетей другого формата. Смотрите сами:

кнопки соц сетей

Это стандартные кнопки "расшаривания" страницы, только они получили счетчик. Выглядит весьма красиво.

Чтобы поставить на сайт подобные соц. кнопки от Яндекса, необходимо поместить следующий код в пределах тега

<head></head>

В зависимости от движка сайта, найти теги можно: для WordPress файл header.php, для других движков это может быть index.php. А вот и код:

<script src="//yandex.st/share/cnt.share.js"></script>

C помощью него мы подключаем скрипт кнопок, т.е. сам функционал будет находиться не на вашем сайте, а на серверах Яндекса (очень удобно, т.к. не дает нагрузки).

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

<div class="yashare-auto-init" data-yashareLink="" data-yashareTitle="" data-yashareDescription="" data-yashareImage="" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,gplus" data-yashareTheme="counter" data-yashareType="small"></div>

Обратите внимание: в данном коде есть перечисление кнопок социальных сетей (yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,gplus). Вы можете поменять их порядок. Так же можете увеличить размер самих иконок, заменив data-yashareType="small" на data-yashareType="big".

Послесловие

Ранее я публиковал статью Кнопки рейтинга сайтов в одну строку. При помощи нее Вы сможете выставить кнопки социальных сейте в одну строку, либо друг под другом. Попробуйте.

Если же Вы осознали, что вся эта морока с кодом не для Вас, то можете почитать статью Все социальные плагины WordPress на mojWP.ru и воспользоваться одним из предложенных плагинов, который сделает всю работу автоматически, или почитать статью Марины Лазаревой - Кнопки социальных сетей для сайта, которые ставятся в первую очередь.

Если что-то не получилось - пишите в комментариях. Постараюсь помочь всем.

Привет. Меня зовут Виталик и я автор этого блога.

Отблагодарить Z888279575784 R109400923968 или ЯД 41001651742138

Оказываю услуги по созданию и настройке сайтов на WordPress (верстка, натяжка, мелкие правки и корректировка). Обращайся и не стесняйся.

Мои Контакты. Я в Twitter @mojWP. Смотри на Youtube. Читай RSS блога.

Опубликовано 225 комментариев
  1. Sueno (44 комм.):
    http://sueno.ru/

    Очень полезная статья, я как раз хотела избавиться от плагина

  2. InvestProfi (1 комм.):
    http://invest-profi.com

    Огромное спасибо за бесценный материал, для меня как новичка очень кстати.

  3. Максад Исаев (1 комм.):
    http://maksisaev.com/

    Однажды я уже хотел установить подобные кнопки, но не нашел достаточно вразумительных инструкций. А по вашей статье я установил все по ходу чтения! Спасибо за полезную информацию и доступную форму подачи материала!

  4. Денис Черников (1 комм.):
    http://sozdaiblog.ru

    Самая извечная проблема - это установить кнопки социальных сетей в один ряд! Постоянно с этим у всех возникают трудности!

    • mojWP (1653 комм.):

      Еще один комментарий со спамной ссылкой - БАН на сайте. Притом даже не зайдете на него, чтобы украсть материал

      • Кирилл (1 комм.):
        http://life-webmaster.ru/

        Админ рвет и мечет! Правильно так и нужно=)

  5. Андрей (11 комм.):
    http://woomstore.ru

    Есть более простой способ. Это кнопки от яндекса. Там прямо на сайте яндекса генерируется скрипт для тех соцсетей которые нужны. Только вот одна проблема, для всех работает нормально, но вот именно для ВКонтакта не хочет подгружать картику из темы. Автор не знает в чём дело случайно?

    • mojWP (1653 комм.):

      есть такое понятие, как микроразметка. сделайте ее на сайте, и будет отображаться

  6. Андрей (11 комм.):
    http://woomstore.ru

    Да как бы не в этом дело я думаю. Другие же цепляют изображение...

  7. Виктор (4 комм.):
    http://s91.com.ua

    Хочу вставить эти кнопки, после записи «Далее», то есть, чтобы на главной странице уже было видны кнопки, и чтобы кликая на них они лайкали именно ту новость, ниже которой расположены, а у меня получается, что лайкают главную страницу!

    • Виталий (1653 комм.):

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

      для ваших целей необходимо поставить плагин какой-нить по желанию

      • Виктор (4 комм.):
        http://s91.com.ua

        Посоветуйте, какой плагин? Ну, чтобы было мне нравится от vk, facebook, twitter,G+

  8. OlgaBlik (1 комм.):
    http://olgablik.com

    Здравствуйте, у меня следующая проблема, все значки я поставла в ряд, но фэйсбуковски не хочет вставать на место!) Поэтому я его поставила первым и теперь значок вконтакте стоит под ним? Что я не так сделала? Буду признательна за любую подсказку!)

    • Виталий (1653 комм.):

      подсказать не видя сути не могу. Показывайте пример

  9. Сергей (3 комм.):

    Здравствуйте Виталий, и спасибо,очень интересная стать. У меня такой вопрос: Нужно ли делать запрет индексации кнопок соц. сетей. Прочитал уже довольно много статей по этому поводу, но однозначно никто сказать не может.
    Некоторые вебмастера пишут, что эти кнопки индексация этих кнопок большого значения не имеет, а некоторые наоборот говорят, что падает скорость загрузки страницы и еще ряд очень хороших факторов.
    Так может лучше все эти кнопки закрыть и не
    не переживать?
    Как на ваш взгляд лучше сделать?
    Если все таки закрывать то как это сделать правильно?

    • Виталий (1653 комм.):

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

      Скорость загрузки падает, если "лежат" серваки социалок, либо ваш провайдер испытывает некие проблемы с каналом в направлении серваков социалок.

      • Сергей (3 комм.):

        Ясно, вот только вы пишите что толку нет, а на вашем блоге ссылки на кнопки социальных сетей закрыты тегом rel="nofollow"???

        • Виталий (1653 комм.):

          не путайте кнопки, типа LIKE и Нравиться с ссылками на группы, либо канал ютуба

  10. Сергей (3 комм.):

    Так все таки, кнопки "Мне нравится" "Google+1" , "Твитнуть" стоит закрыть от индексации?
    Извините за настойчивость, просто занялся этим вопросом и хочу сделать все правильно.

  11. Алена (3 комм.):
    http://mumimama.org

    Виталий, спасибо! Правда, кнопки у меня таки встали в два ряда, но выглядит уже гораздо ровнее, чем первоначально!

    • Виталий (1653 комм.):

      если div не получилось, то таблицей точно должно получиться. Главное не ошибитесь в td

  12. Denis (46 комм.):
    http://webwmz.ru/

    Эти кнопки обязательны на любом блоге. Статья интересная и полезная) У facebook только часто почему то не работает.

  13. Admirus (3 комм.):
    http://lovegeld.ru/

    Спасибо, а то долго мучался, у вас самый простой и понятный способ!

  14. Karfarol (3 комм.):

    Виджет "последние комментарии" расползся по странице. На других страницах норма

    • Виталий (1653 комм.):

      не понял о чем речь

  15. Александр MaDDogg (21 комм.):
    http://time-for-android.ru/

    Благодарю за подробнейшую статью.
    Все хотел поставить пару кнопок, но не было времени разбираться как, а шас вот минут через 20 попробую, поставить 2-3 кнопки, больше думаю не имеет смысла.

    Читал ещё что кнопка +1 гугл положительно влияет на выдачу сайта в гугле.

  16. Ирина (9 комм.):
    http://animangalife.ru

    У меня установлен плагин WordPress SocialButtons, но там не все кнопки. Сохраню Ваш сайт в закладках, подумаю еще, возможно кнопки поставлю.

  17. CanaBeasT (2 комм.):
    http://BezVreda.com/

    Добрый день. Понравилось как у Вас на блоге реализованы кнопки социальных сетей (в столбике справа, который ездит по мере чтения статьи). Подскажите как Вы это реализовали (я так понимаю у Вас вордпресс) - хотелось бы реализовать и у себя. Хотя бы подскажите направление куда рыть ))).

    • Виталий (1653 комм.):

      Добрый.
      Ознакомьтесь вот с этой статьей http://mojwp.ru/socialize-it.html

      • CanaBeasT (2 комм.):
        http://BezVreda.com/

        Спасибо. Помогло. Поставил через скрипт в шаблон.

  18. Denis (46 комм.):
    http://webwmz.ru/

    Эти кнопки по любому нужны на любом блоге! Так как они дают возможность пользователям поделится ссылкой, также автору делать анонсы)

  19. Оксана (2 комм.):
    http://www.ets96.ru

    А можно уточнить, данный код нужно установить на каждой странице или в корневой папке сайта?

    • Виталий (1653 комм.):

      уточните какой код, а я уточню куда вам его установить)

  20. Ирина (9 комм.):
    http://animangalife.ru

    Добралась, наконец-то, до установки обычных кнопок. Спасибо за подсказки! Все получилось, все работает.

    • Виталий (1653 комм.):

      и будет работать, ибо код от создателей кнопок)

    • Леонид (1 комм.):

      Дайте код на кнопку отправить. Пожалуйста.

      • Виталий (1653 комм.):

        Если бы еще знать о какой кнопке Отправить вы говорите...

  21. Оксана (2 комм.):
    http://www.ets96.ru

    Код, который под зеленой чертой и под красной

    • Виталий (1653 комм.):

      надо учиться задавать вопросы.
      путем гадания на кофейной гуще я пришел к выводу, что вас интересует код от Facebook. Я прав?
      первую часть в пределах тега head
      вторую часть в то место на сайте, где будет отображаться кнопка

  22. Илья (1 комм.):
    http://polnyi-pisec.ru

    Виталий, интересная статья, спасибо. Но разобраться сразу не получилось... А можно готовый код опубликовать (под номером 1 код для вставки в heder.php, а под номером 2, тот, который вставляется в нужное место вместе с кодом контейнеров DIV и параметрами оформления (частично). Можно такой же как у Вас под статьей... Реально бы облегчило жизнь. Я конечно понимаю, что вы время теряли, разбирались, а всем остальным халяву подавай, но такова уж тематика вашего сайта=)Было б чертовски приятно, получить такой подарок =)
    P/S А с формой подписки так и не получилось, может ее нужно вставить в контейнер DIV или SPAN? Последнее можно удалить, как не относящееся к статье - просто на маил не ответили. Спасибо за помощь!

    • Виталий (1653 комм.):

      видимо все же придется свой код опубликовать на сайте)
      наверное 20 человек, который просит. обычно по почте высылал код людям

      • Илья (5 комм.):
        http://polnyi-pisec.ru

        А когда можно ждать выхода статьи с кодом? =)

  23. Илья (5 комм.):
    http://polnyi-pisec.ru

    В целом разобрался, но отображаются только 3 кнопки - Гугл+1, Фейсбук и Твиттер. Что то не то...

    • Виталий (1653 комм.):

      а эти кнопки самые главные))
      хотя на одном из сайтов заметил, что mail.ru кнопка подняла страничку в топ3 (только благодаря нажатиям) и сайт принес не хило трафа (пару K в день), который осталось конвертнуть)))

  24. Илья (5 комм.):
    http://polnyi-pisec.ru

    Видимо дело в кнопке Фейсбука, проигнорировав настройки, в ней все равно пишется "Отметки нравиться 6 Зарегистрируйся ..." Занимает пол поля, остальные кнопки не входили, пришлось перенести на другую строку. Нужно ли ограничивать ширину кнопок?

    • Виталий (1653 комм.):

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

  25. Pavel (56 комм.):
    http://healthbps.ru/

    Мне кажется, или кнопка фэйсбука все-таки немного не ровно стоит? Ну да ладно, это не очень-то важно 🙂
    Мне больше интересно, часто ли по ним кликают у вас на сайте?

    • Виталий (1653 комм.):

      кнопка действительно не ровно - у нее свои отступы, которые не могу вычислить.
      а кликанье можно посмотреть, пройдясь по статьям)

  26. s0m (1 комм.):

    для кнопки facebook, достаточно будет немного подправить css:

    #fb-like iframe {
    margin-top: -3px;
    }
    должно помочь

  27. Сергей (1 комм.):
    http://pokruche.ru/

    Я что-то не понял. Возможно ли в плагине на вордпресс закрыть кнопки социальных сетей? У меня их десяток, а это лишние внешние ссылки с главной страницы.

    • Виталий (1653 комм.):

      закрыть можно всегда.
      нужно искать где стоит тег a

  28. anna2208 (1 комм.):
    http://domikumeiki.ru

    спасибки очень помог!!!

  29. Эрнест (1 комм.):
    http://25liga.com

    Спасибо с первой попытки все кнопки установил

  30. Юрий (1 комм.):
    http://rabotadoma5.ru/

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

    • Виталий (1653 комм.):

      не подскажу, т.к. с perl "не дружу"

  31. Владимир (1 комм.):
    http://smart-center.ru/

    Отличная инструкция по установке кнопок социальных сетей. Воспользовался подсказкой как сделать их в один ряд и теперь на сайте смотрятся красиво.
    Еще раз спасибо!

  32. Remzi (2 комм.):
    http://i-origami.ru

    Виталий, почему в гугл хром и браузере от яндекс кнопка Mail.ru отображается на половину, в Одноклассники не видно. Как это исправить.

    • Виталий (1653 комм.):

      да. сталкивался с подобной проблемой.
      решения не нашел. видимо все же проблема в скрипте

      если найдете решение проблемы - буду признателен за подсказку

      • Remzi (2 комм.):
        http://i-origami.ru/

        Вы разобрались в проблемой с кнопками. Подскажите пожалуйста как.

  33. Владимир (1 комм.):
    http://mnogodetnaya-semya.ru

    На Вашем сайте богатый выбор кнопок. Владимир.

  34. koncerva (2 комм.):
    http://ckyut.ru/

    А есть ли такая кнопка для smi2? Всегда вручную размещаю, а так бы удобно было. Еще вопрос: Не вредит ли индексации это7 Ведь соц. сети как правило попадают раньше в индекс и в итоге сами статьи становятся фактически не уникальными?

    • Виталий (1653 комм.):

      1. smi2 не понимаю о чем речь
      2. кнопки не передают контент, поэтому не вредят. иначе весь интернет откатился бы на несколько лет назад

      • koncerva (2 комм.):
        http://ckyut.ru/

        smi2.ru Почему не передают?А что они тогда передают тогда?

  35. Александр (1 комм.):
    http://webalan.ru/

    Спасибо тебе друг. За эту статью. Помогла как никогда.
    Мыкался с этими кнопками.

  36. Дамирё (1 комм.):
    http://xn--80asghrcgk3i.xn--p1ai/%D0%BA%D0%BD%D0%BE%D0%BF%D0%BA%D0%B8-%D1%81%D0%BE%D1%86%D0%B8%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D1%85-%D1%81%D0%B5%D1%82%D0%B5%D0%B9-%D0%B2-wordpress/

    Использую плагин Social Share Buttons. Не разу не облажался. Вконтакте - это основное, все остальное - это незначительная часть.

  37. Владимир (2 комм.):
    http://mr-cheshkof.ru

    Спасибо за советы все оказывается просто, когда объясняют грамотно.

  38. Сергей (1 комм.):
    http://авторазборкин.рф

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

    • Виталий (1653 комм.):

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

  39. Елена (1 комм.):
    http://tutzdorov.ru/

    Доброго времени суток, Виталий! Недавно установила плагин WP Social Buttons. Работает нормально. Но я хотела бы разместить его (социальные кнопки) помимо его стандартного местоположения (куда разместил его WP) еще в одно место на сайте, где его нет. Вот думаю, есть ли такой гений, который бы понял, что я хочу да ещё и подсказал бы как осуществить задуманное ;).
    Буду очень благодарна, если Вы сможете мне помочь! Спасибо!

    • Виталий (1653 комм.):

      Добрый.
      Попробуйте задать вопрос на форуме wordpress.org
      Я не разбирался еще с этим плагином. поэтому не подскажу

  40. Алексей (1 комм.):

    Спасибо за материал, но я предпочитаю сервис pluso

    • Виталий (1653 комм.):

      и вам спасибо за спам по всем сайтам и блогам))

  41. FSF (1 комм.):
    http://freestartforex.ru

    Мне понравилась статья спасибо!

  42. степан (1 комм.):
    http://po-detski.ru

    Спасибо за статью. Все понятно и доходчиво.

  43. Stacy (2 комм.):

    Добрый день! У меня возникла проблема при установке кнопки like facebook в блог (платформа blogger). Я сделала все как описано сгенерировала код, оставив URL пустым, при установке на блог выдает:
    «Не удалось проанализировать ваш шаблон, так как он неправильно сформирован. Убедитесь, что все элементы XML правильно закрыты. Сообщение об ошибке в XML: The reference to entity "appId" must end with the ';' delimiter.»
    Изменила символы &, на <, &gt и т.д. После этой манипуляции blogger уже не выдавал ошибку, и на сайте появилась кнопка Like. В итоге при нажатии счетчик обновляется на всех сообщениях сразу, а не на каждом в отдельности. Как это исправить? Заранее спасибо!

    • Виталий (1653 комм.):

      добрый день.
      к сожалению, сейчас не помогу, т.к. не имел дела с blogger.
      попробуйте погуглить по запросу "facebook like для blogger"

  44. Stacy (2 комм.):

    Виталий, спасибо за ответ!

  45. Наталья (1 комм.):
    http://uvlekatelnie-bonsai.ru

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

  46. Anna (7 комм.):
    http://krasavolos.com

    Вот все равно не могу найти то, что мне нужно.. Я себе сделала кнопки в виде чашечек с кофе, но не как лайки, а как для обратной связи. Я их поставила в виджет, так как, если поставить в конце статьи под обычными соц.кнопками, то мои чашечки не имеют расстояния между собой. А как его в коде прописать, я не знаю.. Может, поможете?)

    • Виталий (1653 комм.):

      margin: верх справа снизу слева;
      http://htmlbook.ru/css/margin

      • Anna (7 комм.):
        http://krasavolos.com

        Спасибочки! Попробую разобраться))

  47. Константин (20 комм.):
    http://wmascat.blogpsot.com/

    Стоит отметить, у Google+ есть своя кнопка "Поделиться" отличная от "+1". Всё таки это две разные ленты. Хотя кнопка +1 совмещает в себе оба варианты имхо. В общем, ничто не стоит на месте 😉

  48. Eleazara (1 комм.):

    Спасибо за статью!
    Столкнулась с такой проблемой. Вставляю ссылку на статью, чтобы поделиться на фейсбук. Вместо картинки, названия и описания публикуется просто ссылка. Естественно без информации такая ссылка не нужна. Аналогично, если кликать на кнопку "поделиться" со страницы со статьей на сайте. Проблема появилась, когда прикрепила домен. Пока стандартный домен был, то информация на социалки отправлялась хорошо.
    Чтобы исключить вариант, что ссылка на картинку статьи фейсбуку кажется битой в связи со сменой домена, но все новые статьи на переносят развернутой информации, когда пытаешься *поделиться* ссылкой.

  49. Никита Рябин (11 комм.):
    http://pro97.ru/

    Большое спасибо, кнопку твиттера установил!

  50. Роман (1 комм.):

    Добрый день!
    Подскажите пожалуйста, а каким образом работает like для Вконтакте для случая, когда у меня несколько доменов? из инструкции на сайте vk не очевидна совсем.

  51. Руслан (1 комм.):
    http://гел23.рф

    Спасибо,установил блок кнопок от Яндекс!

  52. Валентин (4 комм.):
    http://ssor.net.ru

    Как поставить в скрипт кнопок от яндекса свой спрайт?

    • Виталий (1653 комм.):

      по идее, нужно писать свой скрипт перехвата яндекса и подменять кнопки на стороне своего сервера. пробуйте.

      • Валентин (4 комм.):
        http://ssor.net.ru

        оО, для меня это тёмный лес)))). Ладно, буду рыться искать решение)).

  53. Александр (2 комм.):

    Добрый день! Ка сделать перед блоком от яндекса надпись Поделится ссылкой, чтобы была в одну строчку с иконками?

    • Виталий (1653 комм.):
      <div style="float:left;">текст</div>
      <div>код</div>
  54. Александр (2 комм.):

    спасибо! Сегодня попробую.

  55. Ольга (5 комм.):
    http://vasilisa-lux.com

    Здравствуйте!
    Знаете, возникла недавно такая проблема. Когда нажимаю на кнопки мне нравится (в мир) не отображается картинка, переходит только главная с шапки, а со страницы товара не могу выбрать. Что же делать? Ни как не пойму..

  56. Ольга (5 комм.):
    http://vasilisa-lux.com

    Решила. Картинку (шапку перенесла выше) теперь вроде как заработало

    • Ольга (5 комм.):
      http://vasilisa-lux.com

      Сегодня опять перестало работать. Опять когда нажимаю на кнопку мира (дается только ссылка, картинки нет) с чем-то конфликтует. Кто может подсказать сайт vasilisa-lux.com

      Плагины все отключала, все равно кнопки соц. не работают

      • Виталий (1653 комм.):

        обратитесь в ТП mail.ru
        это их скрипт и за его работу я не отвечаю

        • Ольга (5 комм.):
          http://vasilisa-lux.com

          спасибо за совет!

        • Ольга (5 комм.):
          http://vasilisa-lux.com

          А куда именно обращаться, листала так и не поняла в какой именно сервис обращаться. Там таких вопросов даже нет? Не знаете?

  57. Ксения Юрьевна (4 комм.):
    http://bastrikova.ru

    Я вот блондинка, потому не поняла куда в код поставить кнопку от твиттера. Вы этот вопрос скомкали, а мне нужно точно куда, конкретно, потому, что я в кодах какслон в посудной лавке. Придется в другом месте поискать.

    • Виталий (1653 комм.):

      никуда и ни в какой код не нужно ставить код кнопки Твиттера. Это и есть полноценная кнопка, которую вам предоставляют. Ее вы размещаете на своем сайте в выбранном месте.

  58. Ксения Юрьевна (4 комм.):
    http://bastrikova.ru

    Все написано для продвинутых, которым это уже не нужно, начинающим ничего не понятно, кроме первого файсбук.

  59. Роман (2 комм.):
    http://kursy-krasnodara.ru/

    Почему когда ставиш кнопки от яндекса то кнопка в контакте не понятно как по ней отправить рекомендацию?

  60. Анна (3 комм.):

    Установила у себя на сайте блок соц. кнопок от Яндекса. Но он некорректно отображает картинки для вставки. Берет произвольные фото из галереи, а не ту фотографию, на которую хотелось бы дать ссылку. Как это можно исправить?

    • Виталий (1653 комм.):

      микроразметка стандарта Open Graph.
      Вот инструкция самого Yandex http://help.yandex.ru/webmaster/?id=1116426

      • Анна (3 комм.):

        простите, а куда это все добавлять: в шаблон сайта?

      • Анна (3 комм.):

        Вообще, реально ли сделать эту разметку, если у меня сайт на joomla??? или для этого нужен какой-то плагин? я вставила мета-теги в html код страницы по инструкции яндекса, проверяю валидатором, ответ: микроразметка не обнаружена.

        • Виталий (1653 комм.):

          движок сайта не имеет значения. Данная разметка для всех абсолютно ресурсов сети Интернет.
          В случае с Joomla ничего подсказать не могу, т.к. не работаю с ней. Я вам дал подсказку в чем дело. Теперь гуглите как такое на джумле сделать.

  61. klax (1 комм.):

    pomoghite pojalusta...ea hociu na odnoi stranitse postaviti bolishe foto i pod kajdoi postaviti cnopki sotssetei....cto znaet kak zdelati shtob po najatiu na knopki pod foto otobrajalosi toliko eto foto a ne vsea stranitsa

  62. Ирина (4 комм.):

    Спасибо за урок. Из 4 материалов, которые я читала по этой теме, Ваш самый проработанный и уважительный к читатателю. Скажите, пожалуйста, есть ли разница в полученном результате между установкой блока от Яндекс (что гораздо проще)и установкой кнопок вручную от каждой сети отдельно? Вроде бы,дополнительный труд должен вознаграждаться, но как?
    А если это что в лоб, что по лбу, то Яндекс выходит проще и быстрее.

    • Виталий (1653 комм.):

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

  63. Ирина (4 комм.):
    http://чалыш.рф

    Все-таки разница, видимо, есть. Вчера вечером поставила на все страницы (они статические)своего сайта по блоку от Яндекса, самому последнему от 2012 г, как описано у вас в инструкциях. Я зарегистрирована ВКонтакте, поэтому с ним и поэкспериментировала. При первом клике на кнопке ВК в диалоговом окне появилось одно из изображений с моей страницы и заголовок.Вроде бы,все в порядке. Проверила на странице ВК - одна голая ссылка на сайт. Ни фото, ни заголовка.

    При втором и всех последующих кликах по кнопке со всех страниц сайта появлялась уже картинка с ЛОГОТИПОМ Яндекс, а нафиг он мне нужен, если сайт почти из одних моих фото состоит?
    А сегодня, когда просмотрела заново свои страницы, выяснилось, что счетчики ВК ОБНУЛИЛИСЬ вообще! А ведь должно хоть по одному посещению было остаться, я ведь по ним кликала.
    Если не трудно, поделитесь вашими соображениями по этому поводу, пожалуйста!

    • Ирина (4 комм.):
      http://чалыш.рф

      Почитала комментарии и поняла, что проблема картинки не у меня одной. Посмотрела вашу ссылку на микроразметку стандарта Open Graph. Но ведь это относится к видео роликам, точнее к их индексации на Яндексе. Картинка то тут причем?

      • Ирина (4 комм.):
        http://чалыш.рф

        Не уверена, что нашла универсальный рецепт, но на ресурсе от Mail и Одноклассников в расширенном режиме есть указания на разметку страницы именно с целью представления описаний и картинок. Вот здесь: http://api.mail.ru/sites/plugins/share/extended/
        Они утверждают, что их доп. разметка будет работать и для других соц сетей. Проверим вместе?

  64. Валентин (4 комм.):
    http://ssor.net.ru

    Ставьте кнопки pluso и всё ок будет)). Ссылку не ставлю, не красиво с моей стороны будет. В поиск введите. Там настройку значков клёвые и счётчик не сбрасывается). Только вставлять на страницу нужно через PHP.

  65. Александр Александрович (5 комм.):
    http://scooter-mania.ru

    Спасибо за статью , у меня все получилось с первого раза ! Сегодня я очень доволен собой !

  66. Михаил (4 комм.):

    Все очень здорово!
    Только у меня вопрос. Как вывести социальные кнопки +1 в index так, что бы они автоматически указывали на пост а не на главную страницу?
    А то поставил, высвечиваются под каждым анонсом. Нажимаю а пишет про главный сайт а не про пост. 🙁

    • Виталий (1653 комм.):

      не прописывайте им сайт, т.е. поля, где просят указывать URL оставляйте пустыми. В этом случае будет "подхватываться" текущая, откуда клик происходит

      • Михаил (4 комм.):

        А если это кнопки яндекса, где нет строки URL ?
        Пытался вписать data-url="" data-text="" но не помогло .

        • Виталий (1653 комм.):

          ничего там прописывать не нужно. посмотрите на последние (модифицированные) кнопки от Я в статье. Они у меня на данный момент в начале каждой статьи стоят.

          • Михаил (4 комм.):

            Это если в singl вставить, а мне надо именно в index вставить (в анонс каждого поста). Там как раз указывает только на сам сайт а не на пост.

  67. Lucky (13 комм.):
    http://lucky.zp.ua

    Опана, теперь и у меня стоит VK =)

  68. Дмитрий (4 комм.):
    http://wed.zp.ua/eks_led.html

    Добрый день,

    может Вы мне поможете, поставил себе на сайт последний блок от яндекса, только когда наводишь курсором на кнопку, то отображаются иероглифы (если это русский) и нормально (если на английском). Как это исправить (на этой странице wed.zp.ua/eks_led.html). Спасибо.

    • Виталий (1653 комм.):

      добрый. с кодировкой проблемы. попробуйте вставить в script свою.
      charset=windows-1251

      в скриншоте к Яндекс-кнопкам показано на примере utf-8 где вставляется.

    • Дмитрий (4 комм.):

      Понял что надо поменять кодировку сайта на UTF-8, а можно ли как-то поменять кодировку скрипта, а то весь сайт не хочется уже переделывать на UTF-8.

      • Виталий (1653 комм.):

        так я вам и не говорил менять кодировку сайта) это не резонно.
        про скрипт кнопок велась речь

  69. Дмитрий (4 комм.):

    Все получилось, спасибо.
    Надо было только добавит код в таком виде:

    
         
        
        
    • Кирилл (1 комм.):

      Та же проблема, что и у Дмитрия.
      "наводишь курсором на кнопку- отображаются иероглифы (если это русский) и нормально (если на английском)."

      Дмитрий, как Вы исправили скрипт?
      Спасибо.

      • Дмитрий (4 комм.):
        http://wed.zp.ua

        Сюда не проходит код, который я пишу (или я не знаю как его вставлять), можете спросить по почте (90p @ mail . ru)

        • Виталий (1653 комм.):

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

  70. Николай (1 комм.):

    Спасибо!
    Особенно понравился код от Yandex с подсчетом кликов.

  71. Дастер (1 комм.):
    http://www.duster-russia.org.ua/

    Очень интересный и нужный материал, добавил в избранное.

  72. Aliaksandr (2 комм.):
    http://www.savvy.by

    Здравствуйте! А не подскажите где на Яндексе найти кнопки нового формата. В Яндекс.API только старый вид.

    • Виталий (1653 комм.):

      Добрый. Подскажу: найти можно у меня в статье)) В самом конце же есть код для подобных.

      • Aliaksandr (2 комм.):
        http://www.savvy.by

        В статье я увидел:) А на яндексе информацию о таких кнопках не нашел:)Хотелось почитать, что яндекс о них пишет:)

  73. Богдан (1 комм.):
    http://voroniv.in.ua

    Добрый день.
    Я поставил скрипт Яндекса cnt.share.js на одной странице в три разные статьи.
    Какой параметр указать для правильной работы счетчиков? При нажатии на кнопку в отдельно открытой статье работает проавильно, а на основной странице независимо от статьи счетчик увеличивается для страницы, а не для статьи. Спасибо.Сайт voroniv.in.ua

  74. Виктория (1 комм.):
    http://wiki-ways.com

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

    • Виталий (1653 комм.):

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

  75. Николай (1 комм.):
    http://www.kachmen.ru

    Виталий,спасибо за полезную статью!Не подскажите,как сделать вверху статьи также кнопки в один ряд с датой статьи,автором,рубрикой,как у вас в один ряд с Номер статьи: 93 | Редактировалась: 21.03.2013?Буду очень благодарен!:)

    • Виталий (1653 комм.):

      вся информация есть на сайте. Просто разбросана по статьям и не подписано конкретно, что это для автора статьи и т.п. Полистайте.

      Даже в этой статье есть отсыл на другую статью (как выставить в один ряд кнопки). Чем вам не ответ на ваш вопрос?

  76. kachok (3 комм.):
    http://nakachka.org.ua/

    Над виджетом ВК "Мне нравится" перестало появляться окно со списком друзей, кому понравилась статья. Виджет установлен правильно, раньше показывалось. У Вас тоже перестало появляться....

    • Виталий (1653 комм.):

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

      • kachok (3 комм.):
        http://nakachka.org.ua/

        Получил новый код ... тоже самое. Это критично, поскольку в окне выводится кнопка "Рассказать друзьям", без нее смысл виджета пропадает. Можно поставить второй виджет, но имхо пользователи более взаимодействуют именно с like.

        • kachok (3 комм.):
          http://nakachka.org.ua/

          А может просто это глюк ВК. Хотя на некоторых других моих сайтах показывает без проблем.

  77. FreeWebmaster (2 комм.):
    http://freewebmaster.info

    Есть такая проблема с кнопкой Facebook. При нажатии переходим на специальную страницу Facebook, где можно выбрать "поделиться в группе". При этом появляется поле, в которое надо ввести название группы. К сожалению, там нет никого списка моих групп, а при вводе названия, пишет ошибку. Подскажите, кто знает, как можно таким образом поделиться ссылкой с группой?

    • Виталий (1653 комм.):

      пример бы не помешал.

    • FreeWebmaster (2 комм.):
      http://freewebmaster.info

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

  78. artF (1 комм.):
    http://studioartf.ru/

    Спасибо! Все до этого знал а вот другой вариант кнопок от яндекса нет, порадовало!

    очень)
    
  79. Артем (4 комм.):
    http://n24.kz/

    Спасибо за кнопки, парился со стандартными, и с построением в ряд, случайно увидел кнопки от яндекса, за 5 минут поставил, очень нравится, процветания вашему сайту!!!!

  80. Mario (4 комм.):

    Новых кнопок по ссылке нет.Где они?
    и у меня вопрос.Помогите пожалуйста.у меня и стандартные не выходят.между у меня
    добавил как Вы писали скрипт тут уже utf-8

    а остальное

    в body

    div class="yashare-auto-init в сss надо писать или нет

    • Mario (4 комм.):

      между неad у меня windows-1251 добавил еще utf-8

      • Виталий (1653 комм.):

        две кодировки ставить нельзя

    • Виталий (1653 комм.):

      Не понял каких кнопок нет.
      Относительно "Где они?". Вопросы разработчикам. Я лишь даю наводки.

  81. Mario (4 комм.):

    можно ли убрать кодировку которая внутри скрипта

    • Виталий (1653 комм.):

      если у вас получится стянуть скрипт к себе и запустить на своем сервере, то можете поменять.

      Кстати: я до сих пор не понимаю о каких кнопках вы говорите. В статье написано про несколько. Отвечаю вам в слепую)). Видимо и вы так действуете.

  82. Mario (4 комм.):

    это Ваши слова?))))
    Ближе к концу 2012 года Яндекс предложил пользователям установку кнопок социальных сетей другого формата. Смотрите сами:
    Это стандартные кнопки "расшаривания" страницы, только они получили счетчик. Выглядит весьма красиво.

  83. Артём (83 комм.):
    http://blog-artema.ru/

    Спасибо за классные кнопочки, а кстати на самом яндексе я их не нашёл...
    Осталось их немного настроить и всё будет зашибись...
    Автор пишешь очень познавательно, лично мне как человеку не особо разбирающемуся в html и т.д. по твоим статьям достаточно просто что-то внедрять в блог!
    Спасибо за ценные статьи.
    Успехов.
    Артём Черкасов, автор блога blog-artema.ru

  84. Знаете как (3 комм.):
    http://znaetekak.ru

    Виталий, подскажите, а какой код должен быть, чтобы поставить красивые яндексовские кнопки со счетчиками? Как у вас на скриншоте.

    • Виталий (1653 комм.):

      Под понравившимся вам скриншотом, через несколько предложений идет нужный код. Не дочитали))

      • Знаете как (3 комм.):
        http://znaetekak.ru

        Я установил, но, к сожалению они не работают (. Может в коде ошибка? Виталий, а где вы раздобыли этот код?

  85. Знаете как (3 комм.):
    http://znaetekak.ru

    Ага, я понял. Когда по кнопкам никто еще не кликнул, то и цифр нет )

  86. Богдан (1 комм.):

    Привет, а как сделать такие кнопки как у тебя в конце статьи и добавить туда подписку. Я так понял это каждую кнопку нужно добавлять отдельно или плагин такой есть?

    • Виталий (1653 комм.):

      Добрый.
      Каждая кнопка отдельно + оформление feedburner.
      Если самостоятельно не получится, то услуга будет стоить 200 WMR (рублей рос.). Информация в контактах.
      Можно любое оформление.

  87. Артем (4 комм.):
    http://n24.kz/

    Здравствуйте. Очень понравились ваши кнопки, но вот проблема выскакивает, если нажать на кнопку facebook то пишет "The post's links must direct to the application's connect or canvas URL."
    Кстати у вас на сайте тоже такая проблема. Исправьте пожалуйста, и я дальше буду пользоваться вашими кнопками от яндекса.

    • Виталий (1653 комм.):

      Добрый.
      Это не мои кнопки. Вы сами сказали Яндекс. Все претензии к ним.
      А пользоваться или нет - это ваше решение.

  88. Артем (4 комм.):
    http://n24.kz/

    ну а вы как сами считаете, починят они?

  89. Артем (4 комм.):
    http://n24.kz/

    И на яндексе я такого оформления кнопок не нашёл, может укажете где такие кнопки?

  90. Людмила (2 комм.):
    http://myr-planet.ru/

    Я давно ищу кнопочки, возле которых бы высвечивалось и количество кликнувших на них человек. Ведь это такие? Я не ошибаюсь? Ответьте, пожалуйста!

    • Виталий (1653 комм.):

      Это такие!
      Вы сами выбираете, будет счетчик или нет.

      • Людмила (2 комм.):
        http://myr-planet.ru/

        Ок! Большое спасибо за быстрый ответ! Буду пробовать ставить!

  91. Егор (2 комм.):
    http://4idroid.com

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

    • Виталий (1653 комм.):
      http://mojWP.ru/

      Ответ на этот вопрос и многие другие, вы сможете найти в данной статье, если хоть раз ее прочитаете.

  92. Алина (2 комм.):

    Здравствуйте,Виталий!
    Помогите, пожалуйста, с тем, как правильно прописать параметр element_id, чтобы разместить на странице несколько кропок "мне нравится" от Вконтакте на одной странице. В документации к виджету "мне нравится" говорится о такой возможности, но я не понимаю, как правильно это надо реализовать.
    Заранее спасибо!

    • Виталий (1653 комм.):
      http://mojWP.ru/

      Добрый.
      Контактные данные на сайте присутствуют.

  93. Вадим (2 комм.):
    http://vadimvolos.com

    По поводу красивых социальных кнопок яндекса, которые установлены у вас на сайте.

    Вы заметили что в хроме эти кнопки перестали быть красивые,

    а точнее пропала тень под ними, и визуальные картинки внутри них кнопок.

    Если найдете решение данной проблемы будьте добры сообщите когда решите.

    Спасибо!

    • Виталий (1653 комм.):
      http://mojWP.ru/

      Добрый день. Оставьте свой номер телефона, чтобы я мог сообщить, что это стиль flat и сменили уже несколько месяцев. Видно не только в хроме.

      • Вадим (2 комм.):
        http://vadimvolos.com

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

  94. Андрей (1 комм.):
    http://trava.o0.pm/

    не могу зайти во внешний вид - редактор.
    Пишет:
    Извините, файлы с «..» в имени не могут быть изменены. Если вы пытаетесь изменить файл в вашей домашней директории WordPress, то можно просто ввести имя файла.

    • Виталий (1653 комм.):
      http://mojWP.ru/

      Попробуйте через ftp

  95. Vladimir (2 комм.):

    Всем привет, что лутче поставить кнопки соц.сетей как от яндекса или отдельно от каждой сети ?

    • Виталий (1653 комм.):
      http://mojWP.ru/

      Нет ответа "лучше". Каждый выбирает от предпочтений и дизайна сайта

  96. Antin3 (1 комм.):

    После нажатия share в facebook, в коротком описании публикации появляется реклама сайта шаблонов. Что делать?

    • Виталий (1653 комм.):
      http://mojWP.ru/

      Проверить код кнопки

  97. Vladimir (2 комм.):

    Я имел виду как лутче все вместе или отдельно?

  98. Владимир Сальников (5 комм.):
    http://vladimir83salnikov.com/

    div class="yashare-auto-init" data-yashareLink="" data-yashareTitle="" data-yashareDescription="" data-yashareImage="" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,gplus" data-yashareTheme="counter" data-yashareType="small"

    • Виталий (1653 комм.):
      http://mojWP.ru/

      Почистил лишние) Добавил слова, что вручную нужно вписывать символы, т.к. "" отрабатываются плохо и не нашел решения пока.
      Относительно вашего вопроса в одном из неудавшихся комментариев:
      "Виталий, приветсвую!
      Подскажите пжл как надо подправить сей код:

      <div class="yashare-auto-init" data-yashareLink="" data-yashareTitle="" data-yashareDescription="" data-yashareImage="" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,gplus" data-yashareTheme="counter" data-yashareType="small"></div>

      Чтоб в нём, перед кнопками была следующая фраза: "Поделиться этой статьй в"

      Даю ответ: вам не в код нужно вставлять эту фразу, а перед ним. Пример:

      <div>Поделиться в соц. сетях</div><div class="yashare-auto-init".....></div>

      Т.е. выносите текст за пределы кнопок и оформляете стилями CSS как нужно под дизайн: обтекание текста слева/справа, размер шрифта, отступы и т.п.

  99. Богдан (3 комм.):
    http://www.solodke.com.ua

    Виталий, здравствуйте! Поставил кнопки - все в ряд, кроме g+ - она ниже линии строки. Сталкивались? Чем помочь ей вернуться в строку? 🙂 Мерси!

    • Виталий (1653 комм.):
      http://mojWP.ru/

      Добрый.
      Вы в код кнопки вписали vertical-align: baseline;
      Замените на vertical-align: middle;

      • Богдан (3 комм.):
        http://www.solodke.com.ua

        Честно говоря, не нашёл этого параметра вообще! 🙂 Внимательно смотрю код - и не вижу вертикального форматирования. 🙂

        • Виталий (1653 комм.):
          http://mojWP.ru/

          http://prntscr.com/1zkpb3

          • Богдан (3 комм.):
            http://www.solodke.com.ua

            Благодарю, Виталий! 🙂

  100. Андрей (1 комм.):
    http://tvoipartnerki.ru

    Спасибо! Все прошло успешно! Каждую кнопку поместил в див и в стайл прописал отступ сверху 15 рх. Размещал друг под другом.

  101. iBezGranic (7 комм.):
    http://ibezgranic.ru

    Яндекс с кнопочками удивил )

  102. Valerii (1 комм.):
    http://cin.ru

    Приветствую!
    Наверняка, мой вопрос не в тему... У меня самописный движок (кот.достался по наследству), вопрос такой. Поставил кнопки соц.сетей "share42", не нашел возможности увеличить отступ между кнопками, т.к.все на сервере "share42", подскажите что можно сделать чтобы выровнять или воспользоваться другим представителем.

    • Виталий (1653 комм.):
      http://mojWP.ru/

      Добрый.
      Здесь ответ найдете http://mojwp.ru/ico-share42.html

  103. Максим (5 комм.):

    Виталий здравствуй!!! Подскажи откуда кнопки в начале статей твоего сайта??? Искал в инете, так и не нашёл. У меня стоят share42, но твои симпатичней

    • Виталий (1653 комм.):
      http://mojWP.ru/

      Добрый.
      В статье все рассказано. Пункт про кнопки от Яндекс

  104. Юрий (1 комм.):
    http://юрза7.рф

    Спасибо! И красиво и функционально!

  105. Ольга (1 комм.):

    УРА, получилось, спасибо большое! Только сейчас кнопки от яндекс стали удобнее и чтобы изменить их размер надо изменить цифру <script charset="utf-8" на <script charset="utf-12"

    • Виталий (1653 комм.):
      http://mojWP.ru/

      это вы поменяли кодировку скрипта. Аккуратнее. Размеры задаются как я писал в статье: параметром data-yashareType="small" или data-yashareType="big"

  106. Иван (1 комм.):
    http://100-cvetov.ru/

    Спасибо за статью очень полезно, устанавливаешь те кнопки какие необходимо, и не паришься с плагинами

  107. Алексей (3 комм.):
    http://delaiphoto.ru

    Какой код прописывать в css для mail.ru чтобы в одну строку. C остальными разобрался, большое спасибо!

    • Виталий (1653 комм.):
      http://mojWP.ru/

      В данной статье есть ссылка на статью, как поставить кнопки в один ряд.

  108. Alex (2 комм.):
    http://vkusnye-recepty.com

    При расшаривания поста на фейсбук есть выбор картинки, но почему то можно выбрать только из трех картинок. Из всех картинок поста фейсбук рандомно выбирает только три картинки. Как это можно исправить?

    • Виталий (1653 комм.):
      http://mojWP.ru/

      Внедрить микроразметку или использовать плагин для этого. В том же WordPress SEO by Yoast есть возможность задавать картинку для социалок отдельно

      • Alex (2 комм.):
        http://vkusnye-recepty.com

        Можно подробнее насчет разметки для картинок? Например, можно картинку заключить в теги микроразметки в посте? Или нужно отдельно выделить нужную картинку в шапке? Через произвольные поля можно создать микроразметку картинки для фейсбука?

        • Виталий (1653 комм.):
          http://mojWP.ru/

          Все можно. Гугл в помощь. Решений в сети куча и перепечатывать не вижу необходимости

  109. Татьяна (1 комм.):

    Как установить значок фотоаппарата на окошке комментарий а Facebook?

  110. Андрей (2 комм.):
    http://hdmix.net/

    Получилось установить все кнопки, кроме одноклассников, при нажатии на кнопку пишет, что нет доступа к ресурсу, Спасибо за статью

  111. Andrei (1 комм.):
    http://www.exabait.ru

    Интересная статья, обязательно попробую

  112. Лара (1 комм.):
    http://vcusnyatina.ru/

    Добрый день! Помогите пожалуйста разобраться...

    У меня перестало прикрепляться к анонсу для контакта изображение. Вернее оно вовсе отсутствует.Окошко открывается, но там только ссылка и пара предложение ((( Я не знаю, почему так произошло. ((( Все работало нормально и вдруг перестало ( С других моих сайтов отправляется с изображением. Подскажите что делать? Из-за этого не могу постить анонсы в свою группу и на страницу. (

    • Виталий (1653 комм.):
      http://mojWP.ru/

      Добрый.
      Используйте микроразметку Opengraph или соответствующий функционал в различных плагинах. Например WordPress SEO и Yoast

  113. Анастасия (1 комм.):
    http://omolozhenie.com.ua

    Здравствуйте!
    Столкнулась с такой проблемой.
    Когда я нажимаю кнопку поделиться (фейсбук), то фейсбук подтягует не ту картинку, которую я хочу, а котая иму самому понравилась. Я уже даже картинку переименовала.

    Если фейсбук уже сохранил выбранное им изображение. Как мне его теперь изменить? Вот мой сайт omolozhenie.com.ua/ Я хочу чтоб выводился логотип компании omolozhenie.com.ua/i/Akciya.png
    Вот мой код

  114. Ирина (1 комм.):
    http://irinaroslova.ru/

    Спасибо огромное! Три строчки кода и такая красота! Я просто счастлива! Ребёнок даже проснуться не успел! ) Убираю страшилища из-под поста! )))

  115. Валентин (1 комм.):
    http://bastille.com.ua/

    Здравствуйте, вписал в код шаблона "Блок социальных кнопок от Яндекса" на сайт http://bastille.com.ua но столкнулся с одной неприятностью - размером кнопок, подскажите как увеличить размер иконок социальных сетей?

    • Виталий (1653 комм.):
      http://mojWP.ru/

      Добрый. Читайте внимательнее стаью. В ей написано:
      "Так же можете увеличить размер самих иконок, заменив data-yashareType="small" на data-yashareType="big"."

  116. Елена (1 комм.):
    http://samayamk.ru/

    СОС! Кто-нибудь сможет подсказать: почему не отображаются кнопочки поделится в соц сети лично на моем компьютере, пробовала и с яндекс браузер и с гугл заходить, показывает пустое место, хотя код стоит. И что самое интересное на других компьютерах все ок в тех же браузерах. Стоит касперский лицензионный....

  117. Светлана Василек (1 комм.):
    http://celest.ru/

    Привет. Начинаю создавать сайт http://celest.ru/. Как сложно! Спасибо, что есть такие авторы, как вы! Я до этого ставила кнопки соц сетей в сайтбаре. это было ужасно! Тоже делала по чьим-то инструкциям. Сейчас по вашей статье внедрила кнопки. Очень нравится, как смотрятся. Спасибо большое. Искреннее спасибо.

  118. Алена (1 комм.):

    А можно на сайт созданный на profipages кнопки ставить?

    • Виталий (1653 комм.):
      http://mojWP.ru/

      Скорее всего. К сожалению не знаю что это за сервис profipages и его функционал. Спрашивайте у техподдержки.

  119. Павел (1 комм.):
    http://web-klik.ru

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

  120. Ирина (2 комм.):

    Поставила блок яндекс-кнопок на свой сайт. жму- работают, но на "Одноклассниках" заголовок меняет кодировку и отображается не кириллицей. что нужно сделать?

  121. Ирина (2 комм.):
    http://irina-vishnya.com/

    кнопок соцсетей, имелось в виду

  122. Валентин (1 комм.):
    https://share.itraffic.su/

    https://share.itraffic.su/

  123. nemezida.su (1 комм.):
    http://rubcova.com

    на Гугл и Твиттер ссылки не работают

Не держи в себе. Выскажись.

Ваш e-mail не будет опубликован. Обязательные поля помечены *

© 2011-2016 | mojwp.ru | Копирование материала разрешено только с письменного согласия
WordPress: 14.97MB | MySQL:263 | 1,203sec
Мощный SEO-плагин для WordPress.
Рекомендую для всех типов сайтов!

Рекомендую поставить плагин Clearfy,
для полной оптимизации вашего сайта со стороны кода.

Читайте мой обзор и советы по плагину Clearfy

Спасибо, не показывайте мне эту штуку больше!
Смотри мои обучающие видео на YouTube