Кнопки соц. сетей для сайта без плагинов

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

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

кнопка социальных сетей на сайт без плагинов

Кнопка от Вконтакте

Чтобы получить скрипты для интеграции сайта с самой популярной соц. сетью Рунета, перейдите на страницу vk.com/dev/sites. Там вам будет представлен список функционала, который вы сможете установить на своем ресурсе:

Кнопки соц. сетей для сайта без плагинов

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

Кнопки соц. сетей для сайта без плагинов

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

Кнопка от Facebook

Такую кнопку тоже можно получить через добавление скрипта. Для этого переходите по ссылке developers.facebook .com/docs/plugins/like-button и заполняете специальную форму:

Кнопки соц. сетей для сайта без плагинов

Здесь всё намного проще, вам нужно указать адрес для лайка и выбрать вид кнопки (есть предпросмотр). После этого нажимаете Get Code и появляется 2 кода, которые нужно добавить на сайт:

Кнопки соц. сетей для сайта без плагинов

Первый код нужно вставить на главную страницу, сразу после тега <,body>,, а второй указывать везде, где вы хотите поставить кнопку.

Кнопка от Twitter

Для развития сайтов чаще всего используется именно этот проект. С него также можно получить специальные кнопки, благодаря официальному сервису about.twitter .com/resources/buttons#tweet. Здесь ещё проще получить кнопки, так как код вы получите на одной странице с параметрами:

Кнопки соц. сетей для сайта без плагинов

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

Кнопка от Google+

Добавление кнопки от этой соц. сети, практически не отличается от Twitter. Здесь также сразу отображается код, при настройке параметров:

Кнопки соц. сетей для сайта без плагинов

Перейти к такой форме и получить кнопки можно по адресу developers.google.com/+/web/+1button/.
(уже не актуально, так как социальная сеть эта закрыта)

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

Читайте другие статьи:

Поделиться:

Добавить комментарий