САЙТОСТРОИТЕЛЬ

Бесплатная рассылки для начинающих сайтостроителей.

  • Вводный курс для новичков - сайтостроителей.

  • Готовые рецепты сайтостроителя

  • Бесплатные уроки и многое другое.

Введи свое имя и е-мейл в форму ниже, нажми ПОДПИСАТЬСЯ и получай всю нужную информацию прямо в свой почтовый ящик.

Ваше имя :
Ваш email :





Рекомендую:







Другие ссылки по теме:

Где и как разместить свой сайт в Интернете.
Пошаговая инструкция.



Качественный хостинг по доступной цене.
От 33 рублей в месяц.



Руководство по продвижению абсолютно любого сайта с нуля и до максимальных уровней посещаемости!
Подпишись на рассылку и получи БЕСПЛАТНО 5 авторских видео-уроков по раскрутке любого сайта с нуля.


БЛОГ: Что это такое, для чего он нужен и как его создать.


Как с помощью сайта превратить свое хобби в дополнительный источник дохода.


Сайт-открытка для дорого Вам человека


Как решать сложные функциональные задачи на сайте, если Вы еще только-только начали осваивать основы сайтостроительства.


Заработай на своем блоге! Как создать прибыльный блог


Готовые рецепты сайтостроителя.


Как организовать на сайте подписку на рассылку


Как открыть на сайте партнерскую программу по продаже своего продукта.


Графические элементы для Вашего сайта + подробная инструкция по их применению.


Выбираем способ обратной связи для сайта.






ГОТОВЫЕ РЕЦЕПТЫ САЙТОСТРОИТЕЛЯ.

Как подключить к сайту комментарии Facebook.

Дата публикации: 02 июля 2011


Комментарии на сайте - это способ обратной связи с Вашими посетителями. Какие еще есть способы обратной связи, чем хороши комментарии социальных сетей, а в особенности Facebook, смотрите в статье:
"Выбираем способ обратной связи для сайта"

Итак, как установить на сайте блок комментариев социальной сети Facebook? Сразу хочу отметить, что инструкция в данном уроке предназначена для простого сайта. Если у Вас сайт, блог на движке, то скорее всего для Вашего движка уже разработан специальный плагин, и подключение комментариев может быть вообще очень простым делом. Например, для блога WordPress такой плагин точно есть.

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

  1. Перейдите по ссылке http://www.facebook.com/developers

  2. Кликните по кнопке "Создать новое приложение" справа вверху. Вероятно, Facebook, попросит Вас верифицироваться. Это можно сделать через мобильный. Они пришлют смс-ку с кодом, который нужно будет ввести на сайте Facebook. Все это можно сделать буквально в течение нескольких минут. Когда Вы верифицируетесь, то сможете продолжить.

  3. После клика по кнопке "Создать новое приложение" появляется дополнительно окошко. В графе APP name введите имя создаваемого приложения. Например Vash site - comments box. Создавая блок комментариев для этого сайта я ввела: site.lentay.net - comments box. В графе Local - оставляем English, соглашаемся с условиями - галочка возле I agree..... Жмем кнопку ПРОДОЛЖИТЬ.

    Проверка безопасности - нужно ввести буквы с картинки. После этого оказываемся в интерфейсе настройки приложения.

  4. Слева есть закладки. Идем на WEB - Site URL & Domain. В графе Site Url введите адрес Вашего сайта со слешом на конце. Например, я ввожу - http://site.lentay.net/

    В графе Site Domain введите домен вашего сайта БЕЗ http://www.
    Я ввожу site.lentay.net
    Жмем СОХРАНИТЬ ИЗМЕНЕНИЯ.

  5. В верху страницы, в разделе App Info Вы видите номер App ID (15 цифр). Скопируйте его себе куда-нибудь. Например, в БЛОКНОТ, чтобы этот номер был под рукой.

    С созданием приложения мы закончили. Может пройти от 2-х до 20 минут, прежде чем созданное вами приложение полностью заработает. А мы сейчас переходим к работе непосредственно с настройкой блока комментариев и добавлением этого блока на ваш сайт.

  6. Настраиваем внешний вид блока комментариев. Для этого идем сюда:

    http://developers.facebook.com/docs/reference/plugins/comments/ 

    В форме настройки в графе Url to comment of - вводим адрес страницы Вашего сайта, на которую Вы хотите добавить комментарии.
    Вводим без http://www. Например, для это страницы я ввожу:

    site.lentay.net/kak_podklyuchit_k_situ_kommentarii_facebook.php
     
    Дальше Number of posts - количество записей, которое будет видно на странице. Я поставила 10.

    Width - ширина блока комментариев. Ставьте по своему выбору. Я оставила 500 (имеется в виду пикселей)

    Color Scheme - здесь можно выбрать цветовую палитру: светлую или темную, в зависимости от дизайна вашего сайта. Я выбираю Light.

    К слову, ниже, под формой настройки блока комментариев, Вы видите результат настройки. То, как будет выглядеть блок комментариев у Вас на странице.

    Если внешний вид устраивает, нажимаем кнопку Get Code. Система выдаст Вам код для Вашей страницы. Скопируйте этот код и вставьте его в том место вашей html страницы, где, соответственно, хотите видеть блок комментариев. Я вставляю в конец этой статьи.

    ПРИМЕЧАНИЕ:
    В начале этого кода, который Вы получили на Facebook есть вот такой фрагмент:

    http://connect.facebook.net/en_EN/all.js#xfbml=1

    Я меняю то, что выделено красным на ru_RU, чтобы блок комментарев "разговаривал" по-русски.

  7. Есть еще два фрагмента кода, которые Вам также нужно добавить на страницу Вашего сайта, чтобы блок комментариев работал корректно.

    Вот первый фрагмент - в самое начало вашего html файла. Замените ваш стандартный тег <html> этим кодом:

    <html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:fb="http://www.facebook.com/2008/fbml">



    Второй фрагмент - должен быть в заголовке страницы, то есть между тегами <head>  </head> :

    <meta property="fb:app_id" content="111111111111111">

     Здесь вместо  111111111111111 укажите Ваш App ID.

  8. Еще один важный атрибут Вашей страницы, на который нужно обратить внимание - мета-тег описания страницы:

    <META NAME="Description" CONTENT="описание Вашей страницы">
     
    Этот мета-тег не является обязательным для страниц сайта, но при работе с комментариями Facebook, я советую его вносить и тщательно продумывать его содержимое, то есть непосредственно описание. Потому что при публикации комментариев, они будут автоматически добавляться в Facebook на стену того, кто комментировал, и в ленту новостей, соответственно. А описание страницы, которую прокомментировали, Facebook будет брать из этого тега, а если его нет, то из первых слов текста, который будет на странице.

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

Модерировать комментарии Facebook Вы можете из интерфейса модератора вот по этой ссылке:

http://developers.facebook.com/tools/comments 

Или же с той же самой страницы, на которой подключены комментарии. Когда Вы заходите на эту страницу вашего сайта, будучи залогиненным в свой аккаунт Facebook, то над блоком комментариев видите ссылку на интерфейс модератора.
 
Удачи Вам!!!

С уважением,
Ольга Александрова


Рекомендуйте эту страницу другу: