Пт

05

июл

2013

Вопрос недели: как добавить виджет комментариев от социальных сетей

Вопрос недели: как добавить виджет комментариев от социальных сетей

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

Facebook

Шаг 1

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

Проделайте следующие шаги:

  1. Зайдите во вкладку "Блог" на панели управления.
  2. Выберите желаемую статью или добавьте новую.
  3. Кликните на заголовок выбранной статьи и измените настройки комментариев на "Нет".

Шаг 2

Добавьте следующий код при помощи модуля "Widget / HTML" на вашу страничку:

<div class="n">

<div id="fb-root" class="fb_reset">

<div style="position: absolute; top: -10000px; height: 0px; width: 0px;">

</div>

</div>

<script src="http://connect.facebook.net/ru_RU/all.js#appId=APP_ID&amp;xfbml=1" type="text/javascript">

</script><script type="text/javascript" language="javascript">

 

//<![CDATA[

document.write("<fb:comments href='YOURSITE.jimdo.com' num_posts='10' width='500'><\/fb:comments>");

//]]>

</script>

</div>

Шаг 3

1. Замените запись YOURSITE.jimdo.com на название своего сайта, например на мой-сайт.jimdo.com. Если у вас уже есть собственный домен, тогда укажите название вашего домена, например мой-домен.ru.

2. Вы также можете изменить язык виджета комментариев, заменив ru_RU на любой язык, поддерживаемый Facebook. Список языковых кодов Facebook вы найдете здесь.

3. При желании вы можете изменить высоту виджета комментариев. Просто замените число 500 на желаемое число в пикселях.

 

4. И наконец, укажите количество комментариев для одной страницы, заменив число 10 в коде на любое другое.


Все должно получиться!

Вконтакте

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

Шаг 1

Обратите внимание: система сгенерирует два кода. Скопируйте первый код и установите его в раздел "Обработать Head" в настройках вашего сайта. Первый код будет выглядеть примерно так:

 

<script type="text/javascript" src="//vk.com/js/api/openapi.js?97"></script>
<script type="text/javascript">  VK.init({apiId: 1234567, onlyWidgets: true});</script>

 

Вместо 1234567 вы увидите ваш уникальный номер.
 


Шаг 2

Скопируйте второй код и установите на страницу вашего сайта, на которой хотите разместить виджет комментариев, в модуль "Widget/Html".  

 

Не забудьте сохранить изменения!

 


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

Готово!

Показать на стене Facebook и ВКонтакте

При желании, пользователи смогут показать каждый оставленный комментарий на своей страничке Facebook и Вконтакте с ссылкой на исходную статью. Для того чтобы показать комментарий в Facebook, необходимо отметить галочкой клетку "в Facebook", а для Вконтакте – нажать на иконку Bконтакте.

У вас есть вопросы по Jimdo? В комментариях к записи напишите, о чём вам было бы интересно прочитать в следующий раз!

Всего хорошего!

Команда Jimdo


Комментарии: 73 (Дискуссия закрыта)
  • #1

    ЕЛЕНА (Пятница, 05 Июль 2013)

    Сделала всё по инструкции и вместо блока комментариев VK появилась надпись - Please specify correct base domain name in app settings, or use widget only in lashmaster.ru/* Что я делаю не правильно, подскажите, пожалуйста.

  • #2

    Максим (Пятница, 05 Июль 2013 11:10)

    Спасибо за статью!

  • #3

    nata (Пятница, 05 Июль 2013 12:13)

    @Елена, убедитесь, что все делаете верно. Сгенерировали ли вы ваш уникальный код? После добавления скриптов от vk, откройте ваш сайт в режим просмотра, нажав на ссылку "Вид". Все должно получиться.

  • #4

    solicitor74 (Пятница, 05 Июль 2013 12:45)

    Как я могу добавить виджет "Мне нравиться" от социальных сетей?
    Как я могу разместить виджет страницы Facebook на своем сайте?

    Спаисбо за ответы.

  • #5

    александр (Пятница, 05 Июль 2013 13:27)

    НЕПОЛУЧАЕТСЯ

  • #6

    Мария (Пятница, 05 Июль 2013 13:42)

    александр, что именно у вас не получается? у меня все работает, смотрите: http://www.mariatarasova.de/

  • #7

    Вадим wadich.net Квятковский (Пятница, 05 Июль 2013 19:14)

    Подскажите, когда Вы сможете обновить галерею на джимдо, к примеру флеш галарея у того кто ее сделал уже обновилась до версии 2.0 а у нас до сих пор старая висит? http://www.ws-slideshow.com/

  • #8

    fire-arms (Пятница, 05 Июль 2013 20:26)

    СПАСИБО ОГРОМНОЕ! Как раз сейчас занимаюсь созданием "ядра" сайта - делаю комментарии,форум сайта.И тут на те - эта статья! Спасибо ещё раз за инфу.

  • #9

    Ирина (Пятница, 05 Июль 2013 20:45)

    Спасибо, все получилось!

  • #10

    Кирилл (Пятница, 05 Июль 2013 23:39)

    Подскажите чайнику Widget/HTML где это найти,что то давно не настраивал,с head понятно,а вот с Widget/HTML не понятно и еще по настройки вконтакте,адрес сайта,понятно,а вот что вписать в название и особенно в основной домен сайта.Заранее спасибо всем,кто откликнется.

  • #11

    Ислам Man (Суббота, 06 Июль 2013 11:05)

    Очень интересное обновление)))

  • #12

    Адм (Воскресенье, 07 Июль 2013 06:36)

    Отсутствует функция блог???, но в суппорт обращаться, как всегда бесполезно

  • #13

    Андрей (bekass-design) (Воскресенье, 07 Июль 2013 09:16)

    Обновление нормальное, но не всем нужное.
    Только сайты с активным посещением, спокойно могут прикладывать усилия по установке сих девайсов от соцсетей.

    Что касается внешнего вида, то за не имением других цветовых гамм, данные приложения на темных сайтах выглядят откровенно говоря нелепо.

  • #14

    Андрей (bekass-design) (Воскресенье, 07 Июль 2013 09:29)

    И добавлю...погоня за новомодными финтифлюшками на Jimdo-это как правило, пусть будет так, так принято, но сделать банальное ограничение комментариев(в стандартном варианте Jimdo) на странице с последующим переносом на следующую страницу...это упорно игнорируется.

    Ладно, когда эти наши "ой как здорово, заходи ко мне" спрятано на отдельной странице, но когда сие видишь сразу при входе на сайт и этот "длинный лоскут" тянется и тянется, то это товарищи...

  • #15

    Roman (Воскресенье, 07 Июль 2013 17:02)

    @Адм: вот здесь рассказано, как активировать блог: http://ru.jimdo.com/2013/03/20/вопрос-недели-как-добавить-блог-на-свой-сайт/

  • #16

    foto-marka (Воскресенье, 07 Июль 2013 17:04)

    спасибо, может и пригодится...

  • #17

    s-marka-foto (Воскресенье, 07 Июль 2013 17:50)

    ...хе, работает :)...

  • #18

    800 (Воскресенье, 07 Июль 2013 18:06)

    а если я хочу оставить стандартные коменты и добавить еще вконтакте ?
    попробовал - налезают друг на друга. что делать ? http://www.vx800.ru/vx-blog/

  • #19

    dabrodzietkam (Понедельник, 08 Июль 2013 18:04)

    А какой второй код?

  • #20

    Аше Отдых (Вторник, 09 Июль 2013 08:39)

    Здравствуйте! Не хотелось бы расставаться со стандартной формой комментариев, но и коменты от соц сетей тоже нужны! Как сделать чтобы и те и те были отображены?

  • #21

    nata (Вторник, 09 Июль 2013 13:26)

    @Аше Отдых: вы можете установить как комментарии от соц. сетей, так и оставить стандартную форму комментариев. Просто отметьте "Да" в настройках комментариев.

  • #22

    800 (Вторник, 09 Июль 2013 16:41)

    так то то и оно что стандартные коменты и коменты соцсетей налазят друг на друга после прописки кода - все делал по инструкции. Что делать? http://www.vx800.ru/vx-blog/ - можно посмотреть здесь

  • #23

    Дмитрий (Вторник, 09 Июль 2013 19:07)

    интересно, но не всем надо,

  • #24

    Лихачева Марина Владимировеа (Четверг, 11 Июль 2013 14:56)

    Спасибо. Еще как надо! Обязательно добавлю

  • #25

    tanyamarkevich (Четверг, 11 Июль 2013 18:46)

    Здравствуйте! Не получается добавить комментарии F! Окно становится белым и висит.

  • #26

    Разумова Светлана Юрьевна (razum42007) (Пятница, 12 Июль 2013 13:30)

    А мне хотелось бы добавить витжет коментов от "Одноклассников",как?

  • #27

    Творческий союз "Flora Innovation" (Пятница, 12 Июль 2013 14:43)

    Вместо отдельных виджетов каждой соцсети можно установить отечественный универсальный виджет Cackle (http://ru.cackle.me/welcome) или же западный Disqus (http://disqus.com/). Там можно не только через ВК и ФБ комментировать, но и через аккаунты многих других соцсетей и блогов, или вовсе анонимно. Лучше использовать 1 универсальный виджет, чем загромождать сайт несколькими виджетами, каждый из которых привязан только к одной соцсети. К тому же, в универсальных виджетах пользователи разных соцсетей могут общаться между собой.

  • #28

    свадебный фотограф в Калининграде (Суббота, 13 Июль 2013 08:43)

    Всё получилось! Работает! СПАСИБО!!!!
    http://fotosvadba39.jimdo.com/фотокнига/

  • #29

    Разумова Светлана Юрьевна (razum42007) (Понедельник, 15 Июль 2013 14:18)

    Добавила кнопку соц сети "Одноклассники", но в этой сети отражается только ссылка на мой сайт , а картинки нет, где найти на на моём сайте теги HEAD чтобы добавить туда код для отражения картинок к ссылке на "Одноклассниках" на мой сайт?

  • #30

    Roman (Понедельник, 15 Июль 2013 15:19)

    @Разумова Светлана Юрьевна (razum42007): внести изменения в область HEAD можно в настройках сайта – "Обработать head": http://ru-help.jimdo.com/настройки/веб-страница/обработать-head/

  • #31

    Разумова Светлана Юрьевна (razum42007) (Понедельник, 15 Июль 2013 16:08)

    Rman спасибо, всё получилось!!!

  • #32

    Разумова Светлана Юрьевна (razum42007) (Понедельник, 15 Июль 2013 16:10)

    Извиняюсь - Roman, пропустила буковку "о"

  • #33

    Мефодьева Екатерина (Четверг, 18 Июль 2013 15:03)

    оо клева над попробывать))

  • #34

    Елена Трембач (Пятница, 19 Июль 2013 09:28)

    Добавила на свой сайт Виджет комменариев Фейсбук-все получилось отлично. У меня вопрос могу ли я вставлять в HTML не ссылку на общий сайт а на отдельную статью? И где взять HTML код конкретной статьи? СПасибо

  • #35

    Татьяна (Пятница, 19 Июль 2013 12:34)

    Пишу второй раз... Подскажите, как быть. Проделываю все этапы, окно белеет и всё...

  • #36

    varlex (Среда, 24 Июль 2013 12:20)

    Татьяна, просто обновите страницу Вашего браузера ;)

  • #37

    interior-v (Среда, 14 Август 2013 03:13)

    Очень нужно добавить на сайт видает Инстаграм, как это можно сделать?
    Заранее спасибо!

  • #38

    salon7sky (Вторник, 03 Сентябрь 2013 00:31)

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

  • #39

    Артур (Пятница, 13 Сентябрь 2013 14:32)

    Надо попробовать, спасибо!

  • #40

    Дмитрий (Пятница, 20 Сентябрь 2013 13:39)

    А как сделать, чтобы комментарии отправлялись не на личную страницу с сайта, а в группу?

  • #41

    Jimdo Dimitrу (Пятница, 20 Сентябрь 2013 15:00)

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

  • #42

    Татьяна Павликова (Четверг, 26 Сентябрь 2013 20:45)

    не нашла ответа на вопрос от 05 июля: "Подскажите чайнику Widget/HTML где это найти,что то давно не настраивал,с head понятно,а вот с Widget/HTML не понятно" Я тоже не могу найти этот Widget/HTML. Да - я тоже чайник))) С head всё получилось, а дальше - нет :(

  • #43

    Татьяна Павликова (Пятница, 27 Сентябрь 2013)

    Ну вот, не ответили(. НО я сама нашла!)))

  • #44

    snovsportshcola (Вторник, 05 Ноябрь 2013)

    Получилось! Большое спасибо!

  • #45

    dfgdfg (Четверг, 14 Ноябрь 2013 16:54)

    56464

  • #46

    Ольга (Пятница, 29 Ноябрь 2013 08:23)

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

  • #47

    Jimdo-Team (Пятница, 29 Ноябрь 2013 16:56)

    Ольга, для того, чтобы удалить какой-либо элемент, наведите курсор мыши на желаемый модуль. Слева появится панель с четырьмя картинками. Нажмите на картинку с мусорным ведром, затем кликните на "Да, удалить". Подробнее о работе с модулями Jimdo вы можете узнать по ссылке:
    http://ru-help.jimdo.com/основы/модули/

  • #48

    bulle4ka (Воскресенье, 05 Январь 2014 01:30)

    Здравствуйте. У меня такая же проблема как у Ольги... кнопка "мне нравится" от фейсбука ставится, а убрать её не получается! При наведении курсора на данный элемент, слева не открывается панель с кнопками, как при наведении курсора на любой другиой элемент. Подскажите пожалуйста, что делать?

  • #49

    Александр (Суббота, 29 Март 2014 20:26)

    Использую на всех своих сайтах систему комментариев Cackle (http://cackle.ru).
    Все устраивает, работает как часы + куча возможностей.

  • #50

    metallurgz2001 (Суббота, 19 Апрель 2014 17:59)

    Очень долго "Опубликововается" не дождался(((((((((

  • #51

    Команда Jimdo (Воскресенье, 20 Апрель 2014 10:23)

    @metallurgz2001, попробуйте, пожалуйста, еще раз. :)

  • #52

    Вероника (Вторник, 06 Май 2014 11:23)

    Добрый день. Уменя 2 вопроса.

    1. Что нужно исправить в коде, чтобы блок с комментариями фб был по ширине страницы?

    2. У меня хоть и прописан язык ru_RU, блок с комметнариями фб все равно на английском. Как это исправить?

  • #53

    Команда Jimdo (Вторник, 06 Май 2014 12:00)

    Вероника, в коде виджета комментариев фейсбука измените число 500 на любое нужное вам. Возможно, виджет, указанный в статье уже устарел, актуальные виджеты находятся тут: https://developers.facebook.com/docs/plugins/comments

  • #54

    metallurgz2001 (Воскресенье, 18 Май 2014 13:03)

    Опубликовать...
    И всё( уже 2 часа сижу, ничего(

  • #55

    Vika (Четверг, 29 Май 2014 17:57)

    1. Что нужно исправить в коде, чтобы блок с комментариями vk был по длине страницы?
    2. Как сообственно вписать в html

    <div id="wcomments_more" style="display: block;">к предыдущим записям ↓</div>
    Именно данный пункт отвечает за предыдущие комменты
    <!-- Put this script tag to the <head> of your page -->
    <script type="text/javascript" src="//vk.com/js/api/openapi.js?113"></script>

    <script type="text/javascript">
    VK.init({apiId: 4386186, 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: "520", attach: "*", height: "501"});
    </script>

  • #56

    minecraft-big (Суббота, 21 Июнь 2014 02:14)

    долгавато но я дождусь

  • #57

    Виталий (Воскресенье, 24 Август 2014 16:25)

    С ФЕЙСБУКОМ ПОЛУЧИЛОСЬ А ВОТ С ВК НЕТ

  • #58

    f (Воскресенье, 24 Август 2014 20:01)

    не чего не добовляется(((( там описанно в 3 шага а не в 2

  • #59

    Кирилл (Четверг, 28 Август 2014 14:28)

    Все отлично получилось, можете посмотреть на нашем сайте http://kiragameworld.com/

  • #60

    pronakrutka (Воскресенье, 21 Сентябрь 2014 21:45)

    как исправить это ? "Please specify correct base domain name in app settings, or use widget only in "

  • #61

    Команда Jimdo (Воскресенье, 21 Сентябрь 2014 22:55)

    @pronakrutka, пожалуйста, свяжитесь со службой технической поддержки и поясните свой вопрос: http://ru-help.jimdo.com/контакт

  • #62

    Олег (Суббота, 08 Ноябрь 2014)

    Я лично http://web-ratings.ru/webmasters виджет стал юзать.
    Плюс в том что он простой + отзывы отображаться сразу на странице (не переходя на сторонний сайт)

  • #63

    ultimatehistoryvideogames (Четверг, 27 Ноябрь 2014 06:28)

    Как втавить виджет от Фэсбук?? вставляю код, появляется виджет и толпа каких то левых комментов за 13 год, удалить их нельзя, как они вообще ко мне относятся?
    вот сайт , внизу виджет
    http://ultimatehistoryvideogames.jimdo.com/

  • #64

    ultimatehistoryvideogames (Четверг, 27 Ноябрь 2014 06:40)

    а все разобрался. надо было свой сайт оказывается вставить в коды

  • #65

    n-compas (Среда, 10 Декабрь 2014 09:54)

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

  • #66

    Сергей (Пятница, 02 Январь 2015 17:00)

    http://max-energy-saving.info Энергосбережение Энергоаудит Энергоэффективность

  • #67

    Александр (Среда, 14 Январь 2015 09:15)

    Здравствуйте. У меня почему-то перестал отображаться выджет "Вконтакте". Раньше все было нормально и отображался правильно.

    Сайт: http://ptu-27.jimdo.com

  • #68

    Команда Jimdo (Среда, 14 Январь 2015 10:26)

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

  • #69

    Наталия Путивцева (Воскресенье, 18 Январь 2015 02:16)

    Спасибо за информацию! Все работает.

  • #70

    Даниил (Понедельник, 19 Январь 2015 20:26)

    Спасибо все работает!!

  • #71

    akas-vk (Среда, 04 Март 2015 11:05)

    класс

  • #72

    Юрий (Четверг, 19 Март 2015 07:04)

    Окей, все получилось

  • #73

    Виктория (Вторник, 12 Май 2015 12:09)

    Скажите пожалуйста а где второй код то можно найти?