Как добавить панорамы Авто.ру на сайт

Загружайте панорамы Авто.ру
на свой сайт

Теперь можно выкладывать панорамы, снятые с помощью Авто.ру, не только на наш сервис, но и на ваш дилерский сайт. Ниже инструкция, как это сделать. Рекомендуем доверить интеграцию панорам специалисту со знанием html/css.

* Пошаговую инструкцию по съёмке панорам вы найдёте по этой ссылке.

Шаг 1. Сообщите менеджеру Авто.ру адрес своего сайта

Мы добавим его в список разрешённых. Ограничение нужно для того, чтобы панорамы не размещали на сторонних ресурсах без вашего разрешения.

Шаг 2. Добавьте на сайт скрипт для интеграции

Добавьте к себе на страницу пустой элемент, в который будет вставлена панорама:

<div class="panorama_target"></div>

Ниже добавьте скрипт:

<script src="https://auto-export.s3.yandex.net/auto/frontend/autoru-panorama-lib/lib.min.js" type="text/javascript"></script>

Ещё ниже в коде нужно инициализировать саму панораму, добавив:

<script type="text/javascript">

(new AutoRuPanorama(

{

width: 800,

offerId: '1097161934-9987e1fb',

targetSelector: '.panorama_target',

category: 'trucks',

}

)).init();

</script>

Расшифровка

width — ширина блока с панорамой (высота будет рассчитана автоматически исходя из пропорции 4:3)

offerId — идентификатор объявления на Auto.ru (последняя часть url объявления)

targetSelector — селектор дом-элемента, куда будет вставлена панорама

category — категория транспорта, может принимать значения ‘cars’, ‘moto’, ‘trucks’; не является обязательным параметром. Если категория не передана, ее значение будет установлено по умолчанию ‘cars’.

Как выгрузить ID ваших объявлений по VIN

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

1. Получите токен для работы с api у менеджера
https://yandex.ru/dev/autoru/doc/concepts/access-docpage/

2. Авторизуйтесь
https://yandex.ru/dev/autoru/doc/reference/auth-login-docpage/

3. Получите список объявлений, используя status=active и VIN как параметр
https://yandex.ru/dev/autoru/doc/reference/user-offers-category-docpage/

4. В полученном ответе используйте поле ID как идентификатор объявления на Авто.ру

Готово!

На вашем сайте автоматически появятся панорамы автомобилей с Авто.ру, по которым добавлены указанные выше коды.