RSS-лента

Лучшие CMS интернета бесплатно для создания сайта

Май
13

Интегрируем социальные сети в WordPress

Всем привет. Сегодня мы с вами будем стараться по максимуму объединить социальные сети с CMS WordPress. Интегрирование социальных сетей в wordpress мы произведем при помощи установки дополнительных форм комментарий от ВКонтакте и Facebook. Что по идеи, должно облегчить пользователям социальных сетей комментирование блога, позволяя им не производить стандартную процедуру заполнения форм комментирования, а нам даст приток пользователей с социальных сетей.

соц.сети

Добавляем комментарии ВКонтакте

Итак, приступим к исполнению задуманного. Для начала мы добавим на сайт форму комментирования ВКонтакте. Для этого нам нужно перейти по ссылки в раздел разрабочиков ВКонтакте.  Здесь, нас как разработчиков интересует блок под названием «Авторизация и виджеты для сайтов«:

ВКонтакте разработка

Нажимаем на этот блок и переходим на страничку различных вкусностей для интеграции ВКонтакте на сайт:

ВКонтакте сайты и виджеты

Авторизация нас сейчас не интересует, а интересуют виджеты. Здесь, есть виджеты: Сообщества, Мне нравится, Рекомендации, Опросы, Авторизация, Публикация ссылок, Подписаться на автора, и конечно же-  Комментарии. Переходим по ссылочке «Комментарии«:

ВКонтакте комментарии

На этой страничке в первую очередь, нужно добавить новый сайт: ввести название сайта, и его адрес. Количество комментариев — это количество комментарий показываемых на одной странице: установите по своему желанию. Также, здесь можно установить ширину формы комментариев и включить расширенные  опции (возможность добавления фотографии, видеозаписи, аудиозаписи, документа) .

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

Кстати, если вы не обратили внимание, то вы скопировали аж три скрипта:

скрипт Вкрнтакте

Первый скрипт это код авторизации пользователей ВКонтакте на вашем сайте. Его нужно добавить перед закрывающимся тегом </head>. Для этого перейдем в админ панель сайта ->внешний вид->редактор, в правой части выбираем файл для редактирования header.php. Вставляем и производим обновление файла.

Второй и третий скрипт объединяем в один, он непосредственно подключает к сайту блок формы комментирования. Для установки этого кода перед отображением стандартной формы комментарий wordpress, опять переходим в редактор и выбираем файл single.php. Итак, в этом файле, через сочетание клавиш Ctrl+F вызываем поиск и вводим следующую строку: <?php comments_template(); ?>, перед найденной строчкой вставляем второй и третий скрипт ВКонтакте:

вставка скрипта Вконтакте

Между скриптами, можно установить заголовок, информирующий пользователей, что это комментарии ВКонтакте.

И, самое главное, не забудьте добавить оба скрипта в тег <noindex> это мероприятие запретит индексацию комментарий ВКонтакте поисковиками и истекание ссылочного  веса со страницы сайта. Все, теперь можно обновлять файл.

Добавляем комментарии Facebook

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

Итак, переходим в раздел разработчиков Facebook на добавления формы комментирования:

комментарий facebook

Здесь, нас просят ввести:

  • URL to comment on: введите адрес Вашего сайта.
  • Width: выберите необходимую ширину формы комментирования.
  • Number of posts: Введите количество отображаемых комментариев, при большем значении комментарии будут скрыты.
  • Color Scheme: тема комментариев. Два варианта выбора — темный фон и светлый.

Вот и все жмем кнопку: Get code копируем по очереди оба сформированные кода.  

сгенерированный код facebook

Вставку обоих кодов выполняем последовательно один за одним в файл single.php перед строкой вывода стандартных комментарий wordpress — <?php comments_template(); ?>. Точно также, как и в предыдущем случае закрываем код от индексации тегом <noindex>.

На этом все. Спасибо за внимание.

Получай первым обновления блога!

Введите Ваш e-mail:


Комментарии (5) на “Интегрируем социальные сети в WordPress”

  • Zeimos (1 коммент.) 5 Декабрь 2013 в 15:49

    Спасибо, Работает!!!

    • CMSONY
      CMSONY (172 коммент.) 5 Декабрь 2013 в 19:26

      Пожалуйста.

  • Алекс (8 коммент.) 29 Декабрь 2013 в 16:37

    Спасибо почти всё подошло кроме вставки в файл single.php, у меня в теме Graphene нужно было всё воткнуть сюда: файл comments.php перед

    Но появился следующий вопрос, существует ли возможность модерировать комментарии перед их публикацией?

  • Сергей (17 коммент.) 16 Январь 2014 в 0:33

    Спасибо, все получилось! Только вот вопрос: как разместить комментарии вк и фейсбук на своей странице в одну строчку?

  • Аноним (1 коммент.) 28 Август 2014 в 9:35

    Надоели соц. сети. Одни проблемы из-за них. Там же маньяков полно всяко-разных.

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


вверх