Orelspa.ru

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

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

Как установить виджет комментариев соцсети вконтакте на свой сайт

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

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

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

На своей страничке ВКонтакте слева (обычно под рекламными тизерами) нажмите на ссылочку Разработчикам.

Далее выберите иконку под названием Подключение сайтов и виджеты.

Из виджетов для сайта сегодня нам понадобятся именно Комментарии.

Теперь нам осталось только сгенерировать код виджета комментариев.

В поле Сайт/Приложение выбираем вкладку Подключить новый сайт.

В поле Название сайта вписываем имя вашего сайта, например. Если мой сайт зарегистрирован как denezhnye-ruchejki.ru, соответственно я его назвала Денежные ручейки.

В поле Адрес сайта вставляем прямую ссылку на ваш сайт (можно скопировать из браузера).

Поле Основной домен сайта заполняется автоматически.

Из Тематики сайта выберите ту тему, к которой относится ваш сайт.

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

Ниже выбираем количество последних комментариев, которые вы хотите видеть на своем сайте: это может быть 5, 10, 15, 20 штук.

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

Показатель Ширина отвечает за ширину виджета на вашем сайте. Настраивать ширину виджета лучше, ориентируясь на шаблон вашего сайта. Если брать в пример мой сайт, то ширина в 665 рх немного узковата. Идеально будет, если я поставлю ширину в 700 рх.

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

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

Сейчас нам необходимо скопировать код. Но полностью мы его копировать не будем (обратите на это внимание), а разделим на 2 части!

Первая часть начинается с начала кода и заканчивается закрывающим тегом (это первых два абзаца).

Пример на скриншоте:

Никогда не пропускайте первые и последние символы, иначе код на сайте не встанет корректно!

Совет для новичков! Сейчас мы будем вносить изменения в код сайта, и поэтому я вам рекомендую каждую страничку, которую вы будете редактировать, предварительно копировать и вставлять в Блокнот. В случае ошибки вы можете все вернуть на свое место, вставив копию обратно!

Идем на сайт. Консоль – Внешний вид – Редактор.

Справа выбираем раздел Заголовок (header.php).

Внимание! Вставляем первую часть кода перед закрывающим тегом .

Выглядеть это будет таким образом. Не забудьте Обновить файл.

Возвращаемся в аккаунт ВКонтакте и копируем вторую часть кода (последний абзац).

Теперь в Редакторе выбираем вкладку Одна запись (single.php).

Я буду вставлять виджет комментариев ВК после основного блока с комментариями на сайте. Т.е. вторую часть кода я вставляю после слов do_action(‘basic_after_post_comments_area’ ); Обновить файл!

Пример на скриншоте.

Теперь, если все сделано правильно под любой статьей на вашем сайте появится блок с комментариями от соцсети ВКонтакте. Как это получилось и у меня.

Комментарии ваших читателей через данный виджет будут попадать к ним на стену, привлекая новых посетителей на ваш сайт!

Правда есть один существенный минус данного виджета: вы не сможете такие комментарии модерировать, т.к. в большинстве случаев вы их не будете видеть. Если только не проверяете каждую статью ежедневно и в ручную).

Поэтому решайте сами, так ли вам необходим виджет комментариев вконтакте для вашего сайта.

Как добавить комментарии Вконтакте на свой сайт

Вконтакте — самая популярная на сегодня социальная сеть на территории СНГ. Миллионы пользователей этой социальной сети остаются «залогиненными» в их аккаунты посещая другие интернет-сайты.

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

Суть этого алгоритма в том, что у пользователя, который оставил комментарий на вашем сайте через форму Вконтакте, по умолчанию включена галочка «Отображать комментарий на моей странице Вконтакте». Таким образом, добавление формы комментариев Вконтакте на свой сайт или блог просто не может не повлиять положительно на его социальные факторы.

Как же добавить форму Вконтакте на сайт? Инструкция довольно простая.

1. Откройте раздел для разработчиков

Зайдите в свой аккаунт Вконтакте и найдите там раздел для разработчиков, в нем нам понадобится создать приложение для своего сайта. Ссылка на этот раздел находится в «футере» (самом низу) любой страницы вконтакте, или просто перейдите по этой ссылке: http://vk.com/dev

2. Создайте приложение для сайта

Для того, что бы подключить форму комментариев, нужно создать приложение для своего сайта. Нажмите кнопку «Создать приложение» на странице разработчика.

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

Далее вам необходимо будет подтвердить создание приложения стандартным способом — при помощи смс на привязанный номер телефона.

После подтверждения остальные графы можно не заполнять, так как они используются для встроенных приложений, а не для прикрепленный сайтов. Закончите создание приложения кнопкой «Сохранить изменения».

Читать еще:  Адаптивный дизайн сайта примеры

3. Настройте форму комментариев Вконтакте

Следующим пунктом вам нужно получить и настроить код формы комментариев для того, что бы вставить его на свой сайт или блог. Для этого перейдите на страницу https://vk.com/dev/Comments, в графе «Сайт/приложение» выберите ваш свежесозданный сайт и выберите количество отображаемых комментариев.

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

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

4. Добавьте готовый код на сайт

Последним пунктом инструкции является добавление готового кода виджета комментариев на свой сайт. Здесь ничего сложного нет. Просто скопируйте сформированный код формы с комментариями.

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

Для примера, на сайтах под управлением CMS WordPress для редактирования шаблона нужно зайти в админ-панель, и во вкладке «Внешний вид» выбрать нижний пункт «Редактор». Первую часть кода нужно вставлять в header.php, так как теги обычно находятся там, а вторую можно вставить в comments.php, то есть туда же, где выводятся и обычные комментарии wordpress, до или после них.

5. Проверка и модерация

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

Добавляем виджет комментариев Вконтакте (VK) для WordPress

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

Введение

В этой записи я рассмотрю два способа:

  • Первый вариант: используя плагин — это для людей, которые не любят копаться коде и им проще установить плагин и настроить все визуально
  • Второй вариант: сделать используя код — это подходит для разработчиков и людей которые в целом любят код

Первый вариант предпочтительнее, так как вы за считанные секунды установите плагин, настроите его и комментарии от VK уже буду готовы к использованию.

AnyComment: плагин комментариев с авторизаций через соц. сети

Предлагаю вам убрать всю головную боль и установить AnyComment.

На это есть несколько причин:

  • бесплатный
  • авторизацию через ВК, Facebook, Twitter, Google, Github (скоро будут одноклассники, Dribble и др.)
  • оставить комментарий без перезагрузки страницы
  • статистика комментариев

Детальная установка плагинов описана под заголовком ниже, лишь в данном случае вводите «AnyComment» в поиске для установки этого плагина.

Плагин для VK комментариев

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

Инструкция к установке:

  • Войти в админ панель
  • Зайти в «Плагины» → «Добавить новый»
  • В правом верхнем углу есть поле для поиска «Поиск плагинов…», введите «Bologer VK Comments» и нажмите Enter , в результате вы должны увидеть следующий плагин:
    Так же, вы можете скачать Bologer VK Comments архивом и установить его старым добрым способом
  • Нажмите «Установить» и после установки «Активировать»
  • В левой колонке меню у вас появится «ВК Комментарии» с иконкой социальной сети
  • Нажмите на ссылку плагина. Внутри вы увидите инструкцию по настройку. В целом, вам нужно будет зайти на страницу разработчиков ВК, скопировать код, вставить в специальное поле и плагин автоматически поставить поставленные ваши настройки на стороне соц. сети на вашем блоге

Это мой личный плагин и я буду вам благодарен если вы оставите хороший отзыв или «5 звезд» 🙂

Функции

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

Код. Инструкция по установке

  • Заходим на страницу с виджетами и выбираем «Комментарии» (или кликните тут).
  • В выпадающем списке «Сайт/приложение» выбираете «Подключить новый сайт» или выбираете текущий сайт (если вы уже добавляли). При добавлении вам нужно указать «название сайта», «адрес», «основной домен» и выбрать тематику. В моем случае выбираю и ввожу следующее: «Bologer.ru — мой блог», «http://bologer.ru», «bologer.ru» и «ИТ (компьютеры и софт».
  • Далее выбираем «Количество комментариев» для отображения. Если вы выберете, например, пять комментариев, а у вас уже добавлено больше, то сначала при загрузке страницы покажется 5 комментарием и далее вы можете нажать нажать «Показать еще», чтобы подгрузить остальные.
  • Выбираем нужно вам «Медиа» или нет. Это например добавление граффити, фото, аудио видео и ссылки.
  • Устанавливаете ширину блока комментариев.
Читать еще:  Что такое фавикон для сайта

И далее у вас автоматически сгенерировался код для вставки на сайт.

Мы не будем просто вставлять код, так как это не правильно. Я покажу вам как это делать в стиле WordPress.

Добавляем код виджета VK

У вас должен быть код, который выглядит примерно следующим образом.

Как вы можете заметить, он разделен на 2 части.

Первая — это скрипты (строки 1-6), которые вам нужно подгрузить для отображения комментариев. Вместе «XXXXXXX» у вас будет отображаться уникальный номер вашего сайта.

Вторая — это часть кода, которая понадобится для отображения комментариев.

Создаем функцию в functions.php

  • Копируем функцию, которая находится ниже и открываем файл functions.php, который находится внутри вашей темы.
  • Спускаемся в самый низ файла и добавляем следующую функцию.

Внимание! Вместо «ВАШ_ID» пишите ID который написан в вашем коде для вставки.

В этой коде я добавил два скрипта в вашего WordPress сайта. Но я не просто их добавил. Я сделал условие, которые добавит скрипты только в том случае, если запись открыта полностью. А зачем нам нужно грузит сайт лишними скриптами? Верно?

Добавляем комментарии в comments.php

Далее вам нужно открыть файл comments.php и найти строчку похожую на эту:

Перед этой строчкой вставляем вторую часть нашего кода, которая выглядит следующим образом:

И все готово! Комментарии должны быть успешно установлены.

Если у вас какие-то проблемы — пишите их в комментарии ниже к этой записи, буду рад помочь.

Вывод

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

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

Всем привет, дорогие друзья. С вами опять Денис Тумилович, автор сего блога in4wp.ru. Позавчера я начал серию статей про виджеты Вконтакте, в частности про кнопку мне нравится – мы научились её ставить самостоятельно, а сегодня поговорим про виджет для сообществ и виджет комментариев Вконтакте.

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

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

А сегодня про виджеты сообществ и комментариев Вконтакте.

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

Во-первых, у нас сейчас есть De Comments – ну вот нравится он мне, ничего поделать не могу.

Во-вторых, этот виджет тормозит блог, т.к. скрипты подтягиваются со сторонних серверов.

Но тем не менее, для удобства читателя, я в прошлый раз ставил себе такой виджет и на удивление моё – количество комментариев заметно увеличилось.

Но давайте сначала пройдемся по виджету для сообществ, который стал на сегодня еще более популярным.

Виджет для сообществ Вконтакте

Традиционно для этой серии статей, я буду расписывать всё по шагам и попробуйте только сказать что что-то непонятно :). Шутка.

Шаг №2 – Если помните, в прошлый раз мы создавали новый сайт, для привязки кнопки к сайту. Здесь же ничего привязывать не нужно. Мы сразу переходим к настройке самого виджета собщества.

а) Указываем ссылку на ваше сообщество

б) Что будем показывать в виджете? Фотографии участников? Последние новости? Или просто кнопка будет с названием сообщества и количеством участников?

в) Определяемся с цветовым решением виджета , я оставляю здесь всё по стандарту.

Шаг №3 – Вставляем код виджета в нужные места. Если помните, кнопку вконтакте, а точнее её код, мы вставляли в разные места. Здесь же другая картина. Весь код можно в одном месте поставить.

Мне кажется что подобные виджет должен ставиться в боковую колонку. Обычно это файлик sidebar.php, которые отвечает за вывод боковой колонки.

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

Итак, я уже упомянул о том что виджет может нагружать ваш блог, но тем не менее – количество комментариев увеличится.

Одна из причин – не у всех есть электронная почта. Кому-то лень “палить” свою электронку. Кто-то вообще не догоняет что это за поля тут и как их заполнять.

А с виджетом комментариев – всё просто. Согласитесь?

Да, бывает, что в комментариях таких и срач бывает жесткий. И Приходится банить людей. Бывает, что и спамят по черному. Но это тоже быстро лечится.

Использовать его или нет – вам решать.

А я пока расскажу как его поставить к себе на блог…

Шаг №1. Заходим на страницу для разработчиков [urlspan]http://vk.com/dev/Comments[/urlspan]

Шаг №2. Да, здесь нужно все-таки создать сайт, с которых будем связывать наши комментарии. Заполняем пункты следующим образом:

Сайт/приложение: Подключить новый сайт.
Название сайта: Надо ввести название своего блога.
Адрес сайта: Вводим URL своего блога.
Основной домен сайта: Поидее должно заполнится автоматически.
Нажимаете “Сохранить”.

Шаг №3. Выбираем, какое количество комментариев, и прочую информацию.

а) Сколько комментариев нам выводить – есть 4 варианта: 5,10,15,20.

Читать еще:  Скачать готовый сайт бесплатно на русском языке

б) Добавлять ли медиа контент в такие комментарии?

В) Выберите ширину ваших комментариев, обычно, она должна быть равна ширине контентной части.

Шаг №4. Теперь пришло время установить код этого виджета комментариев вконтакте к себе на сайт. Как это делать…

а) Копируем первую часть код (с самого начала, до середины), вот как я выделил. И вставляем его в файл header.php , прямо перед закрывающим

б) Копируем нижнюю часть копируем в то место, где будет находится эта кнопка, например в файл single.php , под статьёй. Тут уже сами смотрите, как вам удобнее.

в) По желанию можете изменять это значение. Эта цифра – количество отображаемых комментариев.

г) По желанию можете изменять это значение. Это цифра – ширина блока комментариев.

Вот, в общем, наверное это все-таки на любителя. Кому-то это нравится, а кто-то не хочет с этим связываться.

Интересно, а как к этим виджетам Вконтакте (к любым) относятся мои читатели? Прошу написать своё мнение в комментариях!

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

prospero | sociate | socialtools

Ну и конечно, [urlspan]подписывайтесь[/urlspan] на обновления блога. В начале статьи я упоминал о том, какие обновления на блоге всех нас ждут. Я уверен – каждый найдёт для себя что-то интересненькое!

Виджет для сообществ и комментариев Вконтакте : 17 комментариев

Во-первых, любой из перечисленных помощников ВК будет грузить сайт. Будь то кнопка “Мне нравится”, виджет сообществ или комментариев. Это связано с тем, что встраиваемый скрипт может долго не загружаться, а функция VK.init сработает и будет ждать.

Во-вторых, встраиваемый скрипт на все эти фетиши один. И если на странице присутствует не только что-то одно, а, например, все: блок комментариев, кнопка “Мне нравится” и виджет сообществ, встраивание скрипта лучше осуществить только один раз (openapi.js).

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

Что касается комментариев… их проблема в том, что они автоматически публикуются, и тут ничего не сделать. А спам в них, иногда выходит на новый уровень, от простых ссылок, до предложений, нарушающих законодательство РФ. Была бы премодерация, я бы обязательно его повесил.

Про быструю загрузку если можно – поподробнее, не знал, дополню

Ну, вот так это настроено у меня. Конечно, немного дилетантски.
1. Скрипт загружается с сайта ВК асинхронно.
2. Так как скрипт асинхронный. то объект VK может сработать раньше, чем он загрузился, и группы не загрузятся. Поэтому висит проверка: “Если имеется объект VK, запускаем его, если нет, пробуем через полсекунды”.

С комментариями сложнее, там две функции, VK.init и VK.widgets.Comments. Но думаю, по той же аналогии можно что-нибудь придумать.

Не загрузил почему-то скришншот. И в этот комментарий тоже. Только если так:
http://joxi.ru/vAWRjaRs7yDj2W

Денис, спасибо за статью.
Я тоже с тобой согласен, что это “лишний” скрипт, который будет только нагружать блог. Мне кажется такие штуки будут полезны тем, кто делает в своей деятельности упор на соц. сети. Хотя может быть я еще не достаточно понимаю всей важности соц. сетей…

Кстати, смотрю никто пока не отвечает на вопрос конкурса. Я тоже в начале не хотел писать, так как, увы, не могу абсолютно правильно ответить на поставленный вопрос, поэтому буду участвовать вне конкурсной программы 🙂
Знаю, что детишек трое: мальчик – Сергей (старший) и двое девочек – Валерия (средняя), а вот как звать младшенькую, я запамятовал…
У тебя была статья с отчетом об отпуске, думал в ней ответ найду, не нашел)))

Но ведь такой же “лишний”, как UpToLike и Adsence 😉

Вдохновившись постом все же пересилил себя и вшил виджет комментариев вдобавок к виджету сообществ. По первоначальному тестированию перегрузы в ВК не грузят сайт вообще. Выжал максимум. Будем тестировать)

Отлично, потом напишем отдельную статью о нагрузках 🙂 Всё для новичков, не так ли?

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

Надо и для своего блога сделать группу в соц сетях и добавить виджет группы. Все таки как никак хуже не будет а возможно что благодаря этому смогу улучшить социальные факторы, SMM, SMO итак далее.

Денис, а есть такой же виджет для Фейсбука? Хочу потестировать.

Да, конечно есть. Напишу про него статью, но уже в следующем году. Сейчас отчетные статьи, результаты конкурсов и моя статья о планах.

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

Спасибо, Денис! Как раз создал группу в ВК. Правда пока не знаю, что с ней делать, точнее, даже никого туда и не приглашаю, в общем, ее развитием не занимаюсь. Но со временем хочу добавить виджет группы на блог.

То что вконтакте есть возможность сделать и стилизовать свой виджет а потом выгрузить его на сайт только плюс, спасибо что рассказали о раскрутку, ранее такого не знал

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

Денис, а почему вы не поставите себе на блог такой виджет?

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