Урок 56. Установка виджета комментариев ВКонтакте на блог

Последнее изменение поста: Декабрь 16, 2016

Установка виджета комментариев ВКонтакте на блогПриветствую! В этом уроке, мы установим на блог виджет комментариев ВКонтакте. Вы можете настроить так, чтобы оставленные комментарии транслировались и на странице ВКонтакте с обратной ссылкой на статью.

Более подробно прочесть  о комментариях «ВКонтакте», Вы можете на странице, где будете копировать скрипты. Виджет ВКонтакте Вы видели на многих блогах. У многих еще установлен виджет Facebook, но его мы установим в следующем уроке.

Если Вы еще не зарегистрированы в социальной сети Вконтакте, то обязательно зарегистрируйтесь. Далее перейдите по этой ссылке http://vk.com/developers.php?p=Comments на страницу, где нужно скопировать код, который нужно вставить в файл шаблона. Щелкните по вкладке "Все преимущества виджета для комментариев ВКонтакте" и, если хотите, почитайте, что Вам даст установка виджета на свой ресурс.

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

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

  1. Включить расширенный режим
  2. Посмотреть, что расширенные дополнения комментариев
  3. Установите ширину виджета. Ширину виджета можно потом в любое время изменить.
  4. Можно почитать подробную документацию о виджете «ВКонтакте».
  5. Скопируйте код скрипта, который выделен желтым цветом.

Теперь этот код нужно вставить в файл header.php перед закрывающим тегом </head>. Сделайте резервную копию файлов, которые будете редактировать, иначе потом могут быть проблемы с блогом.

.

Установка виджета комментариев ВКонтакте на блог Я файлы шаблона редактировал прямо в админке своего блога. Не вижу смысла загружать Dream Wiever, или еще какие-либо HTML или PHP-редакторы.
Переходите теперь на страницу, где Вы копировали код виджета, и скопируйте еще один код, который выделен желтым цветом.

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

В моем шаблоне этот код нужно устанавливать в файл 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 на блог

Получайте свежие статьи на свою почту

Поделиться статьей с друзьями


26 Comments

  1. Тёзка, спасибо!
    Давно хотел виджет поставить, да все руки не доходили. Зато теперь, благодаря этой “инструкции по применению”, наконец-то раскачался и установил! =)

    Юрий
    • Я тоже люблю откладывать на потом, и в итоге вообще забываю, что хотел сделать 🙂

  2. Не поняла..а где кнопочки соцсетей,кроме твиттера? Принципиально против? А такой блог информативный…

    • Да, была проблема с шаблоном. Нет времени исправить ошибки =)

  3. Пробовал устанавливать и в single и в comments ни там ни там не работает. помогите. сайт рерайтинг-копирайтинг.рф на движке wordpress тема оформления “Twenty Ten 1.3 “

    Артём
    • Артем, пришлите мне Ваш шаблон и ID-номер приложения Facebook, и я Вам все настрою. Могу быстрее настроить, если предоставите доступ к блогу.

  4. здраствуйте.помогите установить виджет коментариев вконтакте на блог шаблон и код виджета пришлю..тока куда??

    андрей
    • Приветствую! Пришлите код виджета и шаблон на ящик. Завтра все сделаю.

  5. Здравствуйте.

    В какое место файла comments.php вставлять код виджета?

    Спасибо.

    • Это уже зависет от шаблога и в каком месте вы хотите его установить. Возможно в вашем шаблоне код нужно вставлять в простую страницу, т.е. single.php. У себя я устанавливал в comments.php.

      • Сработало!
        Ура.
        Спасибо.

        Поставил в конец файла single.php

        Между

        endif; ?>

        и

        Может глянете намётнанным глазом, совет какой дадите?
        Или комментарий.

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

    Вирджиния
    • Здравствуйте, Вирджиния!
      Напишите, что именно у вас не получается и на каком шаге вы остановились.

      • У меня на сайте установлена тема Twenty ten. Я так поняла, что это из за нее. Просто я не знаю куда вставлять вторую часть кода. В файле “Одна запись” нет соответствующих тегов, тех что в вашем описании. Можно конечно сменить тему. Но может как нибудь можно вставить?

        Вирджиния
        • Так ведь второй код не надо вставлять после каких-то определенных тегов. Второй код надо вставить там, гед вы хотите чтобы выводился виждет.
          Я не думаю, что проблема с шаблоном.

          • вот как раз в этом и не могу разобраться. так как не вижу у себя в файлах Одна запись или Комментарии нужного места. по описанию как вы советуете его вставлять у меня не выходит: нет тех строчек после (или перед) которыми нужно вставлять этот код. там прописаны совсем другие.

            Вирджиния
            • Заархивируйте шаблон и пришлите мне на почту sleuthh@gmail.com. Я все проверю и напишу, где вставлять нужно второй код.

  7. Добрый день!

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

    Лариса
    • К сожалению меня долго не было на блоге, поэтому не мог ответить. Если еще нужна помощь – напишите

  8. Да, помощь все еще нужна.
    Я Вам отправила письмо на электронную почту.

    Лариса
  9. Подскажите, а как можно изменить title и description при переносе комментария на страницу человека? Сейчас он берет из title самого сайта – можно ли ему это назначить самостоятельно? Заранее спасибо!

    • Кирилл, я не понял вопрос.

      • Добрый день!
        Что я имел ввиду. Если человек оставляет комментарий на сайте, то его комментарий дублируется на его странице с информационным блоком (изображение сайта, название сайта, адрес сайта, описание). Как можно и можно ли назначить эти параметры в ВК?
        В Фейсбук это можно сделать следующим образом:
        <meta property="og:image" content="site-image.jpg"/
        <meta property="og:title" content="site title"/
        <meta property="og:description" content="site description"/

        В ВК у меня пока не получилось. Буду очень признателен, за наводку.

        • Здравствуйте, Кирилл!
          К сожалению ничем не могу помочь в этом вопросе.
          Я не знаю, можно назначит в VK такой параметр или нет

  10. Спасибо, совершенно ничего сложного как оказалось нет, установила виджет группы к себе за пару минут, всё работает прекрасно!

    • Елена, я рад за Вас!