Главная Часть 1. Создание блога Глава 8. Техническая часть Урок 141. Как разместить комментарии от вконтакте на сайт?

Урок 141. Как разместить комментарии от вконтакте на сайт?

комменты на wordpress

Привет!

Все чаще блоггеры начали удалять стандартные формы комментариев wordpress и заменять их комментариями от вконтакте. Зачем это надо? Почему бы не оставить простую форму, ведь она тоже удобная, особенно, если кое-как ее модернизировать. Тут дело не только в удобности, а также в раскрутке сайта. Комментарии от вконтакте приводят к увеличению числа комментариев на блоге! Почему? Читайте ниже. Начнем с того, что на форме вконтакте расположена кнопка "публиковать комментарий также на стене". Большинство пользователей упускают ее из виду, что приводит к тому, что на стене этих пользователей появляется информация о Вашем блоге. А точнее, что указанный пользователь оставил на нем свой комментарий.

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

Число же комментариев увеличивается в основном из-за простоты оставления самого комментария. Ведь не нужно более заполнять поля: "имя", "e-mail" и тд. Достаточно вписать свой коммент и отправить. Эффективность формы от вк доказали многие вебмастера, ставя ее на свои различные проекты. Я же пока не буду ее к себе ставить, возможно чуть позже поставлю на другой свой блог.

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

Как установить комментарии от вконтакте на сайт?

  1. Идем на страницу для разработчиков вконтакте.
  2. Добавляем сайт, на который будем подключать форму: Как разместить комментарии от вконтакте на сайт?
  3. Далее выбираем количество отображаемых комментариев, лучше, конечно 5-10, чтобы особо много места не занимали. Затем выбираем ширину формы.
  4. Теперь перед нами встали 3 части кода. Сейчас расскажу, что с ними делать. Копируем первую часть кода:

    и вставляем ее между тегамиив файле header.php.
  5. Теперь не закрывая этого файла, копируем вторую часть кода:

    и вставляем ее уже между тегамии. В некоторых шаблонах wordpress, в файле header.php отсутствует закрывающий тег , так что лучше не на него ориентируйтесь, а вставьте код сразу же после.
  6. Теперь остался основной код. Который и будет выводить комментарии от вконтакте. Копируем его:

    и вставляем в файл single.php (для записей) и page.php (для страниц). Если хотите, чтобы формы комментариев не было на страницах, то не надо вставлять в page.php ну и так далее. Если ошиблись с шириной, то ее всегда можно будет уменьшить\увеличить, не прибегая к странице вконтакте. Достаточно изменить значение в третьей части кода, в поле width. У меня там стоит 496, что означает 496 пикселей.

Установка завершена!

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

Код наш, который мы вставляли в single.php\page.php начинается с:

Значит мы можем манипулировать этим блоком, вставив в файл style.css строчку #vk_comments. Погодите, приведу готовый пример ниже!

Допустим, нам надо подвинуть эту форму вправо на 14 пикселей. Для этого вставляем вот этот код в файл style.css:

Что означает, если перевести на русский: отступ от левого края на 14 пикселей.

Меняйте это значение по своему желанию. Для того, чтобы выравнить по другим 3-м сторонам, Вам необходимо лишь небольшое знание английского. Так правый край - right, низ - bottom, верх - top.

Следовательно, если необходимо, чтобы форма опустилась вниз на 10 пикселей, мы понимаем, что чтобы форма поехала вниз, ей надо отступить от верха эти 10 пикселей. Так что мы пишем:

Ну вот и все! Я уверен, что это более чем понятно, так как ничего сложного здесь нет. Если уж возникли проблемы, то рекомендую использовать плагин для mozilla firefox - firebug. С ним будет проще проделать эту работу, так как в нем есть функция визуального редактирования элементов сайта.

Теперь мы знаем, как установить комментарии от вконтакте на сайт и более того, как форму с комментариями позиционировать на самом сайте!

На этом у меня все, до скорых встреч!

Полезные статьи Вам на почту!

Нас более 700 человек!

Комментарии

Артем
0

Привет:)
Поставил сначала себе комменты от вк, тоже написал урок как их установить. Но убрал их, хочу сделать их в табах комменты от вк и вордпресс. Не не знаешь ли как это сделать?)

01.12.2013
Sly
0

о, здарова) знаю, но кода писать много, попробуй плагин http://wpguru.ru/sozdanie-bloga/urok-79-taby-vkladki-v-sajdbare-wordpress.html . Если не поможет, будем разбираться. Интересная идея, хотя люди сейчас настолько ленивы, что им будет сложно даже переключить между формами комментов))

01.12.2013
Равиль
0

Спасибо!

13.10.2015
Артем
0

Не особо люблю плагины, код лучше))Хотя да, ты прав))Значит буду думать как их красиво оформить)без табов)

01.12.2013
Sly
0

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

01.12.2013
Артем
0

Ну в принципе да, зачем ему обращаться )) ты снова прав))

01.12.2013
Desh
0

Привет, ребят! Олег, как всегда спасибо тебе) я блог по твоим урокам делаю, вот только никак в сеть не выложу, постоянно кажется, что что-то не доделано))

Артем, идея у тебя неплохая, это да, вот только действительно люди слишком ленивы, чтобы кликать, выискивая для себя более удобный способ для оставления комментария. Поэтому лучше либо сразу 2 формы поставить (что не очень красиво), либо выбрать одну.

01.12.2013
Артем
0

Просто комменты от ВК хороши тем, что комментирующие забывают или не знают, что нужно нажать на кнопку "В", чтоб коммент не высветился на стенке в ВК 🙂 А это как правильно трафик из соц сети)

01.12.2013
Sly
0

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

01.12.2013
Sly
0

Здарова Макс) Ты мне еще 2 недели назад обещал блог выложить, не?)) Давай не затягивай, сделай как самому нравится и выкладывай. Не смотри на других, нужна индивидуальность.

Вот насчет Артема согласен. Лучше 1 форму избрать действительно. Я вот в пользу стандартной выбор сделал, может на slyart.ru поставлю для разнообразия от вк форму.

01.12.2013
Артем
0

А если исходить из лени наших посетителей, то в комментах ВК ему не нужно вводить имя, емаил, сайт 🙂
В общем буду думать, что и как сделать. Так сказать найду золотую середину)
Спасибо вам за приятную беседу, буду заглядывать к тебе по чаще!:)

01.12.2013
Sly
0

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

И тебе спасибо) Успехов)

01.12.2013
Артем
0

Да я если честно сам ненавижу соц сети)))
Спасибо и тебе!)

01.12.2013
Sly
0

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

01.12.2013
Desh
0

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

Спасибо и тебе) У Вас с Олегом схожие блоги, я смотрю. Зайду как-нибудь к тебе, почитаю) Удачи)

01.12.2013
Артем
0

А ты давай не тяни с блогом, у тебя обязательно все получится!))Удачки)

01.12.2013
Desh
0

Спасибо большое, скоро открытие) Очереднющий СЕО блог) но я эту тему очень люблю, поэтому уж точно не заброшу. Думаю Олег напишет статью о моем блоге, когда тот откроется))))))

01.12.2013
Sly
0

насчет статьи посмотрим, почему бы и нет?) Главное ты хотя бы статей 10 опубликуй, не пустой же блог рекламировать)

01.12.2013
Артем
0

Хахах))ну может быть может быть 🙂
А может и я ссылочку поставлю;) Так, что давай обращайся, поможем 🙂

01.12.2013
Desh
0

Было бы очень даже неплохо обменяться всем троим ссылками, что скажешь, Олег? Когда-то раньше на юкозе делали интернет-кольцо. Было круто)

01.12.2013
Sly
0

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

01.12.2013
Desh
0

Ладно, обговорим это еще)

01.12.2013

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

Поделиться