Главная » Социальные сети » Устанавливаем кнопку «Мне нравится» от Вконтакте и Facebook на сайт

Устанавливаем кнопку «Мне нравится» от Вконтакте и Facebook на сайт

кнопка мне нравится facebook

 Всем привет, друзья! Несколько недель назад я писал, как установить кнопку google + 1 на сайт и виджет от вконтакте. Сегодня ми продолжим использовать социальные сети для продвижения сайта. В этом посте я напишу, как устанавливается на сайт кнопка мне нравится вконтакте и кнопка мне нравится facebook.

На каждом блоге или сайте просто обязаны быть основные кнопки социальных сетей. Это нужно для того, чтобы посетитель всегда мог поделиться информацией с друзьями. Такие действия способны увеличить посещаемость ресурса, а также количество ссылок с соц. сетей. На моем блоге сейчас установлены 4 кнопочки: google +, твитнуть, кнопка мне нравится Вконтакте и кнопка мне нравится Facebook. Можно было бы еще установить и другие кнопки, но этих 4 на мой взгляд вполне хватит. Главное, чтобы посетители на них нажимали ;-). Кстати, если вы хотите привлечь трафик с соц. сетей, то советую также прочитать вот эти статьи: «Как создать группу в контакте?»,  «Как создать группу в одноклассниках?» и «Как создать группу в facebook»? Ну а теперь вернемся к нашему главному вопросу:

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

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

  1. Добавить сайт в соц. сеть вконтакте;
  2. Настроить внешний вид кнопки;
  3. Скопировать код и вставить на свой сайт.

Как видите, устанавливается кнопка мне нравится на сайт очень быстро. А теперь обо всем по порядку.
1. Перейдите сначала вот сюда и подключите свой сайт, если его там нет. Для этого заполните несколько полей. Вот, как это сделано у меня:
кнопка мне нравится на сайт
После заполнения нажмите на кнопку «Сохранить».
2. Теперь вам нужно настроить внешний вид кнопки. Внизу вы всегда можете посмотреть, что у вас получилось. Я, например, выбрал кнопку с миниатюрным счетчиком. Названия кнопки «мне нравится». А высоту так и оставил 22 px.
кнопка мне нравится вконтакте
3. После того, как вы настроили внешний вид кнопки нужно скопировать код и вставить на свой сайт. Для начала скопируйте первую часть кода
первая часть кода
и вставьте его в header.php перед тегом </head> (если сайт на движке wordpress). После этого скопируйте вторую часть кода
вторая часть кода
и вставьте в то место, где вы хотите видеть кнопку “Мне нравится” от вконтакте на своем сайте. У меня, например, она стоит после каждой статьи, чтобы посетитель, после прочтения, всегда мог поделиться информацией с друзьями :smile:. Откройте файл single.php и вставьте код туда. Шаблоны у всех разные, но у меня она стоит перед формой комментариев, то есть перед этой строчкой:

<?php comments_template(); ?>

После вставки второй части кода, вы должны увидеть на своем сайте кнопку от вконтакте «мне нравится». Если возникли какие-то проблемы, то пишите в комментариях, постараюсь помочь :smile:.

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

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

  • URL to Like – ссылка на страницу. Оставляем это поле пустим, поскольку ми хотим установить кнопку на все страницы;
  • Height – высота. Можно ничего не ставить, по умолчанию высота кнопки нормальная;
  • Layout – здесь нам нужно указать внешний вид кнопки. Я выбрал последний вариант button_count, на мой взгляд, он самый лучший. Можете попробовать выбрать другой вариант и посмотреть, как он выглядит. Если box_count или standard вам нравится больше, то, пожалуйста, ставьте тот, который нравится.
  • Show Friends' Faces – показывать аватари. Я убрал галочку, поскольку не хочу показывать аватари.
  • Width – ширина. Я ничего не ставил, если ширина кнопки вас не устраивает, то можете ее указать.
  • Color Scheme – цветовая схема. Оставил по умолчанию light (светлый).
  • Action Type. Если выбрать like, то надпись на кнопке будет «нравится». А если recommend, то «я рекомендую». Я выбрал первый вариант like (нравится).
  • Include Send Button — Включить кнопку «Отправить». Мне она не нужна, поэтому я галочку убрал.

После заполнения всех полей у меня получилось вод так:
кнопка мне нравится facebook
Теперь нажмите на кнопку «Get code» для того, чтобы получить код.
кнопка мне нравится
Первою часть кода вам нужно разместить в файл footer.php перед тегом </body>. А вторую часть в то место, где вы хотите видеть кнопку «Мне нравится» от Facebook на своем сайте. Можете разместить после кода кнопки «Мне нравится» от Вконтакте в файл single.php.
На этом у меня все. Как вам статья? ;-)

vachevskiy 4 октября 2013
  1. Борис

    Спасибо, установил себе кнопки по этой статье :idea:

  2. Сергей

    Статья супер, спасибо :idea:

  3. Спасибо за статью! Все доступно и понятно. Вы свои кнопки «обернули» в стили? Я вставил коды так как есть и они стали одни под одними.

  4. vachevskiy

    Максим, да к ним нужно прописать стили. Но чтобы не заморачиваться можно сделать так, как я описал здесь vachevskiy.ru/knopki-soci...ocialnye-knopki/ Способ #1

  5. Владимир

    А при установке нескольких кнопок мне нравиться на одной странице?

    Как их регистрировать?