Sofin-credit.ru

Деньги и работа
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

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

Установка виджета комментариев Вконтакте на сайт

UPD 17.12.2013 — обновлен код для вставки виджета на сайт.

Привет всем! В прошлой статье я начал рассказывать о том, как подключить комментарии из социальных сетей у себя на сайте. Рассказал о плюсах и минусах таких систем комментирования, а также показал, как установить Facebook комментарии.

Но в России есть свой социальный гигант, доля которого значительно превышает Фейсбук — это социальная сеть Вконтакте. Сегодня я расскажу как подключить комментарии Вконтакте на сайте.

Кстати, вместе с ростом популярности Вконтакте, растет и потребность в продвижении на просторах данной социальной сети. Предложений на рынке много, но не все они полно отвечают требованиям заказчика. Одним из наиболее эффективных онлайн сервисов раскрутки и продвижения является Soclike. Подписчики в группы и на личные профили, лайки, репосты и многое другое. Продвигай свои группы при поддержке команды профессионалов!

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

Во вкладке «Сайт/приложение» выбираем «Подключить новый сайт», если он еще не подключен и вы не пользовались другими возможностями Вконтакте для разработчиков (такими как авторизация, виджет сообществ, кнопка «Мне нравится» и т.д.)

Вводим название для сайта (вводите любое название, оно будет видно только вам) и его адрес.

Далее в поле «Количество комментариев» выбираем число комментариев, которые будут видны пользователям. Остальные комментарии будут скрыты под катом.

В пункте «Медиа» поставьте галочку, если хотите, чтобы в комментарии можно было вставлять аудио, видео записи, граффити и т.д. Нажав ссылку «подробнее» можно выбрать определенные пункты.

Затем выбираем необходимую ширину виджета.

После этого сгенерируется код, который вам необходимо вставить в разные места на своем сайте. С этого места подробнее. Код состоит из двух частей.

Первую часть необходимо вставить между тегами ‹head›‹/head› в шапке вашего сайта. Для WordPress это файл header.php в папке с темой оформления.

Вторую часть вставляем в то место, где непосредственно должны выводиться комментарии (например, если у вас движок wordpress и вы хотите установить комментарии на станицах со статьями, то вам нужно вставить этот код в файл single.php)

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

Теперь вы узнали, как подключить комментарии Вконтакте и Facebook комментарии. Выбирайте то, что вам больше подходит!

Читать еще:  Разместить стихи на сайте

Не забывайте подписываться на обновления моего блога. Подписчики всегда первыми узнают о новых конкурсах и акциях Удачи!

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

Добрый день, дорогие посетители!

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

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

Разработчики ВКонтакте предусмотрели удобный механизм интеграции социальной сети на сайты. В разделе VK Developers огромное количество приложений, которые вы можете подключить к себе на сайт в зависимости от ваших потребностей.

Навигация по статье:

Генерируем виджет ВКонтакте

На самом деле все достаточно просто. Настроить виджет комментариев ВКонтакте у вас займет всего несколько минут.

    1. Авторизуемся под своим аккаунтом в VK и переходим по этой ссылке (https://vk.com/dev). На главной странице VK Developers нам нужно кликнуть по пункту главного меню «Мои приложения». Нам, в первую очередь нужно получить API IP для нашего виджета. Без него виджет ВКонтакте работать не будет. Для этого создадим приложение под названием «Виджет комментариев».

После чего, ввести его в соответствующее поле.

Вам нужно задать:

  1. 1. Количество комментариев, которое будет отображаться в виджете ВКонтакте.
  2. 2. Включить или отключить поддержку медиа. Эта опция отвечает за возможность пользователей вставлять в комментарии медиа файлы. Если кликнуть по ссылке подробнее, то откроется список медиа элементов, которые можно включить или отключить по отдельности.

Вставляем виджет комментариев VK на сайт

Приступаем к вставке кода нашего виджета ВКонтакте на страницы сайта. Я покажу вставку на примере моего сайта, сделанного на WordPress.

  1. 1. При помощи текстового редактора Notepad++, подключаемся к нашему сайту и открываем файл header.php. Так же, это можно сделать через админку WordPress, зайдя в раздел главного меню «Внешний вид» =>«Редактор».
  2. 2. В коде файла находим закрывающийся тег и перед ним вставляем первый фрагмент полученного кода.

У меня получилось вот так:

Как видите, виджет выглядит достаточно интересно и не требует значительных правок стилей. Единственное, он у меня прилип к счетчику комментариев, но это легко исправить дописав ему в файле стилей отступ.

Так же, если вы не угадали с шириной виджета, не нужно генерировать код заново. Можно задать параметры виджета в самом коде:

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

Сделать и подключить виджет соцсети занимает не так уж и много времени. Зато в результате вы получаете значительный плюс к продвижению вашего сайта.

А на сегодня у меня все. Оставляйте комментарии, подписывайтесь на мою рассылку и мой канал на YouTube. До встречи в следующих статьях.

Установка виджета комментариев ВКонтакте на сайт

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

Зачем нужен виджет Отзывы ВК

Не нужно объяснять, насколько важно дать возможность посетителям сайта обсуждать опубликованные статьи. Это как минимум задерживает их на странице, что приводит к росту показателей в поисковиках – чем больше времени читатели проводят на сайте, тем лучше. Кроме того, люди часто завязывают дискуссии, к ним подключаются их друзья, и всё это ещё сильнее продвигает ресурс.

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

Достоинства

Главное, что получает веб-мастер, упомянуто выше. Это своеобразная вирусность – сообщения читателей под статьёй на сайте могут сразу публиковаться на их личных страницах в ВК. То есть ещё и в ленте новостей их друзей. А это очень важно для продвижения и для роста аудитории, ведь в новости будет ссылка на сайт и на исходную статью. А модерацию дискуссии можно производить прямо на сайте.

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

Кроме этого, у софта есть и некоторые другие преимущества, о которых можно узнать прямо на странице его настройки.

Установка виджета комментариев ВКонтакте на сайт

Обычно почти все подобные плагины устроены по одному и тому же принципу. В html-код страниц сайта в определённых местах нужно вставить небольшие фрагменты стороннего кода, которые и будут выполнять там свои функции. В данном случае речь идёт о виджете, предназначенном для отрисовки формы ввода комментариев, а также самих этих комментариев.

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

Итак, что требуется для выполнения задачи?

Нужно зайти на ресурс ВК для разработчиков, вот здесь: https://vk.com/dev.

Кликните кнопку «Показать все», перед вами откроется такая страница:

Здесь вам будет нужна ссылка «Комментарии», зайдите в неё. Перед вами откроется страница предварительных настроек виджета:

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

Выберите количество комментариев, которое будет показано под формой; все записи сверх выбранного числа будут скрыты под кнопкой «Показать ещё».

Можно поставить галочку в чекбоксе «Включить расширенные комментарии». Кликните по ссылке «Подробнее», откроется список типов контента, которые пользователи смогут оставлять в своих комментах. Если снять галочку, то можно будет только писать текст.

Поле «Ширина» управляет размером формы ввода, она может быть актуальна для широких шаблонов.

Обратите внимание, что во время редактирования всех этих параметров пример формы, который выводится в нижней части, будет автоматически меняться – принимать нужный вид в соответствии с настройками.

Результатом всех ваших действий будет готовый фрагмент виджета в окне «Код для вставки». Что с ним делать, написано прямо в нём. Верхняя часть кода отмечена таким комментарием:

Всё, что ниже (можно и вместе с этой строчкой) необходимо скопировать (Ctrl+C) и вставить (Ctrl+V) в заголовок соответствующего файла в шаблоне вашего сайта. Если у вас самый популярный движок WordPress, то это файл header.php, он находится в папке с вашей темой. Вставить фрагмент нужно в любом месте между тегами и .

Кроме этого, в секцию нужно вставить дополнительные строки. О них сказано в документации виджета (ссылка сразу под окном формирования кода). Речь идёт о файле openapi.js и об инициализации Open API:

Вторая часть фрагмента начинается строчкой:

Её нужно разместить в том месте страницы, где требуется вывести форму и комменты. Обычно это – самый низ страницы, после текста статьи. Для WordPress это файл single.php.

Ссылка на основную публикацию
Adblock
detector