Установка скрипта «Автоподсказки при поиске»

Введение

Благодарим за покупку скрипта! Установка скриптового решения займет некоторое время. Пожалуйста, внимательно читайте инструкции и старайтесь следовать всем рекомендациям.

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

Работает скрипт во всех модулях (на основе стандартного поиска), кроме интернет-магазина. Не блокирует IP-пользователя при большом частом использовании поиска. Кроме того, запросы реализованы так, что скрипт сразу может обрабатывать тысячи материалов.

Имеет такие настройки:

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

Требования к установке:

  • активированное PHP (обязательно)

В следующей версии планируется:

  • больше вариантов вида поиска (интерфейсная часть);
  • версия на JavaScript (без использования PHP).

Перед установкой, сделайте полный бэкап шаблонов на случай, если вы в какой-то момент решите вернуть прежний вид сайту или отдельным его элементам. Сделать это можно в Панели управления » Управление дизайном » Backup шаблонов.

Первый шаг: активация PHP


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

Второй шаг: загрузка скриптов на FTP PHP


Этап 1. Установка пароля

Если у вас задан пароль к FTP PHP, сразу же переходите к следующему этапу.

Перейдите на главную страницу панели управления вашим сайтом, в правой верхней части нажмите на ссылку «PHP детали».
В открывшемся окне кликните на ссылку: «Пароль не установлен.
Мы попадем на страницу установки пароля на FTP PHP. Заполните поля, продолжайте следовать инструкциям системы.

Этап 2. Подключение к PHP FTP серверу

После установки пароля, скачайте FTP-клиент, рекомендуем бесплатный FTP клиент FileZilla. После установки программы, в верхней части вводим параметры подключения:

  • Сервер: s2000.ucoz.net
  • Логин (FTP login): введите свой логин, который указан в меню "PHP детали"
  • Пароль: пароль который вы ввели ранее в специальном разделе

После заполнения полей нажмите на кнопку «Быстрое соединение».


Этап 3. Загрузка скриптов на PHP FTP сервер

После успешного подключения вы увидите каталог под именем «scripts» в правой части окна программы. Обязательно переходим в этот каталог двойным кликом по нему.

Теперь загрузите в этот каталог папку из архива со скриптом «quicksearch». Загрузить легко, просто перетащите эту папку в правый диалог (где отображаются каталоги и файлы хранящиеся на сервере).
Узнать статус передачи файлов вы можете в окне статуса, которое находится в нижней части программы, там отображаются файлы которые ожидают передачи и те, которые не удалось передать, в частности которые были успешно переданы.

Третий шаг: установка кода

Перейдите в Панель управления » Управление дизайном » Глобальные блоки: Нижняя часть сайта, и в любое место разместите код:

<script src="/php/quicksearch/init.php?js"></script>
<style>@import url("/php/quicksearch/init.php?css");</style>
Если у вас нет такого шаблона, создайте глобальный блок и вставьте в него код, а затем разместите этот глобальный блок во всех шаблонах ОБЯЗАТЕЛЬНО сразу перед закрывающим тегом </body>.
и сохраните изменения.

Четвертый шаг: настройка и использование

Стили. Они расположены непосредственно вместе со скриптом, на FTP PHP в папка "static". Основные стили есть в главной директории скрипта "quicksearch", файл "css.txt". Информация о основных классах:

  • .ui-menu-item – блок с найденным материалом;
    • .ui-autocomplete .images img – изображение найденного материала;
    • .ui-autocomplete .title – заголовок найденного материала;
    • .ui-autocomplete .description – описание найденного материала.


Расмотрим настройки в конфиг-файле config.php, который мы загружали на FTP PHP вместе с папкой «quicksearch».

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

    news - новости сайта
    blog - блог
    publ - каталог статей
    load - каталог файлов
    stuff - онлайн-игры
    news - новости сайта
    site - страницы сайта
    dir - каталог сайтов
    forum - форум
    video - видео
    shop - интернет-магазин
    board - доска объявлений
    photo - фотоальбомы
    gb - гостевая книга
    faq - часто задаваемые вопросы (FAQ)

    Стандартно списком для всех модулей:
        'modules' => array(
            'news', 'blog', 'publ', 'load', 'stuff', 'site', 'dir', 'forum', 'video', 'shop', 'board', 'photo', 'gb', 'faq', 
        ),
    
  • min_length – настройка по регулированию минимального количества символов, которые пользователь должен ввести, чтобы скрипт отправил запрос к серверу (по-умолчанию 1).
  • delay – настройка по регулированию задержки в миллисекундах между нажатием клавиши и отправкой запроса к серверу (по-умолчанию 100).
  • max_items – настройка по регулированию максимального количества значений в выпадающем меню (по-умолчанию 10).
  • mark – подсветка искомого слова. Будут подсвечены только точные совпадения!

  • Дополнительная справка по настройкам ниже: https://yandex.ru/support/metrika/objects/reachgoal.xml
  • ya_counter_id – настройка по ID счётчика Яндекс.Метрики. Если указать 0, то "цели" не будут задействованы.
  • ya_counter_target – идентификатор цели. Задаётся на странице редактирования счётчика при создании или изменении цели типа "Событие JavaScript". Не может быть пустым.


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