DISPLAY_NONE
+7 (916) 602-1110
kirill@kocherov.ru

Главная / Материалы по созданию сайтов / Кнопки социальных сетей для сайта

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

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

Набор кнопок «Поделиться» от share42.com

Набор кнопок «Поделиться» от Яндекса (самый простой и удобный способ)


Кнопки "Мне нравится"

Кнопка "Мне нравится" Facebook

Для того, чтобы установить на сайт кнопку «Мне нравится» от Facebook нужно на этой странице заполнить форму, где выбрать интересующие вас параметры.

Затем нажать на кнопку «Получить код»

Далее у вас появится всплывающее окошко с вариантами кода.

Вариант SDK Javascript:

SDK (Software Development Kit): (от англ. software — «программное обеспечение», development — «разработка», kit — «набор средств, элементов») набор средств для разработки програмного обеспечения (написания программ).

Javascript: (от англ. script — «небольшая программа или набор инструкций для компьютера») язык программирования. Javascript позволяет делать страницы сайта интерактивными.

SDK Javascript: расширение для Javascript, которое упрощает реализацию определенных функий. Например, размещение кнопок «Мне нравится», «Поделиться», блока с комментариями от соцсети и т.д.

Вариант IFrame:

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

Для установки кнопки от ВКонтакте (виджет "Мне нравиться") необходимо сначала авторизироваться во ВКонтакте.

Затем на странице http://vk.com/developers.php?oid=-1&p=Like заполнить форму, где выбрать интересующие вас параметры.

Обязательно нужно нажать кнопку [Сохранить], для того, чтобы получить правильный код для вставки (с вашим apiId).

Первую часть кода (после <!-- Put this script tag to the <head> of your page -->) нужно вставить в <head>.

Вторую часть (после <!-- Put this div tag to the place, where the Like block will be -->) в то место, где хотите расположить кнопку "Мне нравиться" от В Контакте.

 

Кнопки "Нравится" и "Класс" от сайтов Одноклассники и Мой Мир

Кнопки от Однклассников и Моего Мира ставятся одним блоком. Получить код можно на странице http://api.mail.ru/sites/plugins/share/

Адрес страницы прописывается в параметре:
href="http://connect.mail.ru/share?share_url=адрес_страницы"

ПРИМЕР / для этой страницы

<a target="_blank" class="mrc__plugin_uber_like_button" href="http://connect.mail.ru/share?share_url=http://www.kocherov.ru/web-design/social-buttons.htm" data-mrc-config="{'type' : 'button', 'caption-mm' : '1', 'caption-ok' : '1', 'counter' : 'true', 'text' : 'true', 'width' : '100%'}">Нравится</a>
<script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script>

Нравится

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

ПРИМЕР / на php

<?
$URL="http://".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];
?>

<a target="_blank" class="mrc__plugin_uber_like_button" href="<?=$URL?>" data-mrc-config="{'type' : 'button', 'caption-mm' : '1', 'caption-ok' : '1', 'counter' : 'true', 'text' : 'true', 'width' : '100%'}">Нравится</a>
<script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script>

Нравится

Весь код вставляется в то место, где вы хотите разместить кнопки.

Кнопка "+1" Google+

Получить код можно здесь

Весь код вставляется в то место, где вы хотите разместить кнопки.

Кнопки "Поделиться"

Кнопка Twitter

Получить код можно на странице https://twitter.com/goodies/buttons

Скрипт «Поделиться» от Яндекса

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

Получить код можно на странице https://tech.yandex.ru/share/

Скрипт «Поделиться» от share42.com

Получить код можно на странице http://share42.com/


ГЛАВНОЕ МЕНЮ
МЕНЮ РАЗДЕЛА