Как на сайте создать опрос (голосование) и рейтинг статей с помощью сервиса UpToLike |

Время чтения: 5 мин.

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

Кроме того, как я и обещал, мы разберем, как размещать код этого сервиса в сайдбаре и непосредственно в теле статьи.

Создание рейтинга статей на сайте

Участвуя в работе сервиса, мы получаем возможность создавать рейтинг статей, организованном по принципу «Нравится – Не нравится».

Заходите в свой аккаунт (как его создать?), нажимаете на вкладку «Модули», потом на «Рейтинг статей»:

 создание рейтинга статейРис.1 (Для увеличения любой картинки — кликните по ней)

В открывшейся странице нажимаете на кнопку «Создать проект». В появившемся окне указываете URL сайта, где будет размещен рейтинг и нажимаете ОК. Адрес сайта надо указывать так, как он пишется в адресной строке браузера – http:// ваш_сайт.ru.

Откроется страница настроек:

 настройки рейтинга статейРис.2

В левой части страницы расположены очень простые настройки, пояснять там, собственно, нечего. Особенно учитывая то, что любое изменение тут показывается на изображении иконок в примере сайта, расположенном справа (стрелка).

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

Настроив кнопки, нажимаем на кнопку «Получить код». Появляется окно:

 окно с кодомРис.3

На контекстное меню пока не обращайте внимания – оно понадобится нам позже. Код скрипта, представленный в этом окне надо скопировать (как обычно), хотя можно затребовать его и по электронной почте. Письмо с кодом приходит очень быстро, ждать не придется. Но я обычно код копирую.

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

Размещение кода рейтинга непосредственно в статье

Размещать код вручную довольно сложно. Это относится не только к этому конкректному скрипту, а ко всем Java- скриптам.  Дело в том, что WordPress прекрасно читает скрипт размещенный в коде шаблона (темы), но когда этот же скрипт находится в теле статьи, то WP начинает его самостоятельно исправлять и дорабатывать, в результате – скрипт перестает работать.

Почему так происходит, я не знаю. Возможно, разработчики считают, что скрипт в код шаблона вносят специалисты, а в тело статьи – юзеры, которые мало чего знают и умеют. Наверно, они правы: ну, какие из нас специалисты – смех один.

Но, поскольку у вебмастеров есть потребность внести код в тело статьи, то на помощь приходят разработчики плагинов. Они не борются напрямую с Вордпрессом, предпочитая обходные пути. В нашем случае – используют шорткоды: скрипт пишется в файле functions.php, а в статье указывается только специальная метка (шорткод), которая и вызывает этот скрипт.

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

Теперь рассмотрим следующую проблему —

Как создать опрос (голосование) на сайте

Сразу хочу предостеречь некоторых вебмастеров, с пренебрежением относящихся к опросам. Вы ведь пишите статьи для людей, а как узнать что им наиболее интересно? – Конечно, просто спросить их об этом.

Зная ответ, вы сможете сделать упор на те темы, который наиболее востребованы. Желание читателей – закон для вебмастера. Тогда и посещаемость вашего ресурса будет расти как на дрожжах.

Итак, приступим.

Нажимаете на вкладку «Модули» и далее «Опросы» (см.рис.1). Нажимаем кнопку «Создать опрос». Обратите внимание: нам не предлагают создать проект, как раньше, предполагается, что опрос вы можете установить на любом сайте и даже на нескольких.

В основных настройках вы можете выбрать «Фиксированный вид» или «Ярлык». В первом случае у вас будет табличка с опросов, во втором – ярлык «Участвуй в опросе!», который вы можете разместить на странице справа или слева у ее границы.

В этом же разделе можете определить ширину фиксированной таблички, что особенно важно при размещении, например, в сайдбаре.

В разделе «Содержание» укажите суть вопроса, например, «Какие темы вам более интересны?» или «Какими мультиварками вы пользуетесь?».

В графах «Варианты ответа» вписываете те возможные на ваш взгляд ответы. При необходимости, нажимаете на кнопку «Добавить» — появится еще одно с ответами. Нажмете «Удалить» — будет удалено последнее окно, поэтому заранее продумайте ответы, чтобы потом не переделывать опрос бесконечно. Это тем более важно, что голосование будет осуществляться с помощью радиокнопок, т.е. возможен только один ответ, а не несколько.

Раздел «Настройки стиля» — точно так же руководствуетесь дизайном  вашего сайта.

Заполнив все разделы, нажимаете кнопку «Получить код» и копируете его.

Теперь посмотрим-

как код сервиса разместить в виджете.

Заходите в админку, открываете вкладку «Внешний вид» — «Виджеты». Находите виджет «Текст», перетаскиваете его в нужный сайдбар и открываете его (при необходимости нажмите на серый треугольник). Пишите заголовок, в основное поле вставляете скопированный код. Нажимаете «Сохранить»:

 размещение кода в виджетеРис.4

На строчку «Зафиксировать виджет» можете не обращать внимание: это работа одного плагина, который фиксирует виджета таким образом, чтобы он всегда был в окне монитора. Как такой зафиксированный виджет будет выглядеть на сайте, посмотрите здесь. Надо только не спеша прокручивать страницу вниз, обращая внимание на этот виджет.  Если хотите и себе на сайт такую же примочку, почитайте эту статью.

Сам же вновь созданный опрос выглядит так:

 внешний вид опросаРис5

После того, как посетитель проголосует, появятся результаты опроса:

 итоги опросаРис.6

Интересно, что для проголосовавшего, даже для вас, сам опрос никогда больше виден не будет – только его результаты. Если вы этот опрос установите на другой сайт, то для проголосовавшего будут видны опять-таки только итоги опроса, в отличие от всех остальных. Это удобно для тех вебмастеров, которые имеют несколько однотематических сайтов.

Теперь посмотрим на-

возможность редактирования опроса.

Заходите во вкладку «Модули» — «Опросы». Открывается страница:

 редактирование опросаРис.7

Кликнув по  серой галочке (правая стрелка) или же по названию опроса (левая стрелка), то увидите новую вкладку:

 8Рис.8

Здесь, кроме результатов, вы сможете отредактировать код или совсем удалить этот опрос.  Кнопки «Вкл» и «Выкл» предназначены для подключения системы фиксирования результатов. Это означает, что опрос на сайте как был, так и останется, и голосовать посетители смогут, но вот данные голосования в вашем аккаунте не будут изменяться.

Вот и все, что я вам хотел рассказать про этот очень хороший сервис.

…Сообщите об этой статье своим друзьям:

Благодарю Вас!

А еще Вы можете подписаться на рассылку и первым получать самые свежие статьи.

Удачи!

Автор: Сергей Ваулин

Похожие записи по этой теме:

Раздел: Без рубрики