mojwp.ru
Назад

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

Опубликовано: 20.03.2012
227
134

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

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

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

Внимание! Я выпустил новую тему Romb для ваших статейников и блогов. Максимально быстрая по Google PageSpeed и максимальная оптимизация под SEO.

Как установить кнопку 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(); ?>).

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

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

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

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

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

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

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

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

Как установить кнопку «Твитнуть» от Twitter

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Послесловие

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

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

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

Как установить кнопки социальных сетей для сайта
5 (100%) 2 голос.

Давай, оцени статью!

Автор:
Виталий
Поделиться
Комментарии:
  • Sueno
    Опубликовано: 20.03.2012 Ответить на сообщение

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

  • InvestProfi
    Опубликовано: 20.03.2012 Ответить на сообщение

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

  • Максад Исаев
    Опубликовано: 25.04.2012 Ответить на сообщение

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

  • Денис Черников
    Опубликовано: 18.05.2012 Ответить на сообщение

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

    • mojWP
      Опубликовано: 18.05.2012 Ответить на сообщение

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

      • Кирилл
        Опубликовано: 11.08.2012 Ответить на сообщение

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

  • Андрей
    Опубликовано: 20.05.2012 Ответить на сообщение

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

    • mojWP
      Опубликовано: 21.05.2012 Ответить на сообщение

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

  • Андрей
    Опубликовано: 21.05.2012 Ответить на сообщение

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

  • Виктор
    Опубликовано: 04.06.2012 Ответить на сообщение

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

    • Виталий
      Опубликовано: 04.06.2012 Ответить на сообщение

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

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

      • Виктор
        Опубликовано: 04.06.2012 Ответить на сообщение

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

  • OlgaBlik
    Опубликовано: 13.06.2012 Ответить на сообщение

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

    • Виталий
      Опубликовано: 14.06.2012 Ответить на сообщение

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

  • Сергей
    Опубликовано: 14.06.2012 Ответить на сообщение

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

    • Виталий
      Опубликовано: 14.06.2012 Ответить на сообщение

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

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

      • Сергей
        Опубликовано: 14.06.2012 Ответить на сообщение

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

        • Виталий
          Опубликовано: 14.06.2012 Ответить на сообщение

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

  • Сергей
    Опубликовано: 14.06.2012 Ответить на сообщение

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

  • Алена
    Опубликовано: 27.06.2012 Ответить на сообщение

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

    • Виталий
      Опубликовано: 29.06.2012 Ответить на сообщение

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

  • Denis
    Опубликовано: 28.06.2012 Ответить на сообщение

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

  • Admirus
    Опубликовано: 29.06.2012 Ответить на сообщение

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

  • Karfarol
    Опубликовано: 30.06.2012 Ответить на сообщение

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

    • Виталий
      Опубликовано: 30.06.2012 Ответить на сообщение

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

  • Александр MaDDogg
    Опубликовано: 03.07.2012 Ответить на сообщение

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

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

  • Ирина
    Опубликовано: 05.07.2012 Ответить на сообщение

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

  • CanaBeasT
    Опубликовано: 06.07.2012 Ответить на сообщение

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

    • Виталий
      Опубликовано: 07.07.2012 Ответить на сообщение

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

      • CanaBeasT
        Опубликовано: 08.07.2012 Ответить на сообщение

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

  • Denis
    Опубликовано: 10.07.2012 Ответить на сообщение

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

  • Оксана
    Опубликовано: 12.07.2012 Ответить на сообщение

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

    • Виталий
      Опубликовано: 12.07.2012 Ответить на сообщение

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

  • Ирина
    Опубликовано: 17.07.2012 Ответить на сообщение

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

    • Виталий
      Опубликовано: 17.07.2012 Ответить на сообщение

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

    • Леонид
      Опубликовано: 03.04.2013 Ответить на сообщение

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

      • Виталий
        Опубликовано: 03.04.2013 Ответить на сообщение

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

  • Оксана
    Опубликовано: 18.07.2012 Ответить на сообщение

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

    • Виталий
      Опубликовано: 18.07.2012 Ответить на сообщение

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

  • Илья
    Опубликовано: 26.07.2012 Ответить на сообщение

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

    • Виталий
      Опубликовано: 27.07.2012 Ответить на сообщение

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

      • Илья
        Опубликовано: 30.07.2012 Ответить на сообщение

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

  • Илья
    Опубликовано: 27.07.2012 Ответить на сообщение

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

    • Виталий
      Опубликовано: 27.07.2012 Ответить на сообщение

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

  • Илья
    Опубликовано: 27.07.2012 Ответить на сообщение

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

    • Виталий
      Опубликовано: 27.07.2012 Ответить на сообщение

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

  • Pavel
    Опубликовано: 27.07.2012 Ответить на сообщение

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

    • Виталий
      Опубликовано: 27.07.2012 Ответить на сообщение

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

  • s0m
    Опубликовано: 03.08.2012 Ответить на сообщение

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

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

  • Сергей
    Опубликовано: 01.09.2012 Ответить на сообщение

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

    • Виталий
      Опубликовано: 16.09.2012 Ответить на сообщение

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

  • anna2208
    Опубликовано: 07.09.2012 Ответить на сообщение

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

  • Эрнест
    Опубликовано: 14.09.2012 Ответить на сообщение

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

  • Юрий
    Опубликовано: 16.09.2012 Ответить на сообщение

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

    • Виталий
      Опубликовано: 16.09.2012 Ответить на сообщение

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

  • Владимир
    Опубликовано: 01.10.2012 Ответить на сообщение

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

  • Remzi
    Опубликовано: 08.10.2012 Ответить на сообщение

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

    • Виталий
      Опубликовано: 08.10.2012 Ответить на сообщение

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

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

      • Remzi
        Опубликовано: 09.10.2012 Ответить на сообщение

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

  • Владимир
    Опубликовано: 10.10.2012 Ответить на сообщение

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

  • koncerva
    Опубликовано: 16.10.2012 Ответить на сообщение

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

    • Виталий
      Опубликовано: 16.10.2012 Ответить на сообщение

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

      • koncerva
        Опубликовано: 18.10.2012 Ответить на сообщение

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

  • Александр
    Опубликовано: 24.10.2012 Ответить на сообщение

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

  • Дамирё
    Опубликовано: 25.10.2012 Ответить на сообщение

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

  • Владимир
    Опубликовано: 26.10.2012 Ответить на сообщение

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

  • Сергей
    Опубликовано: 31.10.2012 Ответить на сообщение

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

    • Виталий
      Опубликовано: 31.10.2012 Ответить на сообщение

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

  • Елена
    Опубликовано: 03.11.2012 Ответить на сообщение

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

    • Виталий
      Опубликовано: 04.11.2012 Ответить на сообщение

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

  • Алексей
    Опубликовано: 06.11.2012 Ответить на сообщение

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

    • Виталий
      Опубликовано: 07.11.2012 Ответить на сообщение

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

  • FSF
    Опубликовано: 11.11.2012 Ответить на сообщение

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

  • степан
    Опубликовано: 11.11.2012 Ответить на сообщение

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

  • Stacy
    Опубликовано: 16.11.2012 Ответить на сообщение

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

    • Виталий
      Опубликовано: 16.11.2012 Ответить на сообщение

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

  • Stacy
    Опубликовано: 16.11.2012 Ответить на сообщение

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

  • Наталья
    Опубликовано: 01.12.2012 Ответить на сообщение

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

  • Anna
    Опубликовано: 02.12.2012 Ответить на сообщение

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

    • Виталий
      Опубликовано: 02.12.2012 Ответить на сообщение

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

      • Anna
        Опубликовано: 02.12.2012 Ответить на сообщение

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

  • Константин
    Опубликовано: 03.12.2012 Ответить на сообщение

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

  • Eleazara
    Опубликовано: 05.12.2012 Ответить на сообщение

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

  • Никита Рябин
    Опубликовано: 08.12.2012 Ответить на сообщение

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

  • Роман
    Опубликовано: 14.12.2012 Ответить на сообщение

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

  • Руслан
    Опубликовано: 19.12.2012 Ответить на сообщение

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

  • Валентин
    Опубликовано: 19.12.2012 Ответить на сообщение

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

    • Виталий
      Опубликовано: 20.12.2012 Ответить на сообщение

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

      • Валентин
        Опубликовано: 20.12.2012 Ответить на сообщение

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

  • Александр
    Опубликовано: 25.12.2012 Ответить на сообщение

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

    • Виталий
      Опубликовано: 25.12.2012 Ответить на сообщение

  • Александр
    Опубликовано: 25.12.2012 Ответить на сообщение

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

  • Ольга
    Опубликовано: 06.01.2013 Ответить на сообщение

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

  • Ольга
    Опубликовано: 06.01.2013 Ответить на сообщение

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

    • Ольга
      Опубликовано: 07.01.2013 Ответить на сообщение

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

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

      • Виталий
        Опубликовано: 07.01.2013 Ответить на сообщение

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

        • Ольга
          Опубликовано: 07.01.2013 Ответить на сообщение

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

        • Ольга
          Опубликовано: 07.01.2013 Ответить на сообщение

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

  • Ксения Юрьевна
    Опубликовано: 24.01.2013 Ответить на сообщение

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

    • Виталий
      Опубликовано: 25.01.2013 Ответить на сообщение

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

  • Ксения Юрьевна
    Опубликовано: 24.01.2013 Ответить на сообщение

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

  • Роман
    Опубликовано: 02.02.2013 Ответить на сообщение

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

  • Анна
    Опубликовано: 03.02.2013 Ответить на сообщение

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

    • Виталий
      Опубликовано: 03.02.2013 Ответить на сообщение

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

      • Анна
        Опубликовано: 03.02.2013 Ответить на сообщение

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

        • Виталий
          Опубликовано: 03.02.2013 Ответить на сообщение

          да

      • Анна
        Опубликовано: 03.02.2013 Ответить на сообщение

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

        • Виталий
          Опубликовано: 03.02.2013 Ответить на сообщение

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

  • klax
    Опубликовано: 09.02.2013 Ответить на сообщение

    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

  • Ирина
    Опубликовано: 09.02.2013 Ответить на сообщение

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

    • Виталий
      Опубликовано: 10.02.2013 Ответить на сообщение

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

  • Ирина
    Опубликовано: 10.02.2013 Ответить на сообщение

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

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

    • Ирина
      Опубликовано: 10.02.2013 Ответить на сообщение

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

      • Ирина
        Опубликовано: 10.02.2013 Ответить на сообщение

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

  • Валентин
    Опубликовано: 10.02.2013 Ответить на сообщение

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

  • Александр Александрович
    Опубликовано: 13.02.2013 Ответить на сообщение

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

  • Михаил
    Опубликовано: 19.02.2013 Ответить на сообщение

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

    • Виталий
      Опубликовано: 20.02.2013 Ответить на сообщение

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

      • Михаил
        Опубликовано: 20.02.2013 Ответить на сообщение

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

        • Виталий
          Опубликовано: 20.02.2013 Ответить на сообщение

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

          • Михаил
            Опубликовано: 20.02.2013 Ответить на сообщение

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

  • Lucky
    Опубликовано: 22.02.2013 Ответить на сообщение

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

  • Дмитрий
    Опубликовано: 25.02.2013 Ответить на сообщение

    Добрый день,

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

    • Виталий
      Опубликовано: 25.02.2013 Ответить на сообщение

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

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

    • Дмитрий
      Опубликовано: 25.02.2013 Ответить на сообщение

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

      • Виталий
        Опубликовано: 25.02.2013 Ответить на сообщение

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

    • Евгений
      Опубликовано: 21.12.2017 Ответить на сообщение

      Нужно подгружать данный файл так
      Подробнее почему так и решение проблемы на битрикс https://dev.1c-bitrix.ru/community/forums/forum6/topic104055/

  • Дмитрий
    Опубликовано: 25.02.2013 Ответить на сообщение

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

    • Кирилл
      Опубликовано: 05.03.2013 Ответить на сообщение

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

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

      • Дмитрий
        Опубликовано: 07.03.2013 Ответить на сообщение

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

        • Виталий
          Опубликовано: 07.03.2013 Ответить на сообщение

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

  • Николай
    Опубликовано: 02.03.2013 Ответить на сообщение

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

  • Дастер
    Опубликовано: 14.03.2013 Ответить на сообщение

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

  • Aliaksandr
    Опубликовано: 16.03.2013 Ответить на сообщение

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

    • Виталий
      Опубликовано: 17.03.2013 Ответить на сообщение

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

      • Aliaksandr
        Опубликовано: 17.03.2013 Ответить на сообщение

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

  • Богдан
    Опубликовано: 23.03.2013 Ответить на сообщение

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

  • Виктория
    Опубликовано: 26.03.2013 Ответить на сообщение

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

    • Виталий
      Опубликовано: 26.03.2013 Ответить на сообщение

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

  • Николай
    Опубликовано: 26.03.2013 Ответить на сообщение

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

    • Виталий
      Опубликовано: 26.03.2013 Ответить на сообщение

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

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

  • kachok
    Опубликовано: 27.03.2013 Ответить на сообщение

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

    • Виталий
      Опубликовано: 27.03.2013 Ответить на сообщение

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

      • kachok
        Опубликовано: 27.03.2013 Ответить на сообщение

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

        • kachok
          Опубликовано: 27.03.2013 Ответить на сообщение

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

  • FreeWebmaster
    Опубликовано: 31.03.2013 Ответить на сообщение

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

    • Виталий
      Опубликовано: 31.03.2013 Ответить на сообщение

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

    • FreeWebmaster
      Опубликовано: 01.04.2013 Ответить на сообщение

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

  • artF
    Опубликовано: 05.04.2013 Ответить на сообщение

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

  • Артем
    Опубликовано: 11.04.2013 Ответить на сообщение

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

  • Mario
    Опубликовано: 30.04.2013 Ответить на сообщение

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

    а остальное

    в body

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

    • Mario
      Опубликовано: 30.04.2013 Ответить на сообщение

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

      • Виталий
        Опубликовано: 30.04.2013 Ответить на сообщение

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

    • Виталий
      Опубликовано: 30.04.2013 Ответить на сообщение

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

  • Mario
    Опубликовано: 30.04.2013 Ответить на сообщение

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

    • Виталий
      Опубликовано: 30.04.2013 Ответить на сообщение

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

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

  • Mario
    Опубликовано: 30.04.2013 Ответить на сообщение

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

  • Артём
    Опубликовано: 23.05.2013 Ответить на сообщение

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

  • Знаете как
    Опубликовано: 23.05.2013 Ответить на сообщение

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

    • Виталий
      Опубликовано: 23.05.2013 Ответить на сообщение

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

      • Знаете как
        Опубликовано: 24.05.2013 Ответить на сообщение

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

  • Знаете как
    Опубликовано: 23.05.2013 Ответить на сообщение

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

  • Богдан
    Опубликовано: 23.05.2013 Ответить на сообщение

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

    • Виталий
      Опубликовано: 24.05.2013 Ответить на сообщение

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

  • Артем
    Опубликовано: 24.05.2013 Ответить на сообщение

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

    • Виталий
      Опубликовано: 24.05.2013 Ответить на сообщение

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

  • Артем
    Опубликовано: 24.05.2013 Ответить на сообщение

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

  • Артем
    Опубликовано: 24.05.2013 Ответить на сообщение

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

  • Людмила
    Опубликовано: 26.05.2013 Ответить на сообщение

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

    • Виталий
      Опубликовано: 26.05.2013 Ответить на сообщение

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

      • Людмила
        Опубликовано: 26.05.2013 Ответить на сообщение

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

  • Егор
    Опубликовано: 10.07.2013 Ответить на сообщение

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

    • Виталий
      Опубликовано: 11.07.2013 Ответить на сообщение

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

  • Алина
    Опубликовано: 04.08.2013 Ответить на сообщение

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

    • Виталий
      Опубликовано: 04.08.2013 Ответить на сообщение

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

  • Вадим
    Опубликовано: 20.08.2013 Ответить на сообщение

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

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

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

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

    Спасибо!

    • Виталий
      Опубликовано: 20.08.2013 Ответить на сообщение

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

      • Вадим
        Опубликовано: 20.08.2013 Ответить на сообщение

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

  • Андрей
    Опубликовано: 30.08.2013 Ответить на сообщение

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

    • Виталий
      Опубликовано: 30.08.2013 Ответить на сообщение

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

  • Vladimir
    Опубликовано: 05.09.2013 Ответить на сообщение

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

    • Виталий
      Опубликовано: 09.09.2013 Ответить на сообщение

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

  • Antin3
    Опубликовано: 08.09.2013 Ответить на сообщение

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

    • Виталий
      Опубликовано: 09.09.2013 Ответить на сообщение

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

  • Vladimir
    Опубликовано: 09.09.2013 Ответить на сообщение

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

  • Владимир Сальников
    Опубликовано: 10.10.2013 Ответить на сообщение

    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»

    • Виталий
      Опубликовано: 10.10.2013 Ответить на сообщение

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

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

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

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

  • Богдан
    Опубликовано: 25.10.2013 Ответить на сообщение

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

    • Виталий
      Опубликовано: 25.10.2013 Ответить на сообщение

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

      • Богдан
        Опубликовано: 25.10.2013 Ответить на сообщение

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

        • Виталий
          Опубликовано: 25.10.2013 Ответить на сообщение
          • Богдан
            Опубликовано: 25.10.2013 Ответить на сообщение

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

  • Андрей
    Опубликовано: 23.11.2013 Ответить на сообщение

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

  • iBezGranic
    Опубликовано: 28.11.2013 Ответить на сообщение

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

  • Valerii
    Опубликовано: 05.12.2013 Ответить на сообщение

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

    • Виталий
      Опубликовано: 05.12.2013 Ответить на сообщение

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

  • Максим
    Опубликовано: 13.01.2014 Ответить на сообщение

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

    • Виталий
      Опубликовано: 13.01.2014 Ответить на сообщение

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

  • Юрий
    Опубликовано: 20.01.2014 Ответить на сообщение

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

  • Ольга
    Опубликовано: 05.02.2014 Ответить на сообщение

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

    • Виталий
      Опубликовано: 06.02.2014 Ответить на сообщение

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

  • Иван
    Опубликовано: 07.04.2014 Ответить на сообщение

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

  • Алексей
    Опубликовано: 10.04.2014 Ответить на сообщение

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

    • Виталий
      Опубликовано: 11.04.2014 Ответить на сообщение

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

  • Alex
    Опубликовано: 01.06.2014 Ответить на сообщение

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

    • Виталий
      Опубликовано: 01.06.2014 Ответить на сообщение

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

      • Alex
        Опубликовано: 01.06.2014 Ответить на сообщение

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

        • Виталий
          Опубликовано: 01.06.2014 Ответить на сообщение

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

  • Татьяна
    Опубликовано: 24.11.2014 Ответить на сообщение

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

  • Андрей
    Опубликовано: 27.12.2014 Ответить на сообщение

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

  • Andrei
    Опубликовано: 03.01.2015 Ответить на сообщение

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

  • Лара
    Опубликовано: 15.03.2015 Ответить на сообщение

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

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

    • Виталий
      Опубликовано: 15.03.2015 Ответить на сообщение

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

  • Анастасия
    Опубликовано: 10.04.2015 Ответить на сообщение

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

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

  • Ирина
    Опубликовано: 12.04.2015 Ответить на сообщение

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

  • Валентин
    Опубликовано: 08.05.2015 Ответить на сообщение

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

    • Виталий
      Опубликовано: 09.05.2015 Ответить на сообщение

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

  • Елена
    Опубликовано: 09.06.2015 Ответить на сообщение

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

  • Светлана Василек
    Опубликовано: 05.07.2015 Ответить на сообщение

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

  • Алена
    Опубликовано: 27.08.2015 Ответить на сообщение

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

    • Виталий
      Опубликовано: 28.08.2015 Ответить на сообщение

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

  • Павел
    Опубликовано: 11.09.2015 Ответить на сообщение

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

  • Ирина
    Опубликовано: 25.11.2015 Ответить на сообщение

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

  • Ирина
    Опубликовано: 25.11.2015 Ответить на сообщение

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

  • Валентин
    Опубликовано: 22.12.2015 Ответить на сообщение
  • nemezida.su
    Опубликовано: 21.08.2016 Ответить на сообщение

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

  • Noname
    Опубликовано: 02.10.2016 Ответить на сообщение

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

Имя
Укажите своё имя и фамилию
E-mail
Без СПАМа, обещаем
Текст сообщения
Отправляя данную форму, вы соглашаетесь с политикой конфиденциальности и правилами нашего сайта.