SEO блог Михаила Шакина

  • Контакты
    • Реклама на блоге
    • Мои интервью
    • Мои доклады
  • Мои книги
    • Мои приключения в Америке
    • SEO Коллайдер
    • SEO разведка
    • SEO Винчестер
  • Услуги
    • Продвижение сайтов
    • Консультации по продвижению сайтов
    • Консультации по продвижению англоязычных сайтов
  • Лучшее
    • Продвижение сайтов
    • Приключения
    • Видеоуроки
    • WordPress
    • Блоггинг
    • Привлечение посетителей с социальных сетей
    • Саморазвитие и работа в интернете
    • Вебмастеру
  • Мой хостер

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

30.07.2010

  • соцсигналов565
  • Facebook565

Сайт дня (как попасть): Интересная поисковая раскрутка сайта

Дорогие друзья, сегодня я расскажу, как добавить кнопку «Нравится» от социальной сети Facebook (ее еще называют Like Button), а также блок, в котором отображаются пользователи Facebook, которым нравится ваш сайт (Like Box, я его буду называть блок друзей). Вы также можете почитать мой пост о том, Как добавить кнопки социальных сервисов на свой сайт.

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

Как вы знаете, Facebook - популярная социальная сеть, число пользователей которой буквально на днях превысило 500 миллионов человек. Facebook активно развивается в рунете. Думаю, у Facebook хорошие перспективы, самое время присоединяться к этой социальной сети, поэтому я добавил кнопку «Нравится» и блок друзей на свой блог.

Хочу сказать, что после установки кнопки и блока количество друзей на этом сервисе и число переходов на мой блог увеличилось.

Кнопка «Нравится» хороша тем, что пользователю нужно сделать всего один клик по ней, чтобы рекомендовать понравившийся ему материал вашего сайта своим друзьям. У похожей кнопки «Share» («Поделиться») нужно делать два клика. Чем меньше кликов, тем больше эффективность.Для того, чтобы установить кнопку «Нравится» от Facebook на свой сайт, можно использовать предлагаемый код или воспользоваться плагинами. Я предпочитаю первый вариант. Про плагины я напишу далее.

Кнопка «Нравится» Facebook

Вот как выглядит кнопка «Нравится» от Facebook, вы наверняка встречали ее много раз:

кнопка «Нравится» от Facebook

Для того, чтобы получить код кнопки «Нравится», идем на эту страницу. Видим вот такую картину:

Кнопка «Нравится» Facebook

Первое поле URL to Like (Ссылка на страницу, которая нравится) оставляем пустым.

Второе поле Layout Style (Стиль оформления). В нем можно оставить Standart (Обычный) либо выбрать пункт Button Count (Счетчик голосов), который будет показывать, сколько человек проголосовало за данную страницу. Я выбрал без счетчика.

Поле Show Faces (Показывать аватары) - выбираем нужный вам вариант. Я выбрал без аватаров, так как они будут в блоке друзей. Для кнопки они не нужны.

В поле Width (Ширина) можно указать ширину в пикселях, которая подходит для вашего дизайна. У меня сделано 500.

Verb to display (Какое слово отображать на кнопке) есть выбор между Like (в русском варианте будет отображаться «Нравится») либо Recommend (на русском будет показываться «Рекомендовать»). Я выбрал первый вариант.

В поле Font (Шрифт) можно выбрать из нескольких шрифтов. К сожалению, нет моего любимого шрифта Georgia. Огорчившись, я не стал выбирать никакой шрифт 🙂 .

В поле Color Scheme (Цветовая схема) можно выбрать Light (Светлый) или Dark (Темный) вариант оформления кнопки. Я выбрал светлый.

Все изменения настроек вы сразу увидите по примеру кнопки справа.

Затем кликаем по кнопке Get Code (Получить код):

кликаем по кнопке Get Code (Получить код)

и копируем полученный код из верхнего окна:

копируем полученный код из верхнего окна

Если у вас блог на WordPress, то нужно будет заменить часть предлагаемого кода. Находим в скопированном коде такой участок:

Читайте также:  Как делать доклады на конференциях - советы 40+ экспертов
🔥 Кстати! Я провожу платный курс по продвижению англоязычных сайтов SEO Шаолинь. Если интересует, можете подать заявку на его сайте seoshaolin.com. Для своих читателей делаю хорошую скидку.

Приглашаю вас подписаться на мои каналы в Telegram:

@shakinru - продвижение в рунете.
@burzhunet - англоязычное SEO.

http%3A%2F%2Fexample.com%2Fpage%2Fto%2Flike

И заменяем его на такой:

<?php the_permalink()?>

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

Я поместил его в файл single.php в папке с темой WordPress после кода <?php the_content(''); ?>.

Для блогов на WordPress есть готовые решения для того чтобы вставить кнопку «Like» от Facebook на свой ресурс. Для этого можете скачать и установить следующие плагины:

Like - есть много настроек (ширина кнопки, высота, цветовая схема, расположение на странице и т.д.), поддерживается русский язык.

WP FB Like - с помощью этого плагина можно разместить кнопку «Нравится» от Facebook до или после поста (можно оба варианта одновременно), задать отступ кнопки, ее ширину и высоту, а также другие настройки.

Facebook Like Button - функционал этого плагина WordPress практически одинаков с предыдущими.

Facebook Like Button Plugin - много настроек, как и у вышеупомянутых плагинов.

Сейчас небольшое отступление. Если вам интересно узнать о тех методах продвижения, которые дают хороший эффект для увеличения целевой посещаемости, то я могу предложить свое платное исследование SEO разведка https://seorazvedka.ru/, в котором я на примере 10 прибыльных молодых сайтов из разных тематик показал, каким образом они продвигаются и описал, как это можно использовать для продвижения своих ресурсов.

Блок друзей Facebook (Социальный плагин Facebook)

Помимо кнопки, можно установить на свой сайт блок друзей, которым нравится ваш ресурс. Его еще называют виджетом Facebook, социальным плагином Facebook, но мне нравится простое название - блок друзей. Это позволит всем желающим всего в один клик присоединиться к сообществу любителей вашего сайта на Facebook. Кроме этого, сообщество любителей вашего сайта на Facebook будет быстрее увеличиваться, нежели чем без такого блока друзей.

Вот как сейчас выглядит блок друзей Facebook на моем блоге:

блок друзей Facebook на моем блоге

Предварительно нам нужно создать страницу нашего сайта на Facebook. На Facebook еще можно создавать группы, но для сайта лучше подходит именно страница. Страница индексируется поисковиками, она доступна для незарегистрированных пользователей Facebook, можно задать ей адрес вида https://www.facebook.com/blogshakinru и именно для страниц доступен блок друзей для привлечения пользователей с вашего сайта.

Для создания такой страницы переходим по этой ссылке. Важный момент - изменить название страницы в будущем будет невозможно, поэтому продумайте нужное название. Я во всем люблю простые решения, и сделал такое название - Shakin.ru.

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

Читайте также:  Как делать доклады на конференциях - советы 40+ экспертов

Сейчас нам нужно скопировать номер ID нашей страницы, для этого копируем цифры в адресной строке браузера - я привел адрес своей страницы, у вас будут свои цифры:

https://www.facebook.com/pages/Shakinru/134612429900944?created

Скопировали? Отлично. Теперь нам будет нужен пункт Promote this Page on your website (Продвигайте страницу с помощью вашего сайта), он доступен сразу после создания страницы Facebook:

Promote this Page on your website (Продвигайте страницу с помощью вашего сайта)

Жмем по кнопке Add Like Box (Добавить блок друзей), вот адрес этой страницы на сервиса Facebook на тот случай, если ранее вы уже создавали страницу.

Видим там настройки и пример блока друзей:

настройки и пример блока друзей Facebook

Обратите внимание, что в первом поле по умолчанию будет вставлен Facebook Page ID под номером 185550966885 (Lactose Free Milk), его нужно будет заменить на ID вашей страницы на Facebook.

Width (Ширина) - так как я решил вставить блок друзей в конце каждого поста, то подогнал ширину под дизайн блога, получилось 520 пикселей.

Connections (Число друзей) - в этом поле указываем, сколько друзей отображать. Я исходил из ширины и сделал 9.

Show Stream (Выводить сообщения) - эта опция отвечает за отображение последних сообщений на вашей странице Facebook. Я ее отключил для экономии места.

Header (Заголовок) - я убрал эту галочку, так как заголовок не нужен.

После установки настроек кликаем по кнопке Get Code и копируем код из верхнего поля.

Вот итоговый код для вставки блока друзей Facebook (я его выровнял по центру). Не забудьте поменять номер ID на свой:

<div align="center"><iframe src="https://www.facebook.com/plugins/likebox.php?id=134612429900944&amp;width=520&amp;connections=9&amp;stream=false&amp;header=false&amp;height=165" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:520px; height:165px;" allowTransparency="true"></iframe></div>

Я также поместил его в файл single.php в папке с темой WordPress после кода <?php the_content(''); ?>.

Для того, чтобы быстро и легко вставить блок друзей на блог WordPress, есть плагины Facebook Like Box Widget и Facebook Like Box. У них есть все настройки, которые предлагаются при вставке этого блока напрямую с Facebook - можно задать ширину, число отображаемых друзей и т.д.

Есть решение и для Joomla - расширение Facebook Like Box.

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

Для того, чтобы голосовать за понравившиеся сайты, на которых нет кнопки «Нравится» от Facebook, есть плагин для браузера Mozilla Firefox, который называется Facebook Like.

Не забыт и браузер Google Chrome - для него тоже есть плагин Facebook Likes.

Желаю вам успешной работы с социальной сетью Facebook! Приглашаю присоединиться к странице моего блога - Shakin.ru на Facebook.

Глобатор

Постовой (как попасть): Аренда экскаватора с гидромолотом в Санкт-Петербурге.

Практика seo и поисковой оптимизации сайтов от SeoProfy.

Про недвижимость и строительство в Украине читайте на этом блоге https://bud.bloginua.com/ на украинском языке.

Десерт на сегодня -дрессированный попугай демонстрирует 20 фокусов на 2 минуты:

  • соцсигналов565
  • Facebook565

Подпишитесь на рассылку блога с полезными материалами по SEO



Оцените, пожалуйста, статью, я старался :) :

(Всего оценок: 38, средняя 4,42 из 5)
Загрузка...

Категория: Социальные сети Теги: Facebook, сервисы, советы, Социальные сети

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

Shakin.ru в соцсетях

Мои каналы и чат в Telegram

Категории

Продвижение сайтов
Приключения
Видеоуроки
SEO ответы
Wordpress
Интервью
Блог-шоу

Полезное

Что я использую в работе

Моя книга про Америку

Книга Михаила Шакина про приключения в Америке

В случае перепечатки материалов обязательно мое письменное разрешение и прямая индексируемая ссылка на Shakin.ru
© 2007-2021 Shakin.ru
Политика конфиденциальности
Пользовательское соглашение