Социальные кнопки могут быть полезны для посетителей вашего сайта или блога. Нажимая на эти кнопки, они смогут сохранить ссылки на интересные материалы в своих аккаунтах в социальных сетях.
Каждая из них предоставляет нужные кнопки для установки на сторонних сайтах.
Для «В Контакте» код можно найти .
Однако, как видно, каждая такая кнопка подгружает свой js-файл со скриптом. Это замедляет время загрузки страницы в целом. Кроме того, используя готовый код, вебмастер никак не сможет оформить кнопки социальных сетей по своему желанию – всё оформление находится вне сайта.
Ниже представлен пример создания блока из трёх социальных кнопок, по клику на которые открывается новое окно браузера (в центре экрана), где у посетителя запрашивается подтверждение на создание закладки. После публикации, окно закрывается.
Весь этот блок, мы так же интегрируем с темой Drupal 7.
Для начала небольшая справка:
Http://vkontakte.ru/share.php?url=http://адресСайта.ru/адресСтраницы
При этом, в качестве заголовка берётся содержание тега
А так же, берётся какая-то похожая на логотип картинка. Если нам нужно указать картинку точно, то необходимо вставить в заголовок страницы (внутрь контейнера ) такой тег:
2. Социальная кнопка от твиттера - «твиттнуть» позволяет опубликовать твитт с заранее заготовленным текстом и ссылкой. URL выглядит следующим образом:
Https://twitter.com/share?text="ТекстТвитта&url=http://АдресСайта.ru/адресСтраницы
При этом текст твитта должен быть url-кодирован, иначе могут быть ошибки. При нажатии на эту ссылку будет предложено создать твитт содержащий текст и ссылку.
3. Социальная закладка Facebok похожа на В контакте и выглядит так:
Http://www.facebook.com/sharer.php?u=http://адресСайта.ru/страница
Итак, пусть мы хотим оформить блок кнопок как-то так:
При этом HTML - размека довольно проста. Весь HTML состоит из трёх ссылок: