Куда вставить скрипт яндекс поиска на сайт
Перейти к содержимому

Куда вставить скрипт яндекс поиска на сайт

  • автор:

Яндекс поиск на вашем сайте.

Приведу пример класса, который можно использовать в качестве поисковика на вашем сайте.
Для работы класс использует сервис Яндекс.XML. В свободном режиме они разрешают использовать до 1000 запросов в день. Условия использования сервиса на xml.yandex.ru

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

  • поиск по вашему сайту (в той мере, в какой этот сайт проиндексирован Яндексом);
  • поиск по сети или ее части (регион, отрасль), результаты которого могут показываться на вашем сайте и в вашем дизайне, и сервисы на его основе — Яндекс.XML открывает большие возможности для исследователей поисковых систем и преподавателей;
  • поиск изображений, опубликованных в сети.

Данный скрипт реализует работу только полнотекстового поиска.

Пример работы скрипта, можно посмотреть здесь: kolesa.kz/search/?stext=Toyota

Изначально класс писался для сайта, чьи исходники в формате ANSI (windows 1251). Поэтому в коде могут повстречаться интересные ICONV. Причина появления таких перекодировок следующая: ответ приходит в UTF-8 а сам код в cp-1251. И чтобы в результате смешения кодировок не получился СЮРПРИЗ, приходится изгаляться.

Для работы вы можете все подчистить, и сделать так как вам нравиться. Это всего лишь пример.

  • у вас PHP5
  • хостер вам разрешает работать с сокетами
  • подключено расширение для php под название DOM
  • вы зарегистрировались на Яндексе и вбили IP адрес вашего сервера
  • define( «SEARCH_ADT_QUERY» , «

UPD0 Вариант скрипта от Яндекса: xml.yandex.ru/games/site-search-php.html (спасибо Normull, когда писали класс, этого еще не было)

UPD1 На который у меня не хватило сил, но отлично дополнил Groove:
Для партнеров яндекса, установивших поисковой директ на свои сайте это ограничение снимается.
Т.е., если вы дадите пользовать результатами поиска всем его посетителям, при условии, что там стоит Директ на сайте — вас никто не забанит.
А вот если вы просто собираете выдачу например для seo-анализа, бан неминуем.
Только про это имелось в виду.

Поиск по сайту через Google и Яндекс

Поиск на сайте, где много информации, это один из способов отыскать и прочитать нужный материал. Эта мысль настолько очевидна, что никакого подтверждения не требует, поэтому практически во все системы управления сайтом поиск вставлен по умолчанию. Как быть, если подобный поиск по каким-либо причинам не устраивает или вообще отсутствует? Позаимствовать систему поиска у Google или Яндекса. И у той и другой компании есть прекрасные средства для организации поиска по одному или нескольким ресурсам.

Система пользовательского поиска Google

Для использования системы поиска вначале необходимо зарегистрироваться на сайте Google или воспользоваться уже имеющимся аккаунтом. Далее заходим на сайт http://www.google.ru/cse/ и нажимаем на кнопку «Создать систему польз. поиска». Если у вас еще нет аккаунта Гугла, будет предложено его завести.

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

Настройка системы поиска Google

Рис. 1. Настройка системы поиска Google

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

Оформление поиска

Рис. 2. Оформление поиска

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

На последнем шаге выводится код для вставки к себе на сайт (рис. 3).

Код пользовательского поиска

Рис. 3. Код пользовательского поиска

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

На этом возможности поиска Google не ограничиваются. В любой момент можно изменить настройки, зайдя по адресу http://www.google.ru/cse/manage/all — здесь выводится список всех созданных систем поиска. Если нажать на ссылку «панель управления», будет доступна система для настройки всех параметров вашего поиска. К примеру, можно изменить внешний вид; указать, где выводить результаты: на текущей, отдельной странице или в Google; задать и исключить сайты для поиска; добавить к поиску рекламные объявления и многое другое. После внесения изменений перейдите к пункту «Получить код» и вставьте код к себе на сайт.

Яндекс.Поиск для сайта

Яндекс также предлагает сделать поиск по сайту, используя собственную поисковую площадку. Для получения кода необходимо зарегистрироваться на сайте Яндекса и перейти на страницу http://site.yandex.ru. Здесь предлагается пройти несколько шагов для настройки поиска.

На первом шаге (рис. 4) нужно ввести название поиска, указать один или несколько сайтов и согласиться с условиями предоставления сервиса.

Описание поиска

Рис. 4. Описание поиска

На втором шаге настраивается вид и цвета поисковой формы (рис. 5).

Настройка поисковой формы

Рис. 5. Настройка поисковой формы

Если вы включили пункт «показывать подсказки в строке поиска» при вводе текста будет отображаться список популярных запросов, начинающихся с набранных символов.

На третьем шаге задаются цвета и шрифт результатов поиска (рис. 6). Также указывается, где их выводить: на сайте Яндекса или на отдельной странице сайта.

Оформление результатов поиска

Рис. 6. Оформление результатов поиска

Нажатие на кнопку «Далее» и вы получаете готовый код формы для вставки его к себе на сайт (рис. 7). Дополнительно можно указать кодировку страниц сайта и сразу же проверить работу поиска. Если что-то не понравится, есть возможность вернуться к предыдущим шагам и внести соответствующие изменения.

Получение кода формы

Рис. 7. Получение кода формы

Варианты поиска

Поиск через стороннюю систему имеет два основных варианта.

  1. При вводе текста вы перенаправляетесь на сайт поисковой системы с результатами выдачи по текущему сайту. При нажатии по результатам происходит переход на сайт с найденным текстом.
  2. При вводе текста совершается переход на определенную страницу сайта с результатами поиска.

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

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

Особенности поиска

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

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Популярные материалы

  • Самоучитель HTML4
  • Самоучитель CSS
  • Как добавить картинку на веб-страницу?
  • Спецсимволы
  • Структура HTML-кода
  • Введение в HTML
  • Способы добавления стилей на страницу
  • Выравнивание текста
  • Якоря
  • Позиционирование элементов
  • Как добавить иконку сайта в адресную строку браузера?
  • Ссылки

Скрипт поиска по сайту на основе Яндекс.XML

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

Пример реализации поиска по сайту, организованного на базе данного скрипта: https://steelsafe.ru/.

Возможности:

  1. На официальной странице реализации XML-поиска приведен рабочий пример PHP-скрипта. Главной отличительной особенностью нашего варианта является использование асинхронных запросов — XMLHttpRequest — иначе известных, как технология Ajax. То есть, при выполнении поиска и выводе данных не производится перезагрузка страницы. Ответ полученный от Яндекс.XML подгружается в фоне и моментально выводится, что позволяет сделать поиск максимально быстрым и удобным пользователю.
  2. Существует возможность добавления поля поиска на любую страницу сайта. При вводе запроса в таком поле производится перевод на основную страницу поиска и вывод искомых результатов. Таким образом можно создать, так называемое, сквозное поле поиска на всех страницах вашего сайта.
  3. Поиск по сайту реализованный на базе Яндекс.XML, работает по всем страницам находящимся в индексе Яндекса.

Требования:

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

  1. Сервер должен иметь выделенный IP, который необходимо зарегистрировать на странице Яндекс.XML. При необходимости, свяжитесь с хостером, услуга получения выделенного IP, может быть платной. Впрочем, как правило, плата очень небольшая.
  2. Ограничение на максимальное число запросов с сайта в сутки — не более 1000. Этого числа, в большинстве случаев, более чем достаточно. Для сайтов подключенных к Рекламной Сети Яндекса ограничение по количеству запросов не применяется, но необходимо установить код статистики указанный в 7 параграфе лицензии сервиса Яндекс.XML.
  3. На странице отображения результатов поиска должна стоять ссылка на Яндекс.XML.

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

Установка:

Установка заключается в разархивировании и загрузке файлов в каталог search на вашем сайте. Для настройки скрипта следует открыть текстовым редактором файл config.php и внести в него следующие изменения:

Впишите в переменную $aLocal[«ip»] ваш выделенный IP сервера, который был зарегистрирован на Яндекс.XML.

Впишите в переменную $aLocal[«url»] ваш адрес для совершения запроса, который можно найти на странице настроек.

$aLocal[«url»] = «http://xmlsearch.yandex.ru/xmlsearch?user=name&key=********»;
Впишите в переменную $aLocal[«host»] домен или поддомен вашего сайта.
Пример для домена:
$aLocal[«host»] = «php-myadmin.ru»;
Пример для поддомена:
$aLocal[«host»] = «forum.php-myadmin.ru»;

Для проверки наличия в PHP обязательных расширений, а также корректности конфигурационных директив, запустите скрипт (search/test.php).

Если при запуске search/test.php вы не видите никаких ошибок, а только поле поиска, попробуйте воспользоваться им и поискать что-нибудь на сайте.

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

Добавление на сайт:

    Для добавления формы поиска на страницу вашего сайта воспользуйтесь примером в файле (search/index.php).

    Обратите внимание на php код, который отвечает за передачу запросов с других страниц сайта:
    $sSearch_text = (isset($_REQUEST[«find»]) && strlen($_REQUEST[«find»]) > 2)
    ? htmlspecialchars($_REQUEST[«find»]) : «»;

    Обязательными являются строки подключения файла каскадых стилей (search/search.css) и JavaScript (search/search.js).

    И наконец, блок HTML кода внутри комментариев: «Поиск. Начало.» и «Поиск. Конец.»

    После завершения всех подготовительных работ, удалите файлы search/test.php и search/readme.txt.

    Подключение Google Analytics и Яндекс.Метрика

    Google Analytics

    Google Analytics – бесплатный сервис от Google для формирования статистики посещений веб-сайтов. Статистика собирается на сервере Google, пользователь только размещает JS-код на страницах своего сайта.

    Google Analytics обрабатывает полученную с сайта информацию, а затем выдает отчет со сведениями о посещениях, источниках трафика, конверсиях и проч. Этот сервис универсален, его используют владельцы сайтов, аналитики, веб-мастера, SEO‑специалисты и маркетологи, представители малого бизнеса и огромных корпораций.

    Инструмент включает множество фильтров, видов отчетов и опций, дает возможность настроить аналитику для проектов любой сложности. Система отличается функциональной бесплатной версией и удобной интеграцией с другими решениями Google – например, вы сможете подключить Google Tag Manager и Google Optimize.

    Основные преимущества Google Analytics:

    • кроссайтовость – единый отчет включает данные с разных сайтов;
    • межсайтовая идентификация посетителей – в отличие от других инструментов, воспринимающих заходящих на сайт с других устройств пользователей как новых, Google Analytics применяет 3 уровня идентификации и предоставляет предельно точную информацию;
    • развернутая статистика – вы сможете узнать сведения о скорости загрузки страниц, действиях пользователей, проценте продаж, эффективности рекламных каналов и др.

    Метрики и параметры Google Analytics помогают анализировать количество посещений сайта, поведенческие факторы (показатель отказов, длительность сеанса, количество просмотренных за одно посещение страниц и т. д.) и конверсию – соотношение пользователей, совершивших целевое действие (покупка товара, переход по ссылке и т. п.), к общему числу посетителей страницы.

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

    Примеры использования

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

    Установка кода

    Добавление сайта

    Необходимо войти в Google Analytics c использованием данных от вашего аккаунта в Google – http://www.google.ru/analytics/. Если у вас нет аккаунта, вы можете его создать здесь – https://accounts.google.com/SignUpExpress.

    Если вы зарегистрировали новый аккаунт в Google, нажмите «Регистрация» в Google Analytics, заполните форму регистрации и нажмите «Получить идентификатор отслеживания».

    Если у вас уже есть зарегистрированный аккаунт в Google Analytics, перейдите во вкладку «Администратор» и в колонке «Ресурс» нажмите на меню с добавленным сайтом. В выпадающем списке выберите последний пункт – «Создать ресурс». Заполните форму регистрации и нажмите «Получить идентификатор отслеживания».

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

    После добавления нового сайта в Google Analytics ему автоматически присваивается идентификатор отслеживания вида UA-******-* и код, который рекомендуется вставить на страницы сайта в рамках тегов .

    Получение кода в Google Analytics

    Прямая установка кода

    Код отслеживания Google Analytics выглядит так:

      

    Условные обозначения кода:

    ИДЕНТИФИКАТОР – Идентификатор отслеживаемой площадки вида UA-******-* . Можно получить в панели Google Analytics.

    Установка Google Analytics через плагин WordPress

    Google Analytics WordPress Plugin

    Для простоты установки на сайт под управлением WordPress существует специализированный плагин с названием WP Google Analytics Scripts. Чтобы его установить, зайдите в консоль управления WordPress (http://my-site.com/wp-login.php по умолчанию) в раздел Плагины и нажмите «Добавить новый». В поле «Поиск плагинов» введите WP Google Analytics Scripts.

    После установки и активации плагина пройдите в раздел «VIVA Plugins»->»WP Google Analytics Scripts», выставьте значение «Google Analytics scripts selector» на «Google Analytics UA Tracking ID» и просто вставьте код отслеживания, предоставляемый в панели управления Google Analytics в поле Google Analytics UA Tracking ID. Нажмите Update Scripts.

    Google Analytics WordPress Plugin настройка

    Готово. После установки кода отслеживания Google Analytics вы сможете собирать статистику о вашем сайте в режиме реального времени.

    Яндекс.Метрика

    Яндекс.Метрика

    Метрика – это сервис веб-аналитики для сайтов и электронной коммерции, который позволяет анализировать:

    • аудиторию сайта и поведение посетителей;
    • выручку и конверсию сайта;
    • эффективность интернет- и оффлайн-рекламы;
    • источники трафика;
    • доступность сайта и скорость его работы.

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

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

    Для повышения эффективности маркетинговой активности Метрику можно использовать вместе с другими сервисами Яндекса – например, Директом (https://direct.yandex.ru/).

    Яндекс.Метрика работает с несколькими разновидностями отчетов:

    • Общие показатели посещаемости – позволяют выявить вовлеченность посетителей.
    • Канал трафика – вы сможете узнать, откуда пришел человек (поисковая выдача, соцсеть и пр.).
    • Сведения об аудитории – инструмент фиксирует пользовательскую активность, дает возможность узнать пол, возраст, геолокацию и другие характеристики.
    • Технологии – данный отчет позволит узнать, с какого устройства и браузера посетитель попал на сайт.
    • Целевые запросы – эта популярная среди SEO-оптимизаторов опция дает возможность выяснить, по каким именно ключевикам люди приходят на сайт.

    Все инструменты сервиса бесплатны, кроме Целевого звонка

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

    Примеры использования

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

    Установка кода

    Добавление сайта

    Для добавления сайта в Метрику войдите на сайт https://metrika.yandex.ru/, используя свои логин и пароль от сервисов Яндекса, и нажмите на кнопку добавления счетчика.

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

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

    Получение кода счётчика Яндекс.Метрики

    Установка Метрики через плагин WordPress

    Yandex.Metrika Plugin

    Для простоты установки кода в систему управления контентом WordPress существует специализированный плагин с одноименным названием Яндекс.Метрика. Для установки плагина зайдите в консоль управления WordPress (http://my-site.com/wp-login.php по умолчанию) в раздел Плагины и нажмите «Добавить новый». В поле «Поиск плагинов» введите Yandex.Metrika. Нужный плагин будет первым в списке.

    После установки и активации плагина перейдите в раздел «Настройка»->»Яндекс Метрика» и просто вставьте код счетчика, предоставляемый в панели управления Метрикой.

    WordPress плагин Яндекс Метрика

    Установка Метрики через плагин Joomla

    Готовым решением установки для Joomla послужит плагин Yandex Metrika. Для установки данного плагина необходимо войти в «Менеджер расширений» административной панели Joomla (http://my-site.com/administrator по умолчанию). В «Менеджере расширений» выберите «Загрузить файл пакета», затем выберите файл и нажмите «Загрузить и установить».

    Joomla плагин Яндекс Метрика

    Когда плагин установлен, его необходимо активировать. Для активации плагина необходимо пройти в «Менеджер плагинов» и в строке с плагином SystemYandex Metrika кликнуть на его название. Откроются настройки плагина.

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

    Joomla плагин Яндекс Метрика

    Во вкладке «Параметры» остается только внести ID вашего счетчика в соответствующее поле и нажать «Сохранить и закрыть».

    Joomla плагин Яндекс Метрика

    Готово. Инструмент установлен в Joomla.

    Удачной работы! Если возникнут вопросы – напишите нам, пожалуйста, тикет из Панели управления аккаунта, раздел «Помощь и поддержка».

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *