jQuery С чего начать? Дизайн Другие CSS HTML JavaScript PHP

Уважаемые посетители сайта, задающие вопросы вроде "А как прикрутить вашу корзину к сайту?" и т.п. Я не делаю готовых решений, я описываю логику реализации, для каждого отдельного сайта нужно будет дописывать те или иные вещи в любом случае, поэтому если вам очень нужно что-либо прикрутить или приделать, я оказываю платные и бесплатные услуги по консультированию и доработке сайтов. Пишите в форму обратной связи вверху страницы, отвечу всем.

Добавить на сайт комментарии от вконтакте и facebook

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

Добавляем на сайт виджет комментариев вконтакте.
Переходим на страницу API вконтакте по ссылке http://vkontakte.ru/developers.php?o=-1&p=Comments
Прописываем сайт в строке Сайт/Приложение, копируем предложенный код:


<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?47"></script>

<script type="text/javascript">
VK.init({apiId: API_ID_ВАШЕГО_САЙТА, onlyWidgets: true});
</script>


<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 10, width: "496", attach: "*"});
</script>

Первую часть нужно втавить в тег head, где подключаются JavaScript файлы. Вторую часть нужно вставить в то место в коде страницы, где вы хотите показывать комментарии. Вот и все, все просто. API_ID_ВАШЕГО_САЙТА – идентификатор вашего сайта в API вконтакте, он присваивается автоматически при подключении сайта.
Добавляем на сайт виджет комментариев facebook.
Здесь все еще проще, чем для комментариев вконтакте. Переходим по ссылке http://developers.facebook.com/docs/reference/plugins/comments/. В поле “URL to comment on” пишем адрес вашего сайта, задаем количество комментариев и ширину, нажимаем Get Code. В открывшемся окошке содержится два кода:

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Этот код нужно вставить после открывающего тэга <body>.

<div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="470"></div>

А этот в месте, где вы хотите показывать поле для добавления комментариев.

Пример реализации можете посмотреть внизу страницы, где можно добавлять комментарии вконтакте и facebook.

Статьи в разделе