Добавляем кнопку «Мне нравится»
Кнопка «Like» позволяет рассказать про статью в самой популярной социальной сети в мире.
Устанавливаем кнопку «мне нравится» для
Заходим на сайте в раздел «Like Button». Либо вручную, внизу страницы заходим в пункт «Разработчикам», выбираем раздел «Web». На следующей странице заходим в «Integrate Into Your Website». Далее, слева в меню выбираем вкладку «Core Concepts», в ней раздел «Social Plugins». Заходим в пункт «Like Button».
Заполняем следующую форму:
Значения:
- URL to Like — адрес страницы, которой будут ставить лайки. Лучше оставить пустой, в таком случае автоматически будет подставлен адрес страницы, на которой находится кнопка
- Send Button — дополнительная кнопка, которая позволяет отправить статью друзьям. Лично я убрал ее
- Layout Style — позволяет выбрать стиль кнопки. Попробуйте поменять, пример кнопки сменится автоматически
- Width — ширина кнопки. Однако, сколько я не менял, кнопка оставалась прежней
- Show Faces — если включить, то будут показаны аватарки тех, кто нажал кнопку
- Font — позволяет выбрать шрифт надписи на кнопке
- Color Scheme — выбор между светлым и темным оформлением. По мне, темное вообще не смотрится
- Verb to display — выбираем надпись на кнопке:»Мне нравится» или «Я рекомендую»
После заполнения всех полей нажимаем на кнопку «Get Code». Появляется окно с кодом. Первую часть вставляем в шаблон после открывающегося тега body:
1 2 3 4 5 6 7 8 9 |
<script type="text/javascript">// <![CDATA[ (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect. .net/ru_RU/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', ' -jssdk')); // ]]></script> |
Вторую часть в то место, где у нас должна быть кнопка :
Проверяем кнопку на своем сайте, заодно, не пожалейте, проверьте и мою)
Установи их все: