sonyps4.ru

Скопировать опрос вконтакте. Определение стилей оформления в шаблоне

Здравствуйте, ребята!

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

Всегда существует необходимость настраивать сайты после их создания. Часть настроек выполняется через редактирование файлов установленного шаблона темы оформления. Например, нужно вставить код, выводящий похоже записи. Но куда его вставить?

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

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

Давайте начнем с самого верха и рассмотрим файлы, которые вам может придется редактировать, если вы захотите вставлять коды ручками, а не с помощью плагинов, ведь существует и такой вариант. Его я не приветствую, но все же для самых лентяев я опишу такие плагины в следующих статьях.

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

Теперь объясню все подробно в текстовом формате.

Файлы, отвечающие за вывод каждого типа страниц

Если вы читали много статей на других блогах о реализации каких-то функций с помощью кодов (скриптов), то уверен на все 100%, что видели фразы наподобие:

  • Вставляете этот код в файл, отвечающий за вывод главной страницы;
  • Вставляете этот код в файл, отвечающий за вывод записей и другие.

Файлов, в которые может потребоваться вставлять коды, много. Но, что это за файлы? Все очень просто.

  1. Вывод главной страницы - index.php;
  2. Вывод записей - файл single.php;
  3. Вывод страниц - файл page.php;
  4. Вывод архивов и рубрик - archive.php;
  5. Вывод подвала - footer.php;
  6. Вывод страницы поиска - search.php;
  7. Вывод сайдбара - sidebar.php;
  8. Файл стилей - style.css;
  9. Файл вывода страницы 404 - 404.php.

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

Осталось лишь ответить на вопрос, как же определить нужное место в каждом из файлов?

Определяем место вставки кода

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

Первое место, идентичное для всех шаблонов - область в файле Header.php. Это открывающий и закрывающий теги .

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

Данные теги размещены в самом верху файла Header.php.

Содержимое, находящееся между ними, у всех будет отличаться, так как все зависит от шаблона.

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

Второе место, которое также идентично для всех шаблонов, находится в файле, отвечающем за вывод подвала - footer.php.

Скрипты можно подключать не только, вставив их между тегами в файле Header.php. Можно также их подгрузить через файл footer.php, тем самым ускорив загрузку страницы сайта.

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

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

Чтобы реализовать такой вариант, необходимо открыть файл footer.php и вставить скрипт перед закрывающимся тегом body. Находится он в конце содержимого файла, так как отвечает за окончание области страницы.


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

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

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

  • Вывод похожих записей;
  • Вывод формы подписки;
  • Вывод социальных кнопок и так далее.

Все эти вещи вставляются после основной части контента, то есть после окончания статьи. У каждого разный код шаблона и, поэтому, универсального ответа на вопрос "Где у меня заканчивается код вывода статьи?" просто нет.

Но можно запросто определить конец кода, после которого необходимо реализовать нужную вам функцию. Частично данный метод я уже показывал в статье про выбор WordPress шаблона (). Использовал я тогда стандартный функционал интернет браузера.

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

Покажу на примере браузера Google Chrome. В других браузерах данная функция также имеется, то может немного по другому называться.

  • Google Chrome - просмотр кода элемента;
  • Firefox - исследовать элемент;
  • Opera - проинспектировать элемент.

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

Переходим в просмотр кода элемента (Google Chrome). Жмем правой кнопкой мыши по пустой области страницы.


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

Вот, как выглядит эта панель.

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

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


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

Но тут одно замечание . Нам необходимо находить не просто строчки статьи, а именно блоки, в которых находится сам контент, так как в файлах шаблона статей нет. Там имеется только код, выводящий контент, и заключен он в блоки. Именно после закрывающего блочного тега

и нужно будет вставлять код.

Итак, что мы делаем? Нажимаем на пиктограмму лупы и начинаем инспектировать область, в которой находится наша статья. Нужно найти такую часть страницы, когда подсветится область всей статьи. Это и будет блок, выводящий контент.

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


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

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


Как видим, данный блок имеет точно такое же название, как и во всплывающей подсказке при наведении.

Когда мы знаем название блока, в котором выводится основная часть статьи, мы можем пойти в необходимый файл и вставить после данного блока нужный нам код. Для примера возьмем файл вывода записи (single.php).

Открываю его в редакторе Notepad и ищу в коде строчку, которая начинается точно также, как в панели просмотра кода элемента.

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

Я как раз и вставил там социальные кнопки вместе с формой подписки на обновления.


На страницах они так и отображаются.


Аналогично происходит вставка и в другие файлы шаблона (страницы, рубрики, архивы...).

Без практики данный метод вставки вряд ли освоишь по тексту и изображениями. Поэтому, берите и пробуйте. Уверен, что все получится. Также в помощь видео в начале статьи.

Про определение места в файле шаблона для последующей вставки в него нужного когда, разобрались.

Остался последний момент , который стоит освятить в данном пункте.

Имеется немало настроек, требующих вмешательства в файл шаблона functions.php. Но, как вставлять в него коды, также нужно понимать.

Как правило, на всех блогах пишут, что вставку нужно производить в самый конец файла перед закрывающим тегом?>.

Но, как быть, если данного тега нет в файле? Вот, например, у меня его как раз таки и нету. Как быть в такой ситуации? Отсутствия закрывающего тега не означает, что файл некорректный. Блог ведь работает. Значит все ОК.

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


Красным цветом выделен открывающий тег, а синим- код, который был вставлен.

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

Вот и все. Если вдруг у вас такая же ситуация с отсутствием закрывающего тега в файле funsctions.php, то будете знать, как действовать.

Определение стилей оформления в шаблоне

Также само мы можем просматривать стили оформления для элементов страниц и менять их, а также добавлять свои. В этом помогает все тот же инспектор элемента.

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


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

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

Поэтому, открываем файл стилей style.css и ищем строчку 890 в моем случае.

Тут можете их и отредактировать. Сохраняете файл и закачиваете на хостинг.

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

Настоятельно рекомендую вам также выполнять подобное редактирование любых файлов у себя на компьютере. Для этого вам нужно сначала скачать файлы к себе на компьютер со своего хостинга, использовав ftp клиент. Об этом я писал в . А затем просто открывать файлы любым удобным для вас редактором, который сможет открыть их. Я использую для этих целей Notepad.

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

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

Все, друзья. На этом заканчиваю. Жду ваших вопросов в комментариях. Во всем разберемся. До встречи в новых материалах.

С уважением, Константин Хмелев.

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

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

  1. Продумывание тематики опроса, формирование анкеты на бумаге (на компьютере).
  2. Создание анкетного опроса с помощью выбранного Вами способа реализации.
  3. Фиксирование готовой анкеты на своем сайте.

Первый этап мы рассмотрели в прошлой статье, поэтому сейчас мы рассмотрим два последующих.

Способы создания опроса для сайта

Сделать опрос для сайта можно разными способами. Первый вариант — использование стороннего специализированного ресурса. На нем мы заранее сформулированные вопросы вносим в специальный шаблон, подготавливаем если необходимо нужные ответы. Затем получаем готовую анкету. Остается только внести ее на свой сайт. Рассмотрим пару простых примеров.

Составление простого опроса в соцсети ВКонтакте

На мой взгляд, это самый простой и быстрый способ, который подойдет для проведения небольшого анкетирования. Для этого нужно сделать следующие телодвижения:

Входим в свой аккаунт социалки ВКонтакте. Ищем строку «Что у Вас нового?» и кликаем на нее:

После клика появляется всплывающее меню с разными вариантами вставки нового материала. В нем не все позиции высвечиваются, поэтому кликаем на ссылку «Другое» и выбираем вариант «Опрос»:

В итоге получаем специальную форму для проведения анкетного опроса. Для примера я ее уже заполнил, включив в нее закрытые вопросы:

Теперь нам остается всего лишь нажать кнопку «Отправить» и любоваться готовым вариантом анкеты:

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

Как создать Гугл опрос

Более сложные анкетные опросы для своего сайта формируем на специализированных сервисах. В интернете можно найти такие площадки на любой вкус. Вот некоторые из них — pollservice.ru, rupoll.com.

Функционал у них солидный — сервисы могут выполнить анкеты почти любой сложности. Рассмотрим один из самых популярных в Рунете способ создания анкеты с помощью сервиса Google Drive (drive.google.com).

Для создания анкеты в Google Drive (Диск Гугл по-русски) нужно войти в свой аккаунт и выбрать нужный сервис. Как вариант, после входа просто прописываете урл Google Drive. В итоге у Вас появляется стартовый экран, в котором в левом меню выбираем позицию «Форма»:

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

Благодаря этому дополнительному функционалу, опрос на Гугл Диске можно превратить в полноценную креативную анкету на любой вкус. Да и задачи таким образом можно выполнить любые — Google Drive позволяет вписать в анкету любые варианты вопросов.

В итоге, затратив пару минут на составление вопросов, получаем готовую. анкету:

Немного слов про настройки будущих анкет, созданных в Гугл Диске. Они есть и отвечают за следующие аспекты работы респондента с анкетой:

Рассмотрим их подробнее.

  1. Показ ссылки для повторного заполнения в большинстве случаев не нужен — редки случаи, когда нужно получить второй ответ от одного и того же респондента.
  2. Вариант публикации ссылки с результатами опроса нужен в том случае, когда исследование не требует закрытого подсчета всех данных.
  3. Разрешение респондентам менять свои ответы бывает полезно, если анкетный опрос или сложен по теме, или заставляет респондента пересматривать свои ответы после пройденного анкетирования.

Заключительным этапом работы с формированной формой является ее сохранение. Ее можно отправить на свою электронную почту или закинуть в Гугл Документ:

А еще можно показать готовую анкету на своем сайте. Об этом сейчас и поговорим.

Как сделать опрос на сайте

Последний штрих в проведении опроса на своем ресурсе — это вставка уже подготовленных анкет. Существуют следующие способы реализации данной задачи:

  • создание на своем сайте ссылки на готовый анкетный опрос
  • внедрение формы готовой анкеты на страницу сайта путем вставки кода;
  • формирование анкеты и ее отображение с помощью плагина (скрипта).

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

Вставка ссылки на страницу с готовой анкетой

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

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

Вставка кода готовой анкеты

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

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

Вариант вставки кода из Google Drive аналогичный:

Если вставить данный код, то на выходе получается милая анкетка:

Создание анкеты с помощью плагина (скрипта)

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

Функционал таких плагинов позволяет сделать анкету и внедрить ее в тело конкретной статьи или оформить опрос в виде виджета. Я раньше пользовался таким способом, клепал небольшие опросики с одним закрытым вопросом. Приведу результаты анкетирования двух опросов:

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

С уважением, Ваш Максим Довженко

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

Сейчас я покажу вам, как сделать опрос в вк .

Что такое опрос

Выглядит это вот так.

Как создать опрос в вк

Нам нужно создать новую запись. Либо на своей странице, либо на стене группы (см. ). Перейдите к форме, и наведите курсор на ссылку «Еще» . В выпадающем меню выберите пункт «Опрос» .

У нас откроется форма, в которой нужно заполнить следующие поля:

  • Название опроса;
  • Варианты выбора;
  • Укажите, будет ли голосование анонимным.

Когда все заполните, нажмите кнопку «Отправить» .

Видео урок: как сделать опрос в вк

Изменения в интерфейсе опросов

Пару слов про обновление интерфейса опросов. В 2018 году этот инструмент был дополнен. Теперь вы можете настраивать внешний вид, выбирая цветовую гамму. А также добавлять пару дополнительных параметров. Давайте разбираться.

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

Когда все параметры будут выбраны, нажмите на кнопку «Отправить» , для публикации опроса. Внешний вид с текущими изменениями, вы можете посмотреть на картинке ниже.

Заключение

Опросы хорошо проводить в группе. Так вы существенно повысите активность пользователей. Это благоприятно повлияет на .

Вопросы?

Вконтакте

Учимся делать опрос (голосование) на своем сайте.

Здравствуйте, читатели моего сайта!

В данной статье я хочу вас научить делать опросы (голосования) на сайтах. Вы узнаете, что для этого нужно и как это сделать. А также, вы узнаете все прелести подобных опросов, и как это отражается на вашей читательской аудитории.

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

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

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

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

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

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

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

Для начало перейдите по такому адресу http://www.rupoll.com . После чего вам нужно будет перейти по ссылке Создать Опрос .

Чуть ниже вы должны написать ваши варианты ответов на поставленный вами вопрос, который вы написали чуть выше. Здесь полей достаточно, но вы берете столько полей, сколько вам необходимо.

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

После чего сервис даст вам несколько видов вашего опроса с нужным кодом к каждому варианту. Мне больше приглянулся последний вариант в виде табличной формы. Здесь, как вы видите на скриншоте, уже есть готовый код данной формы опроса, который вам нужно скопировать и вставить себе на сайт. Но, что я заметил здесь, так это то, что в коде есть одна не большая ошибка, что и подтверждает, что сервис бесплатный и с простеньким дизайном. Но это не столь важно, главное, чтобы вас все устраивало и все работало. А для того, чтобы данный код работал на вашем сайте, нужно исправить ошибку в коде. Там вместо кода нужно исправить на после главного вопроса. После этого у вас должно все работать. По крайне мере у меня все заработало и вы в этом можете убедиться сами в низу статьи.

Вот, что у меня получилось в конечном итоге.

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

2-й способ создания опроса (голосования) на сайте.

Данный способ создания голосования (опроса) на сайте ко мне пришел позже, когда я о нем узнал. Данный способ на мой взгляд является самым удачным с учетом того, что он создается легко и просто и при этом еще бесплатно, а это не маловажный фактор.

Надеюсь, все знают, что такое социальная сеть Вконтакте. Если нет, то рекомендую там зарегистрироваться, так как это полезно не только вам, но и вашему сайту, так как с помощью Вконтакте вы можете сделать множество фишек для своего сайта и еще неплохо раскрутить сайт с помощью данной социальной сети. Поэтому мой совет - зарегистрируйтесь, не пожалеете.

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

Итак, заходим в аккаунт в Вконтакте, и ниже ваших фотографий у вас будет строка с названием "Что у Вас нового? ". Вам нужно поставить туда курсор.

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

После того как вы перейдете по пункту меню Опрос, вы попадете на форму для создания темы опроса.

\

Здесь вам нужно придумать тему опроса, которую вы пишете в первой верхней строке, а ниже придумываете и вписываете ответы в соответствующие строки. Если вам не достаточно 2-х строк для вариантов ответа, то вы можете легко добавить еще строки для вариантов, сколько вам необходимо, но не более 10-ти вариантов. Но я думаю, этого будет достаточно, чтобы сделать нормальный опросник на своем сайте. После того как вы создадите опрос (голосование) нажмите на кнопку "Отправить ". После чего у вас появиться примерно такая картина как на скриншоте ниже.

У этого сервиса опросов для сайта есть бесплатный тариф и два платных. Также есть специальные тарифы, в которые входит разработка опросов специалистами компании.

Функционал: Пользователям бесплатного тарифа дадут создать три опроса. В каждом опросе может быть до 10 вопросов. Заполнить опрос смогут всего 50 раз.

Опрос можно создать с нуля или выбрать шаблон с готовыми вопросами. Если создаёте с нуля, в вашем распоряжении 13 типов вопросов: от простого текстового поля до сетки с оцениванием по 100-балльной шкале. Дополнительно можно создать страницу приветствия и завершения.

К вопросам можно добавлять комментарии или фотографии, но лимит памяти на хранение файлов в бесплатном тарифе – всего 2 МБ. Ещё у Анкетолога есть защита от накрутки результатов.

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

Статистика: Результаты опроса хранятся в личном кабинете. По каждому опросу отображается таблица с количеством переходов, процентом успешных заполнений и средним временем заполнения. При желании можно получать отчёты по электронной почте или скачать отчёт в формате DOC, PDF, SPSS или XLS.

Размещение опроса: Когда опрос готов, вы сможете скопировать прямую ссылку на него, встроить опрос в сайт или добавить туда виджет. Виджет – это небольшая закладка сбоку на странице со ссылкой на опрос. В обоих случаях придётся скопировать HTML-код и добавить его в исходный код страницы. Если не знаете, как это сделать, обратитесь за помощью в службу поддержки Анкетолога.

Стоимость: Бесплатно + платные тарифы от $12 в месяц. Полный список тарифов доступен на сайте компании.

Это полностью бесплатный сервис онлайн-опросов. Чтобы начать им пользоваться, нужен только Google-аккаунт.

Функционал: В Google Формах можно создавать неограниченное количество опросов любой длины. При создании опроса в вашем распоряжении 11 типов вопросов. Среди них: текстовые поля, переключатели и раскрывающиеся списки. Есть возможность добавлять к вопросам фотографии или видео с YouTube.

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

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

А ещё у Форм адаптивный дизайн: опросы удобно редактировать и заполнять с мобильных телефонов.

Статистика: Результаты обновляются в реальном времени. У каждого вопроса будет свой график или таблица.

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

Стоимость: Бесплатно

Функционал: В бесплатный тариф входят три опроса, до 10 вопросов в каждом. Всего в опросе смогут поучаствовать 100 человек.

В конструкторе опросов – 11 типов вопросов. Кроме текстовых полей есть шкала оценки, выпадающий список, отдельные поля для адреса, электронной почты и имени. К вопросам можно добавлять комментарии, фотографии и файлы размером до 10 МБ. При желании можно создать вступительный и финальный текст.

Дополнительно можно назначить баллы за каждый ответ. Это пригодится, если хотите сделать опрос для промо-акции. Если хотите защититься от накруток голосов, запретите заполнять опрос больше одного раза с одного IP-адреса.

Внешний вид: Вам предложат выбрать одну из готовых тем или самостоятельно настроить цвета и шрифты отдельных элементов. Также есть возможность добавить свой CSS-код с параметрами оформления.

Сбор статистики: Результаты хранятся в личном кабинете и обновляются в реальном времени. При желании можно также настроить уведомления по электронной почте или скачать отчёт в формате XLS.

Для каждого вопроса создаётся отдельный блок с данными. На отдельной вкладке вы найдёте список респондентов. Туда сохраняется время и место заполнения опроса.

Размещение опроса: Simpoll предлагает прямую ссылку и три типа HTML-кода для распространения опроса: кнопка со ссылкой, всплывающее окно или полное встраивание в сайт.

Стоимость: Бесплатно + платные тарифы от $2,5 в месяц.

У сервиса есть бесплатный тариф и три платных. Таблица с характеристиками тарифов доступна на сайте сервиса.

Функционал: В бесплатный тариф входит неограниченное количество опросов. В каждом опросе может быть до 10 вопросов. Всего в опросе могут поучаствовать 100 человек.

В вашем распоряжении 11 типов вопросов. Среди них: рейтинг в звёздах, оценка по шкале, раскрывающийся список и др. Дополнительно есть возможность добавить фото или видео, включить редактирование вопросов. Также можно расставить варианты ответов в случайном порядке.

Опрос автоматически защищён от накруток. Это значит, что с одного IP-адреса его можно пройти один раз. На случай вопросов у Survey Monkey есть служба поддержки по электронной почте.

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

Статистика: В личном кабинете доступно восемь типов графиков для каждого вопроса. Вы увидите сколько человек заполнили опрос, процентное соотношение разных ответов и пропускали ли вопрос. Отдельно доступна информация о каждом респонденте: потраченное время, дата заполнения и IP-адрес.

Статистику можно экспортировать в форматах CSV, PNG, PDF, PPT, SPSS и XLS.

Размещение опроса: Готовый опрос можно отправить по электронной почте, встроить в сайт или сделать всплывающее приглашение. Вам также предложат прямую ссылку на опрос. Её можно разместить на сайте или в социальных сетях.

Стоимость: Бесплатно + Платные тарифы от $45 в месяц

У этого сервиса для опросов есть бесплатный тариф и три платных. Сравнить тарифы можно на официальном сайте компании.

Функционал: В бесплатный план входит неограниченное количество опросов любой длины. При создании опроса предложат выбрать один из 100 шаблонов готовых опросов. Для тех, кто решит создать опрос с нуля, доступно 11 типов вопросов. Среди них: текстовое поле, переключатели с выбором одного или нескольких вариантов, рейтинг в звёздах или оценка по шкале.

Внешний вид: Сервис предлагает выбрать готовую тему или сменить цвет фона. Чтобы создать собственную тему или загрузить логотип, придётся оформить платный план.

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

Результаты можно получать по электронной почте или скачать в формате PDF, .XLS, .CSV, .XML или.HTML

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

Стоимость: Бесплатно + платные тарифы от $14 в месяц.

У сервиса есть бесплатный и платный тариф. Сравнительные характеристики тарифов описаны на сайте.

Функционал: В бесплатный тариф входит неограниченное количество опросов любой длины. В конструкторе опросов есть готовые шаблоны и 14 типов вопросов: от текстовых полей и переключателей до выпадающих списков и оценки рейтинга в звёздах. Дополнительно к вопросам можно делать подсказки, добавить к опросу текст приветствия и включить защиту от накруток.

У Testograf также есть поддержка по электронной почте.

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

Статистика: Результаты опросов хранятся в личном кабинете. По каждому вопросу создаётся отдельная диаграмма. Кроме того, есть возможность настроить уведомления по электронной почте или скачать результаты в формате CSV, PDF, XLS.

Стоимость: Бесплатно + платный тариф для одного опроса за $30 и годовая лицензия за $300. За дополнительную плату можно привлечь респондентов из базы сервиса.

У сервиса есть бесплатный тариф и два платных. Сравнить характеристики тарифов можно на официальном сайте.

Функционал: Для пользователей бесплатного тарифа доступно неограниченное количество опросов, до 10 вопросов в каждом. В месяц в опросе могут поучаствовать 100 человек.

В конструкторе опросов есть 15 типов вопросов: от текстовых полей и форм ответа «да/нет» до полей с выбором картинки и шкал оценки качества. Дополнительно можно отредактировать текст на кнопках интерфейса.

Опросы Typeform можно интегрировать с другими сервисами. Среди них: Mailchimp, Trello, Google Sheets, Google Почта и т.д.

Внешний вид: Вам предложат выбрать готовую цветовую гамму или настроить цвета и шрифты вручную. Также есть возможность добавить свою фоновую картинку.

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

Есть возможность интегрировать опрос с Google Аналитикой. В этом случае вы сможете смотреть статистику по опросу в панели управления Google Аналитикой.

Размещение опроса: Встроить опрос на сайт можно целиком или в виде всплывающего приглашения. Также есть возможность встроить опрос в письмо и отослать по почте.

Стоимость: Бесплатно + платные тарифы от $30 в месяц.

Плагины для сайта на Вордпресс

Обычно у плагинов для хостинга меньше функционал. Они пригодятся, если хотите узнать мнение клиентов по одному вопросу. Я кратко опишу три плагина для сайтов на WordPress.

Функционал: В одном опросе может быть только один вопрос и неограниченное количество вариантов ответа. Дополнительно можно выставить ограничения по IP-адресу, имени пользователя или файлам cookies.

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

Статистика: Результаты отображаются в конце опроса и панели управления WordPress. Есть возможность выбрать один из семи типов графиков для отображения результатов. А ещё опросы удобно просматривать на мобильных устройствах.

Функционал: В одном опросе может быть только один вопрос и неограниченное количество вариантов ответа. Можно добавить возможность выбора нескольких вариантов ответа и указать дату окончания опроса.

Дополнительно есть опция «Не записывать в журнал». Она позволяет каждому пользователю голосовать неограниченное количество раз.

Внешний вид: Плагин позволяет редактировать цвет и размер полоски подсчёта голосов.

Статистика:

Размещение опроса:

Стоимость: Бесплатно

Функционал: В одном опросе может быть только один вопрос и неограниченное количество вариантов ответа. В настройках можно выбрать показывать или скрывать результаты опроса. Ещё можно установить дату начала и конца опроса.

Кроме того, можно выставить ограничения по IP-адресу, имени пользователя или адресу электронной почты.

Внешний вид: Пользователям YOP Polls доступно 15 цветовых шаблонов. Шаблон можно скопировать и отредактировать, если ни один не пришелся по душе. Дополнительно можно редактировать название кнопки голосования и ссылки, ведущей на результаты.

Статистика: Результаты отображаются в панели управления WordPress и в самом опросе.

Размещение опроса: В панели управления WordPress появится кнопка, которая добавляет на сайт виджет с опросом.

Стоимость: Бесплатно

Какой сервис выбрать

Выбор сервиса опросов для сайта – это дело вкуса. У каждого сервиса примерно одинаковый набор инструментов, но они по-разному представлены в бесплатных тарифах. Поэкспериментируйте и создайте опрос в нескольких сервисах. Так будет проще определить какой из них подходит больше.

Лично мне по количеству функций больше понравились Survey Monkey и Typeform, а по дизайну и простоте использования – Google Формы.

И ещё: недостаточно просто собирать мнения, нужно вести диалог с клиентами.
Делитесь результатами опросов и старайтесь учитывать пожелания, чтобы сделать свой сайт максимально эффективным.

Тестируйте надежный украинский хостинг и



Загрузка...