На главную Статьи Функции

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




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

  1. Добавляем на сайт виджет комментариев вконтакте.

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

    <!-- Put this script tag to the <head> of your page -->
    <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>

    <!-- Put this div tag to the place, where the Comments block will be -->
    <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 вконтакте, он присваивается автоматически при подключении сайта.

  2. Добавляем на сайт виджет комментариев 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.



© 2010-2024 При использовании материалов ссылка на сайт www.webchaynik.ru обязательна

обратная связь