Виджеты социальной сети Facebook



Как установить в блог кнопки и виджеты социальной сети Facebook

Всем привет! Сегодня мы с Вами будем работать с социальной сетью Facebook, наконец то у меня дошли до неё руки, постоянно не хватает времени. А ведь в социальных сетях миллионные аудитории, а это очень важно для продвижения сайтов, блогов, товаров и услуг.

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


Кто еще не создал, с главной страницы акаунта, слева нажимаем-страницы, сверху-создать страницу. Читайте мой пост Как создать страничку в Facebook. Там по моему у меня дана прямая ссылка на создание страницы. Но если будете заходить с аккаунта, попадете туда же. 

Далее, заходим на свою созданную страницу, спускаемся вниз, нажимаем-Разработчики. На открывшейся вкладке прокручиваем страницу чуть вниз, видим Кнопка "Мне нравится", нажмите-Узнать больше. На всякий случай даю ссылку, чтобы Вы знали, что ищите. Попадаем на страницу Социальные плагины, слева смотрите-все кнопки и виджеты. Переводите страницу на русский язык. Смотрим, что нам предлагают.

  • Как Баттона-кнопка нравится+поделиться. Можно выбрать разный стиль кнопок, нажав на стандарт. Пишите URL своей страницы, посмотрите в адресной строке браузера. Установите высоту и ширину(если надо), нажмите Получить код.
  • Встроенные сообщения-пишите URL адрес сообщения блога, установите ширину-Получить код.
  • Отправить Button-кнопка позволяет отправить понравившийся посетителям контент с Вашего ресурса. URL адрес блога, настраиваем ширину, высоту, цвет фона, нажимаем-Получить код.
  • Лента новостей-впишите ID страницы (как узнать читайте ниже). Пишите свой домен (без http://), устанавливаете ширину и высоту, выбираете цвет-Получить код.
  • Facepile-отображает профиль людей, которые связаны с Вашей страницей. Пишите ID страницы, правее URL адрес блога, устанавливаете ширину и высоту, цвет фона, выбираем размер фото и настраиваем максимальное число строк фотографий-Получить код. Посмотрите на скриншоте, как выглядит виджет
Установка виджета FACEPILE в блог

Теперь, когда нажали-Получить код, получите два кода

Как и куда вставить коды виджета

Верхний код (красная стрелка) Вам надо один раз вставить-шаблон-изменить шаблон, сразу ниже открывающего тэга <body>. То есть один раз вставили и все, потом устанавливайте любые кнопки, копируя только нижний код (зеленая стрелка). Не забывайте делать резервную копию шаблона. Идем дальше:

  • Кнопка Поделиться-выбираете форму, URL адрес блога, устанавливаете ширину и высоту (при необходимости), нажимаете-Получить код.
  • Форма комментариев-позволяет комментировать контент с любой страницы Вашего блога. Пишем URL адрес блога, настраиваем ширину и цвет фона формы комментариев-Получить код.
  • Кнопка отслеживания Подписаться-позволит подписаться на бесплатные обновления других людей на Facebook. Вписываем URL адрес Вашего профиля (аккаунта в Facebook), высота, ширина, цвет фона, выбрать стиль, отметить-показывать фото или нет-Получить код.
  • Виджет рекомендаций-отображает рекомендуемый посетителями контент на Вашем блоге/сайте. Пишем ID страницы, домен, высота, ширина, цвет фона. Отметить показать или нет заголовок-Получить код. 
  • Like Box-кнопка предназначена для продвижения своих страниц блога, а так же рекомендовать контент со страницы на другие сайты. Пишите URL адрес страницы, настраиваете ширину, высоту (при необходимости), фон. Можно настроить просмотр сообщений. Напротив всех других настроек должна быть отметка галочкой.
Такие коды, как кнопок и комментариев можно вставить в шаблон-изменить шаблон. Находите вторую строку  <data:post.body/> и, если сверху строки вставите код, то кнопки будут над сообщением, если вставить после строки-кнопки будут под сообщением. 

Можно попробовать в черновике blogger-настройки-сообщения и комментарии-добавить код в поле шаблон сообщения-сохранить. Тогда кнопки автоматически будут сверху каждого нового поста. И последнее: Как узнать ID страницы.

На своей страничке Facebook, вверху нажимаем-Редактировать страницу-Редактировать настройки. Смотрите скриншот

Указан путь, как найти ID странички

На открывшейся вкладке вверху нажимаем-Информация Страницы
Переходим сюда

Указан путь, где посмотреть ID своей страницы

Прокрутите страницу вниз, последним увидите-Идентификатор Страницы Facebook, 15 чисел, это и есть ID Вашей страницы. На сегодня у меня все. Комментируйте, при необходимости воспользуйтесь контактной формой для связи. Всего Вам доброго.


Автор статьи ✎ Olga Protasova Выпуск ✹ 4/01/2014 Ярлыки ►


Открыть комментарии →

0 коммент. :

Отправить комментарий


 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *