Svinkovod.ru

Бытовая техника
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Онлайн-запись YCLIENTS на х

Что это и для чего это нужно

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

Каждый месяц через этот канал совершается более 40 000 онлайн-записей. У вас есть возможность установить виджет YCLIENTS в интерфейс Яндекс.Карт.

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

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

Примеры отображения кнопки онлайн-записи:

mceclip2.png

mceclip3.png

Вы можете отследить, когда запись была сделана через Яндекс.Карты. Для этого перейдите в раздел Обзор – Записи, в столбце Источник будет указано переход c yandex.ru/.

obzoryandex.png

Важно

Подключение онлайн-записи на Яндекс.Картах возможно при соблюдении двух условий:

  • компания из России;
  • компания в сферах: Красота,Фитнес-клуб, Досуг и отдых, Медицина, Обучение и Другое.

Подключение для всех компаний в этих сферах бесплатно.

Настройка онлайн-записи

1. Пройдите полную модерацию филиала в YCLIENTS. Подробная инструкция по прохождению модерации в статье.

2. Проверьте следующую информацию:

  • Сфера бизнеса – Красота(салон красоты, барбершоп, частный мастер, детская парикмахерская, SPA, tattoo, солярий, косметология, ногтевой сервис, брови и ресницы, другой beauty бизнес), Фитнес-клуб или Досуг и отдых.
  • Страна – Россия.

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

  • Название Компании(Настройки > Мой филиал > Настройки филиала)
  • Адрес(Настройки > Мой филиал > Информация о филиале)
  • Телефон(Настройки > Мой филиал > Информация о филиале)
  • Сайт(Настройки > Мой филиал > Информация о филиале)

4. В разделе Онлайн-запись – Вебсайт одна из форм (не сетевая) должна быть Основной. Эта форма будет отображаться в Яндекс.Картах. Остальные формы нужно сделать Дополнительными.

5. Найдите свою компанию в Яндексе и пройдите идентификацию, нажав на кнопку Стать владельцем на Яндекс.Картах.

6. В Яндекс.Картах происходит обновление информации один раз в 7-10 дней. Поэтому даже если данные уже передаются от YCLIENTS в Яндекс.Карты, то для пользователей в Яндекс.Картах обновления будут видны только в течении ближайших 7-10 дней.

7. В разделе Настройки > Мой филиал > Информация о филиале не должно быть информации об отсутствии модерации.

Если у филиала нет модерации:

  • проверьте, соблюдены ли условия для модерации, условия описаны в статье;
  • укажите недостающие настройки;
  • напишите на почту support@yclients.com с пометкой Модерация, Яндекс.Карты и номером филиала, который можно найти в разделе Обзор – Сводка.

3eff456c75.jpg

Примечание

Чтобы появилась кнопка онлайн-запись, убедитесь что у вас отключена кнопка действия. Кнопка действия — платный функционал, поэтому перекрывает все бесплатные кнопки: партнерские и онлайн-запись от Яндекс.Бизнеса.

Читайте так же:
Зарядка ноутбука в самолете

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

Интеграция с яндекс картами

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

На личном опыте убедились, что даже такой технологический гигант, как Яндекс способен пропустить в production ошибку, которая заставит подпрыгнуть не одного программиста (спойлер: всё закончилось хорошо!)

Всё говорило о том, что проблема не на нашей стороне. ЯНДЕКС? Да ладно? Не может быть! И интернет молчит — нет ни вопросов, ни статей по теме проблемы. Но обо всем по порядку.

Те, кто работал с Яндекс.Картами знают, что интеграция начинается с подключения скрипта. Так вот, запрос в геокодер по координатам:

завершается ошибкой, которая гласит:

Перечитав повторно документацию находим примечание:

Если в параметре geocode указаны координаты и параметр kind имеет значение district, параметр spn не учитывается.

Похоже на наш случай! Наши программисты делают заключение, что версия JS обновилась (ведь раньше всё работало, и не один месяц). Поэтому принимается решение вместо актуальной 2.1.74 подключить 2.1.73 и даже 2.1.16, но результат прежний.

Попытка запустить код в песочнице Яндекс.Карт приводит все к той же ошибке.

Ну раз дело не в JS, значит проблема заключается в серверной реализации геокодера Яндекс.Карт! Такое заключение делает команда разработчиков и за подтверждением отправляется в терминал для выполнения запросов через CURL.

Как и ожидалось, ошибка прежняя — spn не может быть пустой.

Зато если убрать &spn= из запроса или наоборот выставить любое значение, то в ответ уже приходят ожидаемые значения.

Таким образом, единственный вариант запустить проект — найти способ, чтобы подсунуть (либо исключить) spn в адрес, который формируют скрипты Яндекса. Фронтенд разработчики берутся декомпозировать код модуля Яндекс геокодера

и находят элегантное решение:

Клиент счастлив. Мы на коне:-)

PS. На обращение в Службу поддержки Яндекса мы получили ответ:

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

Приносим наши искренние извинения за доставленные неудобства. Ещё раз спасибо за обращение!

Так что да, мы «получили опыт», в этот раз пройдя квест со всеми неизвестными. А Яндексу респект за оперативность!

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

Читайте так же:
Лучшие карты памяти для ноутбука

Яндекс карты (Yandex maps) — отличный инструмент, который позволит сообщить о местоположении офиса, склада или магазина. Разместив на сайте Яндекс нарту, с подробной схемой проезда, можно быть уверенным, что клиент не заблудиться.

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

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

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

Пожалуй, с прелюдией закончим, как говорится: «Лучше один раз увидеть…».

Установка (добавление) Яндекс карты на свой сайт

Перед тем, как установить Яндекс карту на свой сайт, ее необходимо создать. Сделать это можно в конструкторе карт:

При переходе по ссылке вы увидите страницу:

  1. Воспользовавшись поиском найдите интересующий вас город, либо конкретный район/адрес.
  2. Установка точек позволит создать точку с описанием, которое будет появляться при клике по этой точке (маркеру). Можно задать цвет и нумерацию.
  3. Рисование линий — удобно, если нужно проложить маршрут.
  4. Рисование многоугольника.
  5. Можно выбрать 4 варианта отображения карты: схема, спутник, гибрид, народная карта.

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

Осталось только ввести название карты, сохранить и получить код Яндекс карты.

Данный код карты легко вставить в WordPress виджет произвольного текста или html-кода:

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

Так же можно вставить код карты в WordPress запись или на страницу. Единственный момент — вставлять нужно в html-редакторе, а не в визуальном.

Результат работы:

Для создания раньше использовался api-ключ. В настоящее время его использование не обязательно. Однако, вам следует прочитать некоторые рекомендации Яндекса:

В api Яндекс картах для разработчиков существует широкий ассортимент функций, которые можно встроить на свой сайт и значительно улучшить функциональность карт:

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

Примеры кода этих и других карт можно посмотреть в песочнице api Яндекса:

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

Читайте так же:
Модернизация блока питания компьютера

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

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

Для вставки интерактивной карты может использоваться конструктор карт
https://tech.yandex.ru/maps/tools/constructor/:

В случае, если нам нужно более продвинутое использование карт (свои метки, программное перемещение карт и т.п.), то для этого надо использовать API Яндекс.Карт: https://tech.yandex.ru/maps/jsapi/. В качестве примера использования карт в статье будет рассмотрено создание карты с простым добавлением пользовательских метки и балуна.

Для начала подключим компоненты API:

Если разрабатывается какое-то большое приложение с использованием карт, то лучше подключать компоненты API определённой версии, чтобы при обновлении API на стороне Яндекса у нас ничего не сломалось на продакшине:

Карту необходимо будет расположить в каком-нибудь блоке, например в div#map. Далее карту необходимо создать в данном блоке (после срабатывания события готовности карты и DOM):

Здесь мы указываем:

  1. идентификатор блока «map», где у нас будет создана карта;
  2. center — центр карты с указанием ширины и долготы;
  3. zoom — коэффициент масштаба карты.

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

  1. из элементов карты присутствует только ползунок изменения масштаба;
  2. карта не должна менять масштаб скроллом мыши.

Для выполнения этих требований дополняем код:

Здесь мы отключили «scrollZoom» и добавили «zoomControl» с позиционированием от левого верхнего угла.

Работа с Yandex-картой

Есть перечень сотрудников, работающих с перечнем клиентов. Все очень просто: каждый сотрудник обслуживает свой участок города и все клиенты в этом участке — его. Т.е. отношение сотрудник-клиенты = один ко многим.

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

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

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

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

Создаем инфоблок, в котором будем описывать наших клиентов со всеми необходимыми свойствами. Обязательно одним из свойств должна быть Привязка к Яндекс карте (у меня это «C_ADDR»). Каждый раздел данного ИБ — соответствующий сотрудник (Можно указывать код сотрудника в названии раздела, но я решил сделать более надежно — создал доп. свойство с привязкой к сотруднику для раздела «UF_USER «, т.к. раздел можно назвать как-то удобно для себя, например «ЦЕНТР», если сотрудник обслуживает клиентов, находящихся в центре, а в привязку к сотруднику ставим нужного пользователя сайта).

Далее создаем механизм вывода всех элементов на карту. Понадобится 2 ключевых файла: index.php — файл для вывода карты и outpoint.php — для формирования массива точек.

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

На странице index.php, которая занимается выводом карты должна быть подключена библиотека jquery и определен ключ яндекс карты:

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

и на основании построенного массива с разделами выводим перечень разделов:

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

Я вешаю вывод карты на событие загрузки страницы:

Далее нам нужно создать шаблон балуна. Определяем шаблон содержимого балуна:

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

Перебираем в цикле все иконки:

в качестве имени стиля сделал такое:

т.е. к букве «s» добавляем соответствующий ИД раздела.

Далее добавляем на карту элементы управления:

Далее формируем коллекции, которые будем выводить:

И наполняем эти коллекции точками:

Далее эти коллекции группируем для скрытия/отображения на карте:

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

Ну вот в принципе и все. Осталось настроить механизм добавления на карту новых точек ( закомментированная в коде функция «YMaps.Events.observe».

Читайте так же:
Можно ли подключить модем к компьютеру

Итак, переходим к функции YMaps.Events.observe(pointBootion, pointBootion.Events.Select, function () <>).

В нее пишем следующий код:

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

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

При нажатии на кнопку «Добавить» переходим на страницу добавления новой точки на карту (add.php).

Рассмотрим более подробно суть данной страницы.

На данной странице размещаем стандартный компонент добавления нового элемента ИБ («bitrix:iblock.element.add.form» Необходимо провести небольшую правку шаблона данного компонента.

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

Дальше определим раздел для данного пользователя:

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

Теперь знаем раздел.

Из пост-переменной получаем значение координат:

Делаем скрытые поля, в которых записываем значение координат, раздела, и сотрудника:

Подключение к Яндекс.Картам

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

При планировании встречи через Журнал встреч руководитель указывает адрес встречи через Яндекс.Карты:

Указание адреса при помощи сервиса Яндекс.Карты

Указание адреса при помощи сервиса Яндекс.Карты

Указание адреса при помощи сервиса Яндекс.Карты

Указание адреса при помощи сервиса Яндекс.Карты

Встреча выгружается в iCRM ответственного торгового представителя (менеджера). При прибытии на место встречи торговый представитель подтверждает свое местонахождение в iCRM. Если местоположение не совпадает с адресом, указанным во встрече (допустимое отклонение 100 м), встреча будет не подтверждена. И данная информация поступит руководителю.

Внимание! Подключение к Яндекс.Картам является платным сервисом компании Яндекс.

Настройки подключения к Яндекс.Картам

Настройка подключения к Яндекс.Картам

Настройка подключения к Яндекс.Картам

Настройка подключения к Яндекс.Картам

Настройка подключения к Яндекс.Картам

Пройти по ссылке developer.tech.yandex.ru и зарегистрировать личный кабинет разработчика.

Личный кабинет разработчика

Личный кабинет разработчика

Личный кабинет разработчика

Нажать Подключить API.

Личный кабинет разработчика

Личный кабинет разработчика

Выбрать Static API Яндекс.Карт и нажать Продолжить:

Личный кабинет разработчика

Личный кабинет разработчика

Указать контактную информацию:

Личный кабинет разработчика

Личный кабинет разработчика

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

Личный кабинет разработчика

Личный кабинет разработчика

Далее со стороны компании Яндекс вам будет предложено получить доступ к API как по оферте, так и по договору.

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

Введение ключа для доступа к API Яндекс.Карты

Введение ключа для доступа к API Яндекс.Карты

Введение ключа для доступа к API Яндекс.Карты

Введение ключа для доступа к API Яндекс.Карты

Теперь добавлять адрес Клиенту или Взаимодействию возможно при помощи использования Яндекс.Карт.

голоса
Рейтинг статьи
Ссылка на основную публикацию
Adblock
detector