Меню Рубрики

Установка кнопки мне нравится на фейсбук

Урок 81 Как добавить кнопку “Мне нравится” от Facebook (фейсбук) на блог

Здравствуйте, как и обещал, сегодня я буду рассказывать Вам о том, как добавить кнопку “Мне нравится” от Facebook. Facebook – самая крупная социальная сеть в мире, поэтому, как я думаю, все-таки стоит добавить частичку этой “социалки” на свой блог.

Кнопка “Мне нравится” от Фейсбука выглядит так:

Его часто можно встретить в конце статьи, причем на многих блогах. Все эти кнопки – кнопка от В Контакте, социальные кнопки, кнопка от Facebook помогут Вам повысить посещаемость блога.

Как добавить кнопку “Мне нравится” от Facebook (Фейсбук)

  1. Переходим вот сюда.
  2. И Вы там можете видеть следующее:
    URL to Like (Ссылка на страницу) – оставляем также пустым
    Layout Style (Стиль оформления) – по вкусу, я оставил standart. Можно выбрать со счетчика, но тут уже дело каждого, на вкус и цвет.
    Show Faces (Показывать лица, аватары) – также выбираете по своему усмотрению. Я убрал данную галочку.
    WIdth (Ширина) – подбираете под свой блог. Необходимую ширину можно узнать с помощью FireBug. Если сомневаетесь, для начала попробуйте оставить также. Потом, если что, поэкспериментируете.
    Verb to display (Отображаемое слово на кнопке) – like – нравится или recommend – рекомендовать. Я выбрал like (“нравится”).
    Font (Шрифт) – я выбрал шрифт такой же, как и на блоге (tahoma).
    Color Scheme (Цветовая схема) – Вы можете выбрать светлый вариант или темный, в зависимости от Вашей темы оформления. Я выбрал светлую, так как шаблон на ФанБар.ру – светлый.
  3. Далее нажимаем на кнопку Get Code.
  4. То что написано в верхнем коде копируем:
  5. Вставляем код в нужном месте, я обычно вставляю после статьи – в single.php. В данной случае я поставил код от facebook после похожих статей и кнопки от В Контакте, но перед социальными кнопками:
  6. И в данном коде (который мы только что вставили, меняем фразу (она в начале кода):

Вот окончательный код, который я вставил:

Вот и все. Кнопка стоит и работает!

До встречи на следующих уроках.

Понравился урок? Вы не хотите пропускать новые бесплатные уроки по созданию, раскрутке и монетизации блога? Тогда подпишитесь на RSS или на электронный ящик в форме выше и получайте новые уроки мгновенно! Также можете следить за мной в Twitter.

55 комментариев на «Урок 81 Как добавить кнопку “Мне нравится” от Facebook (фейсбук) на блог»

У twitter’a тоже вроде такая кнопка есть.

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

Facebook – самая крупная социальная сеть в мире, поэтому, как я думаю, все-таки стоит добавить частичку этой “социалки” на свой блог.

Пётр, у меня вопрос.
Кнопки разных сетей соц. я могу поставить. Но если учитывать что сайт у меня для детей и подростков, то стоит ли их ставить?
Я думаю на твитере или Facebook детей просто нет.

2- Это касается всех соц сетей, но давайте рассмотрим на примере Facebook
Для этого я ведь должен быть зарег на всех этих соц сетях, и кроме того там вести блоги , чтобы были друзья и знакомые.
Только тогда через друзей будет распространятся мои новые посты на сайте и т.д.
Не будет друзей в соц сетях, не будет и толку от кнопки, правильно понимаю?
А нельзя просто зарег в Facebook, поставить кнопку и всё. Чтоб там не сидеть, не заводить знакомств – а обновления на сайте люди видели?

Просто у меня в голове не укладывается как можно наполнять сайт, раскручивать ( я уже и так все время за компом, бедные мои глаза и дети, которые уже не рады что папа начал делать сайт)
Если же ещё в соц сетях вести дневники и друзей собирать – а стоит этот сайт ( любой сайт) чтобы всё время абсолютно на него тратить?
Мне очень нравится делать сайт, и делаю это не из за денег, которые может будут ( а может и нет)
Но просто не могу понять как другие всё успевают, и наполнять, раскручивать и в соц сетях сидеть.
Пётр, пожалуйста дайте ответ, это важно.

Нет, чтобы поставить кнопку “Мне нравится” не нужно регистрироваться на фейсбуке.
Да и для ретвитов не обязательно регистрироваться в твиттере.
Регистрироваться можно,чтобы на вас подписывались в соц. сетях, это кнопки в сайдбаре (твиттер, фейсбук и т.п.). Но там даже можно сделать автоматическую публикацию, к примеру, появилась новая статья, она сама автоматически транслируется в ваш твиттер.

Фейсбук хорошая социальная сеть и с каждым днем все больше и больше людей регистрируется в ней. Поэтому эта кнопка должна думаю быть на сайте.

Спасибо, надо поставить! Тем более, что все так просто. Я думаю, что фразу рядом с кнопкой Like можно было бы перевести на русский – не все понимают английскую речь. Для тех, кто выбирет русский вариант – перевожу: “Будь первым из друзей, кому это нравиться”

Читайте также:  Установка winxp sp3 с usb

Почему-то у меня переведено автоматически, можете посмотреть на этом блоге…

Я видела – но все же местами проскакивают английские вариант типа
Be the first of your friends to like this.

как проверить работает ли эта кнопка? может я что то не так в коде поменяла?
и для чего нужно менять строку в коде?

а у меня такой код, Какую часть кода мне необходимо заменить?

источник

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

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

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

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

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

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

Как видите, устанавливается кнопка мне нравится на сайт очень быстро. А теперь обо всем по порядку.

1. Перейдите сначала вот сюда и подключите свой сайт, если его там нет. Для этого заполните несколько полей. Вот, как это сделано у меня:

После заполнения нажмите на кнопку «Сохранить».

2. Теперь вам нужно настроить внешний вид кнопки. Внизу вы всегда можете посмотреть, что у вас получилось. Я, например, выбрал кнопку с миниатюрным счетчиком. Названия кнопки «мне нравится». А высоту так и оставил 22 px.

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

и вставьте его в header.php перед тегом /head (если сайт на движке wordpress). После этого скопируйте вторую часть кода

и вставьте в то место, где вы хотите видеть кнопку “Мне нравится” от вконтакте на своем сайте. У меня, например, она стоит после каждой статьи, чтобы посетитель, после прочтения, всегда мог поделиться информацией с друзьями :smile:. Откройте файл single.php и вставьте код туда. Шаблоны у всех разные, но у меня она стоит перед формой комментариев, то есть перед этой строчкой:

После вставки второй части кода, вы должны увидеть на своем сайте кнопку от вконтакте «мне нравится». Если возникли какие-то проблемы, то пишите в комментариях, постараюсь помочь :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 — Включить кнопку «Отправить». Мне она не нужна, поэтому я галочку убрал.

После заполнения всех полей у меня получилось вод так:

Теперь нажмите на кнопку «Get code» для того, чтобы получить код.


Первою часть кода вам нужно разместить в файл footer.php перед тегом /body. А вторую часть в то место, где вы хотите видеть кнопку «Мне нравится» от Facebook на своем сайте. Можете разместить после кода кнопки «Мне нравится» от Вконтакте в файл single.php.
На этом у меня все. Как вам статья? 😉

Читайте также:  Установка поршней на двс 238

источник

Кнопки «мне нравится» Вконтакте, Facebook, Твитнуть и Google +1

Привет! Социальные сети очень крепко вошли в нашу жизнь. Посмотрите сколько кругом людей целыми днями, зависают в facebook, vkontakte, twitter, google + и других сетях.

Если у вас есть сайт или блог, почему тогда не использовать данные социальные сети, чтобы привлекать новый трафик, наращивать показатели ТИЦ и PR, делая проект все популярнее и популярнее.

В этом нам помогут кнопки «мне нравится» от Вконтакте, Facebook, а также кнопки Твитнуть и Google +1, которые будут расположены в конце статьи.

Работают они очень просто! Когда посетитель вашего сайта прочитал статью и она ему понравилась, тогда скорее всего он захочет высказать свое мнение о ней.

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

А это уже новые бесплатные посетители, плюс поисковые системы любят социальные сигналы и запросто могут такую страницу начать выше ранжировать в ТОП выдаче.

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

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

Для того, чтобы добавить кнопку «мне нравится» на сайт, первым дело переходим на страницу регистрации кнопки vkontakte и заполняем поля с названием вашего сайта.

Далее выбираем формат и размер кнопки «мне нравится» .

Теперь необходимо скопировать » 1 Часть кода « и добавить ее в файл header.php перед закрывающим тегом .

Далее копируем » 2 Часть кода « и вставляем ее в любое место на сайте, где хотите, чтобы показывалась кнопка от Вконтакте.

Так как я сделал вывод ее после текста статьи, поэтому код вставил в файл single.php.

Перезагружаем страницу и смотрим результат.

Кнопка от Google +1

Для того, чтобы добавить кнопку «google +1» на сайт или блог переходите по этой ссылке и попадает на страницу простого конструктора.

Выбираете размер кнопки (маленькая, средняя, большая). Не забудьте выбрать русский язык.

источник

Пятый элемент блогосферы

В прошлом сообщении речь шла о том, как установить кнопку «Мне нравится» от ВКонтакте.ру, а теперь настало время пошаговой инструкции по установке аналогичной кнопки от Facebook.

Необходимо зайти на эту страничку и заполнить вот такую форму.

  1. В верхнем левом окошке нужно ввести адрес своего сайта.
  1. Width — ширина, этим все сказано. 450 пикселей по умолчанию для текстового варианта — оптимально, для двух других вариантов нужно задавать меньший размер.
  2. Далее выбирается Композиция (стиль кнопки): standart — это сама кнопка Нравится с текстом справа от нее; box_count — сверху от кнопки Нравится будет видно количество тех, кому понравилось, без текста; вариант button_count подобен на предыдущему, только число будет располагаться на кнопке; просто button — кнопка Нравится без числа. Кстати, внизу формы располагается предварительный вид кнопки.
  3. Тип действия — отображаемое слово, либо Нравится, либо Я рекомендую.
  4. Размер кнопкиsmall и large, т.е. маленькая и большая.
  5. Включить кнопку Поделиться — если внизу каждого поста отсутствует блок «Поделиться», можно оставить.

Далее нужно нажать на кнопку Получить код, чтобы получить код в небольшом окошке. Код дается в двух вариантах: на JavaScript

Теперь копируем предложенный код в двух частях на свой сайт.

Кнопка «Мне нравится» отображает отношение пользователей Facebook ко всему сайту в целом.

Cама кнопка находится внизу поста. Если пост понравился, тестируйте.

источник

Как добавить кнопку Мне нравится Like от Facebook на сайт

Сегодня поговорим о том, как можно добавить на сайт кнопку Мне нравится она же Like от Facebook.

Как добавить кнопку Facebook на сайт

Социальные сети уже давно пытаются интегрироваться в другие сайты. Это легко сделать любому администратору сайта стандартными средствами, предоставляемыми этими соц. сетями.

Сегодня поговорим о том, как можно добавить на сайт кнопку «Мне нравится» она же «Like» от Facebook.

Для пользователей кнопка «Like» хороша тем, что дает возможность всего одним нажатием поделиться интересным сайтом со своими друзьями в Фэйсбуке.

Сначала перейдите сюда: Facebook Developers и заполните форму.

  • поле URL to Like — адрес понравившейся страницы — следует оставить пустым чтобы адресу понравившейся страницы был присвоен адрес страницы, на которой находится кнопка
  • поле Layout Style позволяет выбрать стиль оформления кнопки (со счетчиком голосов или без)
  • поле Show Faces в значении True позволяет отображать аватары пользователей, которым понравился данный сайт или блог
  • в поле Width следует указать ширину плагина в пикселях
  • поле Verb to display отображает название кнопки «Like» или «Recommend» (в русскоязычном варианте «Нравится» или «Рекомендовать»)
  • в поле Font следует выбрать шрифт начертания текста
  • в поле Color Scheme следует выбрать одну из двух предлагаемых схем оформления кнопки: светлую или темную
Читайте также:  Установка заднего бампера риф на буханку

После заполнения соответствующих ячеек нажмите «Get code» («Получить код»).

В верхней части окна представлен iframe-код, в нижней — XFBML.

Для того, чтобы использовать iframe-код на блоге с движком WordPress надо изменить кусок строки с

Например для моего блога конечный вид кнопка «Мне нравится» от Facebook имеет такой:

Для того, чтобы загрузка HTML страницы не тормозилась, кнопку Like можно загружать при помощи асинхронного кода из нижнего поля.

Та же самая кнопка будет иметь вид.

В том месте где нужно отобразить кнопку вставляем контейнер:

А в самом конце HTML документа вставляем такой код:

Как видите, здесь больше возможностей, например — указание языка кнопки по-умолчанию.

источник

Как установить кнопку «Мне нравится» Facebook на блог под управлением WordPress

Такая кнопка устанавливается, чтобы посетители вашего сайта могли поделиться ссылкой на страницу одним кликом (ну… почти одним :)). Если на сайте нет кнопки «Мне нравится», то участник социальной сети вряд ли будет напрягаться, даже если ему понравился какой-то ваш материал. Совсем другое дело, когда для ссылки на понравившуюся страницу надо всего-то разок кликнуть. Итак…

Шаг 1. Переходим на сервис Like Button от Facebook. Вам предлагается самому уточнить, как будет выглядеть кнопка, и что она будет уметь делать. Для этого надо заполнить форму (рис. 1). Заполнив форму, вы получите код для вставки на ваш блог.

Скачать заметку в формате Word

URL to Like – адрес страницы, на которую будет ссылаться кнопка. Если вы хотите, чтобы, кликая на кнопку, участники Facebook попадали на одну определенную страницу вашего сайта, укажите URL этой страницы, например, www.baguzin.ru 🙂 Я оставил это поле пустым. В этом случае участники Facebook будут попадать на ту страницу, на которой посетитель моего сайта кликнул кнопку «Мне нравится», то есть, какая страница понравилась посетителю, та и будет являться точкой входа на ваш сайт для участников Facebook.

Send Button – указывает, следует ли размещать кнопку Отправить рядом с кнопкой Мне нравится.

Я не стал загромождать страницу этой кнопкой, поэтому снял галочку.

Layout Style – стиль оформления. Доступные варианты:

button_count – кнопка + счетчик голосов, расположенный сбоку Я выбрал этот вариант.

box_count – кнопка + счетчик голосов, расположенный сверху

Width – ширина кнопки. Поскольку у меня узкая колонка с текстом, я сократил ширину со стандартного значения 450 до 300.

Show Faces – определяет показывать ли аватары тех, кто кликнул на копку (применимо только со стилем оформления standard). Я отключил эту опцию.

Verb to display – выбор надписи на кнопке. Доступно два варианта: ,

Color Scheme – выбор цветовой схемы: светлой (все картинки, представленные выше, выполнены именно в этой схеме) или темной

Font – выбор шрифта подписи кнопки. Доступны: arial, lucida grande, segoe ui, tahoma, trebuchet ms, verdana. Я оставил шрифт по умолчанию… Мало ли, как поведет себя кнопка при установке редкого шрифта!?

Все изменения, которые вы вносите в настройки сразу отражаются на копке справа от формы. После окончания настройки, жмите на Get Code.

Шаг 2. Во всплывающем окне появится два фрагмента кода (рис. 2).

До сих пор изложение относилось ко всем «сайтостроителям». Дальнейшее применимо только для блогов под управлением WordPress. Если вы еще ни разу не редактировали вашу тему, советую почитать здесь (раздел «Редактирование заголовка виджета»).

Первую часть кода (п. 1, рис. 2) вставляем в шаблон Одна запись – single.php (рис. 3). Найдите в файле строку, что-то типа Вместо трех точек будет какое-то содержание. Если вы хотите чтобы кнопка выводилась в конце статьи, то вставьте полученный код после этой строчки. А если хотите, чтобы кнопка отражалась в начале статьи, то – перед этой строчкой. Как можно видеть на рис. 3, я вставил код, полученный на шаге 1, после строки . В результате кнопка появляется в конце статьи (рис. 4).

Рис. 3. Вставка первой части кода в шаблон «Одна запись».

Рис. 4. Внешний вид кнопки «Мне нравится» в конце статьи

Вторую часть кода (п. 2, рис. 2) вставляем в шаблон Боковая колонка – sidebar.php (рис. 5). Место, куда вы вставите код, определит место появления кнопки на боковой панели (рис. 6). Я разместил эту кнопку рядом с кнопкой Plusone от Google.

Рис. 5. Вставка второй части кода в шаблон «Боковая колонка».

Рис. 6. Внешний вид кнопки «Мне нравится» на боковой колонке

Социальные сети, особенно Facebook, могут дать приличный трафик на ваш сайт. При этом важно «зацепить» хотя бы одного участника сети. Так за несколько недель, что я установил кнопку «Мне нравится» от Facebook у меня наблюдалось два всплеска активности (рис. 7). Статистика получена с использованием Google Analytics.

источник