Привет друзья, многие из моих читателей уже увидели нововведения на блоге, касаются они непосредственно формы комментирования для постов. Я решил интегрировать на блог комментарии вконтакте для еще большей связки с социальными сетями. И в этой статье мы подробно рассмотрим процесс установки этой формы комментирования, ее преимущества, а также посмотрим мое первое видео снятое специально для этой статьи. В дальнейшем я планирую снимать видеоролики для большинства своих постов, чтобы читатели могли более легко усваивать материал.
Давайте рассмотрим на примере моего блога как правильно установить и настроить комментарии вконтакте на сайт. Для начала перейдем по ссылке с помощью, которой мы сможем провести необходимые настройки под себя. Перед вами будет простенькая форма, в которой нужно заполнить необходимые поля, она автоматически сгенерирует код для установки на сайт.
ВКонтакте секреты Как сделать виджет комментариев на сайт
Для начала в строке сайт/приложение указываем url вашего блога, после чего в строке количество комментариев выбираем приемлемое для отображения на вашей странице. Следующий и очень важный шаг, с выбором медийных возможностей вашей формы отправки комментариев – я выбрал практически все варианты кроме Ссылки, так как не хочу, чтобы злостные спамеры активно осаждали блог.
Следующий пункт, это ширина самой формы в px – установите необходимую величину исходя из размеров вашего блога. Для этого можете воспользоваться инструментом «Линейка для браузера».
Код в форме генерируется автоматически в зависимости от ваших настроек. Скопируйте первую часть кода, до участка:
и вставьте его в файл header.php между тэгами , можно прямо перед закрывающимся тэгом .
Вторую часть кода, начиная с
скопируйте и вставьте в файл single.php, обычно перед строкой
Комментарии вконтакте на сайт установлены, вот как выглядит форма на блоге:
Очень удобное дополнение к блогу, читателю не нужно писать свой e-mail, указывать имя, достаточно просто написать сам текст комментария нажать кнопку «Отправить», и комментарий будет оставлен. Единственным недостатком если его так можно назвать, отсутствие модерации. Но эту проблему можно решить путем модерирования уже оставленных комментариев в панели администрирования, где можно заносит спамеров в черный список, назначать администраторов из пользователей, хорошая опция, если посещаемость вашего ресурса приличная и самому просто физически тяжело все проверить.
Виджет комментариев от Вконтакте
Список преимуществ при использовании данной формы комментирования:
Вот такое полезное дополнение, мы с вами рассмотрели друзья, рекомендую для использования у себя на блоге. А если у вас, возникли трудности при установке или настройке формы, то просто посмотрите видео, в котором весь процесс изложен максимально доступно.
На этом, я буду заканчивать. Всем успехов!
Источник: seofive.ru
Комментарии для ucoz при помощи виджета вконтакте | Как создать сайт на конструкторе, на движке или своими руками
Привет, продолжаем серию уроков по созданию сайта на ucoz. Сегодня затронем тему комментарии для ucoz. Дело в том что на сайте ucoz уже присутствует стандартная форма для комментариев, но лично меня она не устраивает.
Очень важно! Если вдруг, перед тем как изучить урок вы обнаружили что вид вашей панели отличается от того что описано в уроке, не пугайтесь! Просто переключите новую панель на старую. Как это сделать? Вот в этой инструкции.
Рекомендую почитать:
Как поменять адрес сайта на ucoz Всего за 200р.
Нет я не скажу что она плохая, или каким то образом не функциональна, даже всё на оборот, с недавних пор комментарии оставлять через эту форму стало намного удобнее, так как для авторизации на сайте нужно быть зарегистрированным в одной из популярных социальной сети, и что-бы оставить комментарий для новых посетителей сайта достаточно нажать несколько кнопок.
Лично мне нравится форма комментариев из контакта, так как в ней даже не надо регистрироваться, если ты уже авторизован в своём аккаунте вконтакте, и если ты видишь на чьём либо сайте такую форму для комментариев, достаточно только написать текст и отправить его и всё.
Плюс я ещё заметил на одном моём бывшем сайте, что комментарий из вконтакта очень хорошо влияют на рейтинг в поисковых системах, и игра к которой оставляли много комментариев через эту форму, до сих пор стоит в топе и приводит каждый день большое количество посетителей.
Всё это работает при условие если комментарий дублируется на странице пользователя который оставляет комментарий. Так что есть смысл установить этот виджет к себе на сайт.
Вы можете оставить старую форму комментариев, стандартную от ucoz, если-же нет тогда мы её сейчас снесём.
Сносим старую форму комментариев
Давайте пройдём на сайт и посмотрим как выглядит стандартная форма комментариев, вот я её сфотографировал.
Она расположена сразу после текста который мы все последние уроки так упорно настраивали. Чтобы снести форму, нужно попасть в хорошо нам известный раздел, который находится в дизайн и управление дизайном.
Откроется страница на которой отыщите модуль онлайн игры. У модуля будет много разделов, нам нужен материал и комментарий к нему.
Откроется страница с кодом, промотайте эту страницу до строчке 53, у вас это может быть другая строчка, и выделите весь код который я показал на картинке ниже.
С 53 по 69 строчку я выделил код который удалю со страницы. Сделайте то-же самое, и после этого не забудьте сохранить документ. После зайдите на сайт и посмотрите пропала форма комментариев или нет, если пропала значит всё идёт по плану.
Бывает так что был удалён неправильный код, и по этому весь шаблон сломался и стал отображаться не правильно. Не переживайте, для этого случая есть волшебная кнопка которая возвращает код на шаг назад. Если вдруг что-то пошло не так, нажмите на эту кнопку и код восстановится.
Виджет из контакта
Со стандартной формой мы разобрались, её теперь на нашем сайте нет. Пришла пора установить виджет из вконтакта, для этого предварительно вы должны быть зарегистрированы в контакте.
Зайдите в контакт и нажмите кнопку управление.
Откроется страница на которой нажмите на логотип, или внизу страницы есть ссылка разработчики, то и то ведёт на одну и туже страницу.
Далее откроется страница на которой нажмите кнопку показать всё.
Откроется страница на которой в меню выберите виджеты для сайтов, а справа откроется страница на которой нажмите на кнопку комментарии.
На следующей странице появится форма с комментариями, которую нужно настроить под себя.
Заполните поля под стрелочкой один, дайте название сайта, адрес сайта, основной адрес сайта сам подключится, и выберите категорию. После сохраните.
Под стрелочкой два, выберите сколько за раз будет показано комментарий на странице, в моём случае 10 штук. Расширенные комментарии я отключил, стрелочка под номером 3, так как не хочу не нужные фотографии и картинки на сайте. И в последнем окне скопируйте полученный код, стрелочка под номером 4.
Полученный код вставляем на сайт
Теперь зайдите на сайт, туда где мы удаляли код старой формы, и в то-же место вставьте полученный код из контакта. Сохраните.
Должно получится вот что.
Всё хорошо но у нас между блоком рекламы и текстом и формой комментариев нет пустой строчки, конечно можно оставить и так, так оно то-же не плохо смотрится, но я уже сделал отступ и сейчас покажу вам как его сделать. Для этого над кодом который мы получили из контакта, вставьте следующий код.
Вставить его нужно вот сюда, после чего сохранить код.
Разберём код
Это обычный блок див, в который я прописал стили margin-bottom:30px; — это правило говорит браузеру что нужно сделать от этого блока див снизу отступ в 30 пикселей. После чего я этот блок поместил над формой комментариев и комментарии теперь не могут приблизится к этому блоку на 30 пикселей.
Смотрим что получилось.
Вот и всё, с формой комментариев мы закончили, думаю это было для вас не сложно, чем дальше вы будете двигаться со мной по настройки сайта, тем глубже будете понимать этот процесс, тем быстрее станете самостоятельно разбираться во всём этом.
Источник: nischenko.ru
Как установить на сайт виджет для комментариев Вконтакте
Для добавления на сайт возможности комментирования с помощью аккаунта Вконтакте, нужно создать виджет на этой странице http://vk.com/dev/Comments, обязательно нужно быть залогиненным под аккаунтом того человека, который в дальнейшем будет вести модерацию этих комментариев. То есть, если разработчик делает сайт для третьего лица, то при регистрации виджета нужно использовать аккаунт заказчика.
Итак мы на странице http://vk.com/dev/Comments. Настроек очень мало, что сильно облегчает работу. Нам нужно ввести Название сайта, Адрес сайта, Основной домен сайта (сформируется из Адреса сайта), выбрать Тематику сайта, отметить необходимое Количество комментариев для вывода на странице (5 или 10 вполне достаточно), выбрать необходимые Медиа-возможности и указать ширину виджета, которая зависит от макета, в который виджет будет устанавливаться.
По умолчанию отмечен чекбокс Медиа — Включить расширенные комментарии, это позволяет комментаторам использовать Граффити, Фотографии, Видео, Аудио и Ссылки в комментариях. Если же нужно отключить какие-то параметры медиа, то при нажатии на Подробнее, Вы получите полный список используемых медиа настроек. В дальнейшем, при настройке виджета на сайте можно подключать и отключать нужные функции медиа в коде, используя вместо attach: «*» , например, код в котором перечислены необходимые параметры для медиа attach: «graffiti,photo,audio,link» (отключено Видео).
Но это я забежал чуть вперед.
После настройки всех необходимых параметров жмем «Сохранить«. После сохранения виджета ниже в окне вы получаете готовый код, который выглядит примерно так:
Здесь все просто, код который отмечен комментарием Put this script tag to theof your page добавляем в код своего сайта перед закрывающимся тегом , для сайтов на CMS WordPress этот код нужно добавить в файл header.php.
А код, который отмечен комментарием Put this div tag to the place, where the Comments block will be нужно добавить в то место своего сайта, в котором виджет с комментариями должен выводиться, для сайтов на CMS WordPress этот код чаще всего добавляется в файл single.php.
Подводим итог
of your page —> VK.init();
VK.Widgets.Comments(«vk_comments», );
добавлен в место для вывода виджета комментариев.
После всех манипуляций получаем на сайте красиво оформленный виджет комментариев для ВКонтакте:
Важным моментом является наличие кнопки «администрирование», которая доступна только администратору и позволяет модерировать комментарии.
В общем, переносили сайт, вроде все сделали по правилам, осталось подождать обновления NS, но они…
На одном из сайтов клиента понадобилось добавить видео на страницу. Вроде бы задача не сложная,…
У многих дизайнеров, которые создают серьезные и интересные макеты, есть в наличии масса уникальных и…
На форуме Webmasters увидел интересное решение для того, чтобы увеличить скорость загрузки страниц на сайте,…
Источник: denis-creative.com