m

Встраивание опроса в веб-сайт

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

Как создать коллектор опроса на веб-сайте:

  1. Перейдите в раздел Сбор ответов своего опроса.
  2. Выберите Встроить в веб-сайт. Если у Вас уже есть коллектор для опроса, щелкните Добавить новый коллектор в правом верхнем углу списка коллекторов и выберите Коллектор для веб-сайта.
  3. Выберите тип коллектора для веб-сайта: встроенный опрос, всплывающее приглашение или всплывающий опрос.
  4. Измените настройки отображения на вкладке Тема и нажмите кнопку Далее.
  5. Отредактируйте параметры коллектора на вкладке Параметры и нажмите кнопку Далее.
  6. Скопируйте сценарий с вкладки Установка и вставьте его на свою веб-страницу.

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

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

Типы коллекторов для веб-сайта

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

Встроенный опрос

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

На вкладке Тема доступны настройки будущего опроса и его предварительный просмотр:

  • Ширина и высота: с помощью ползунка задайте ширину или высоту своего опроса в пикселах.
  • Цвет границы: задайте цвет нижней границы. Для редактирования цветов верхней части опроса перейдите к составлению опроса и нажмите ТЕМЫ.
  • Скрыть фирменные знаки SurveyMonkey: можно скрыть надпись "на основе технологии SurveyMonkey" на нижней рамке (платная функция).
Всплывающее приглашение

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

На вкладке Тема доступны настройки будущего приглашения и его предварительный просмотр:

  • Заголовок: удачный заголовок состоит из 2 или меньше строк и привлекает внимание посетителей. Можно редактировать текст, но не шрифт, размер или цвет.
  • Сообщение: правильно составленное сообщение объясняет цель проведения опроса и может включать от одного до трех коротких предложений. Можно редактировать текст, но не шрифт, размер или цвет.
  • Основная кнопка: эта кнопка открывает опрос. Можно редактировать текст и цвет кнопки, а также цвет текста.
  • Вспомогательная кнопка: эта кнопка закрывает окно приглашения; приглашение больше не будет появляться при открытии веб-страницы в том же браузере. Можно редактировать текст и цвет кнопки, а также цвет текста.
  • Цвет границы: граница помогает визуально выделить приглашение. Можно изменить цвет границы в соответствии с оформлением Вашего сайта.
  • Ширина и высота: с помощью ползунка задайте ширину или высоту приглашения в пикселах.
  • Частота выборки: укажите, какой процент посетителей следует приглашать. Мы используем cookie-файлы, чтобы избежать повторного открытия приглашения, если пользователь уже ответил на опрос или отказался от участия в нем. Если пользователь удалит cookie-файлы или посетит Ваш сайт с помощью браузера, блокирующего cookie-файлы, коллектор не сможет запомнить, был ли опрос пройден или отклонен таким пользователем.
  • Скрыть фирменные знаки SurveyMonkey: можно скрыть надпись "на основе технологии SurveyMonkey" на нижней рамке (платная функция).
Всплывающий опрос

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

На вкладке Тема доступны настройки будущего опроса и его предварительный просмотр:

  • Заголовок: этот заголовок отображается на верхней границе. Можно редактировать текст, но не шрифт, размер или цвет.
  • Ширина и высота: с помощью ползунка задайте ширину или высоту своего опроса в пикселах.
  • Цвет границы: граница помогает визуально выделить опрос. Можно изменить цвет границы в соответствии с оформлением Вашего сайта.
  • Частота выборки: укажите, какому проценту посетителей следует показывать опрос. Мы используем cookie-файлы, чтобы избежать повторного открытия приглашения, если пользователь уже ответил на опрос или отказался от участия в нем. Если пользователь удалит cookie-файлы или посетит Ваш сайт с помощью браузера, блокирующего cookie-файлы, коллектор не сможет запомнить, был ли опрос пройден или отклонен таким пользователем.
  • Скрыть фирменные знаки SurveyMonkey: можно скрыть надпись «на основе технологии SurveyMonkey» на нижней рамке (платная функция).

Параметры коллектора

Помните, что при использовании коллектора для веб-сайта следующие параметры коллектора недоступны:

  • Встроенные опросы не имеют параметра Конечная страница опроса.
  • В коллекторе для веб-сайта любого типа отсутствует параметр Многократные ответы. Респондент может только один раз пройти один и тот же опрос в одном браузере.
  • В данный момент функция Текущие результаты не доступна ни для одного типа коллекторов для веб-сайта.
СОВЕТ. Чтобы позволить респондентам проходить опрос несколько раз, создайте для опроса ссылку на веб-страницу и опубликуйте ее на своем сайте.

Скрытие фирменных знаков SurveyMonkey

Можно скрыть фирменную надпись «на основе технологии SurveyMonkey» в коллекторе на вкладке «Темы» (платная функция).

Чтобы скрыть фирменные знаки SurveyMonkey в самом опросе, перейдите в раздел «Составление опроса» и нажмите кнопку ПАРАМЕТРЫ на левой боковой панели.

Модальные окна

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

Модальные окна — это окна небольшого размера, «плавающие» над веб-страницей. Для работы модальных окон не требуется открытие новой страницы, и на них не действует блокирование всплывающих окон. Во время прохождения опроса в модальном окне респонденты остаются на Вашей веб-странице.

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

Руководство по установке

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

1. Найдите код на вкладке «Установка»

Создав коллектор для веб-сайта, Вы найдете код его установки на вкладке «Установка».

Код установки содержит несколько строк JavaScript. Все содержимое окна, начиная с команды <script> и заканчивая командой </script>, является фрагментом кода установки. Код установки содержит уникальный идентификатор, который соответствует коллектору для веб-сайта.

Вкладка «Установка» отображается только после сохранения настроек на вкладках «Тема» и «Параметры». Вы можете в любое время изменить эти настройки — это не повлияет на код установки.

2. Скопируйте и вставьте фрагмент кода на свою веб-страницу

Следите за тем, чтобы не изменить фрагмент кода — скопируйте все содержимое окна, начиная с команды <script> и заканчивая командой </script>, на вкладке «Установка».

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

Вставьте код без изменений на соответствующие страницы своего сайта:

  • Встроенный опрос: скопируйте и вставьте сценарий в HTML-код той части страницы, где должен отображаться опрос.
  • Всплывающее приглашение или опрос: скопируйте и вставьте сценарий в HTML-код непосредственно перед закрывающим тегом </body>.

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

3. Перейдите на свой веб-сайт

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

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

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

Чтобы убедиться в том, что код добавлен правильно, перейдите к коллектору для веб-сайта — должно перестать отображаться синее уведомление, напоминающее о необходимости установить JavaScript для просмотра виджета на сайте.

WordPress

Можно использовать код установки коллектора для веб-сайта на странице wordpress.org (не wordpress.com). Чтобы вставить этот код на страницу, Вы должны обладать правами администратора (или суперадминистратора, если в Вашем распоряжении сеть wordpress.org с несколькими сайтами).

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

Получите ответы на вопросы