Более подробно прочесть о комментариях «ВКонтакте», Вы можете на странице, где будете копировать скрипты. Виджет ВКонтакте Вы видели на многих блогах. У многих еще установлен виджет Facebook, но его мы установим в следующем уроке.
Если Вы еще не зарегистрированы в социальной сети Вконтакте, то обязательно зарегистрируйтесь. Далее перейдите по этой ссылке http://vk.com/developers.php?p=Comments на страницу, где нужно скопировать код, который нужно вставить в файл шаблона. Щелкните по вкладке «Все преимущества виджета для комментариев ВКонтакте» и, если хотите, почитайте, что Вам даст установка виджета на свой ресурс.
Далее нужно вписать данные Вашего сайта и максимальное количество выводимых комментариев на странице. Не забудьте щелкнуть «Сохранить«.
Потом, чуть ниже нужно подобрать ширину виджета, чтобы он вписался на странице Вашего блога.
- Включить расширенный режим
- Посмотреть, что расширенные дополнения комментариев
- Установите ширину виджета. Ширину виджета можно потом в любое время изменить.
- Можно почитать подробную документацию о виджете «ВКонтакте».
- Скопируйте код скрипта, который выделен желтым цветом.
Теперь этот код нужно вставить в файл header.php перед закрывающим тегом </head>. Сделайте резервную копию файлов, которые будете редактировать, иначе потом могут быть проблемы с блогом.
.
Переходите теперь на страницу, где Вы копировали код виджета, и скопируйте еще один код, который выделен желтым цветом.
В моем шаблоне этот код нужно устанавливать в файл comments.php, чтобы виджет выводился в том месте, котором я хочу. Во многих других шаблонах код нужно устанавливать в файл single.php.
Код, который я вставил в файл comments.php
Не могу Вам подсказать, в какой файл устанавливать код, потому что это зависит от шаблона Вашего блога. Если Вы сами не сможете определить, куда вставлять код, то я могу Вам помочь. Пишите в комментариях.
Чтобы изменить вывод комментариев на страницу и ширину виджета, нужно заменить значение limits: 10 и width: «470» на то, которое Вам нужно.
VK.Widgets.Comments(«vk_comments», {limit: 10, width: «470», attach: «*»});
- limits: 10 — на странице будет выводиться не более десяти комментариев.
- width: «470» — определяет ширину виджета.
На этом все. В следующем уроке установим виджет Facebook.
___________________________
К уроку 57. Устанавливаем форму комментариев Facebook на блог
Елена, я рад за Вас!
Спасибо, совершенно ничего сложного как оказалось нет, установила виджет группы к себе за пару минут, всё работает прекрасно!
Здравствуйте, Кирилл!
К сожалению ничем не могу помочь в этом вопросе.
Я не знаю, можно назначит в VK такой параметр или нет
Добрый день!
Что я имел ввиду. Если человек оставляет комментарий на сайте, то его комментарий дублируется на его странице с информационным блоком (изображение сайта, название сайта, адрес сайта, описание). Как можно и можно ли назначить эти параметры в ВК?
В Фейсбук это можно сделать следующим образом:
<meta property="og:image" content="site-image.jpg"/
<meta property="og:title" content="site title"/
<meta property="og:description" content="site description"/
В ВК у меня пока не получилось. Буду очень признателен, за наводку.
Кирилл, я не понял вопрос.
Подскажите, а как можно изменить title и description при переносе комментария на страницу человека? Сейчас он берет из title самого сайта — можно ли ему это назначить самостоятельно? Заранее спасибо!
Да, помощь все еще нужна.
Я Вам отправила письмо на электронную почту.
К сожалению меня долго не было на блоге, поэтому не мог ответить. Если еще нужна помощь — напишите
Добрый день!
К сожалению у меня то же не получается найти место, куда вставить вторую часть кода. Куда только не пробовала, страница выдает ошибку.
Помогите пожалуйста.
Заархивируйте шаблон и пришлите мне на почту sleuthh@gmail.com. Я все проверю и напишу, где вставлять нужно второй код.
вот как раз в этом и не могу разобраться. так как не вижу у себя в файлах Одна запись или Комментарии нужного места. по описанию как вы советуете его вставлять у меня не выходит: нет тех строчек после (или перед) которыми нужно вставлять этот код. там прописаны совсем другие.
Так ведь второй код не надо вставлять после каких-то определенных тегов. Второй код надо вставить там, гед вы хотите чтобы выводился виждет.
Я не думаю, что проблема с шаблоном.
У меня на сайте установлена тема Twenty ten. Я так поняла, что это из за нее. Просто я не знаю куда вставлять вторую часть кода. В файле «Одна запись» нет соответствующих тегов, тех что в вашем описании. Можно конечно сменить тему. Но может как нибудь можно вставить?
Здравствуйте, Вирджиния!
Напишите, что именно у вас не получается и на каком шаге вы остановились.
Доброго времени суток!
Пошагово следовала Вашим рекомендациям.
Но, к сожалению ничего не получается. Да и не только Вашим. То тега такого нет, то просто не выводит на страницу. Помогите, если можно, пожалуйста.
С уважением, Вирджиния
Сработало!
Ура.
Спасибо.
Поставил в конец файла single.php
Между
endif; ?>
и
Может глянете намётнанным глазом, совет какой дадите?
Или комментарий.
Это уже зависет от шаблога и в каком месте вы хотите его установить. Возможно в вашем шаблоне код нужно вставлять в простую страницу, т.е. single.php. У себя я устанавливал в comments.php.
Здравствуйте.
В какое место файла comments.php вставлять код виджета?
Спасибо.
Приветствую! Пришлите код виджета и шаблон на ящик. Завтра все сделаю.
здраствуйте.помогите установить виджет коментариев вконтакте на блог шаблон и код виджета пришлю..тока куда??
Артем, пришлите мне Ваш шаблон и ID-номер приложения Facebook, и я Вам все настрою. Могу быстрее настроить, если предоставите доступ к блогу.
Пробовал устанавливать и в single и в comments ни там ни там не работает. помогите. сайт рерайтинг-копирайтинг.рф на движке wordpress тема оформления «Twenty Ten 1.3 «
Да, была проблема с шаблоном. Нет времени исправить ошибки =)
Не поняла..а где кнопочки соцсетей,кроме твиттера? Принципиально против? А такой блог информативный…
Я тоже люблю откладывать на потом, и в итоге вообще забываю, что хотел сделать 🙂
Тёзка, спасибо!
Давно хотел виджет поставить, да все руки не доходили. Зато теперь, благодаря этой «инструкции по применению», наконец-то раскачался и установил! =)