FAQ

Как добавить 3D тур Google Street View на Facebook

14 Янв , 2017  

Сейчас виртуальные туры известны в двух вариантах. «Классическом», на Flash/HTML5, который используется для встраивания на сайт и привязки дополнительного функционала. И относительно новом, работающим в среде Google Street View, который «улучшает карму» в поисковой выдаче и не только. О достоинствах и недостатках каждого из них расскажем в отдельной статье. Сейчас же покажем как виртуальный тур интегрируется в соцсети.

Есть два ключевых способа разместить виртуальный тур на странице Facebook.

 

1. 3D тур как пост в ленте страницы на Facebook.

Откройте новое окно браузера и войдите на свою страницу Facebook. Начните создавать новую запись, перетащив на ленту JPG файл одной из панорам.

После загрузки кликните в правом нижнем углу миниатюры для того чтобы задать угол начального просмотра. Не забудьте проконтролировать чтобы галочка «Display as a 360 photo» была проставлена. «Сохранить».

В отдельной вкладке откройте Google Карты. Перейдите к своей локации, включите «Режим просмотра улиц», кликнув на иконку человечка в правом нижнем углу. Выберите точку (панораму) Вашей локации, которую желаете сделать стартовой. Это НЕ обязательно должна быть та же панорама, которая размещается на Facebook.

Откройте выбранную панораму на Google Maps и также поверните её наиболее «выгодным» углом для стартового ракурса. Затем кликните по троеточию слева вверху и выберите «Поделитесь с друзьями или получите код изображения».

Поставьте галочку «Коротрий URL» и скопируйте ссылку.

Вернитесь к оформлению поста на Facebook. Добавьте текстовое описание и под ним вставьте ссылку из Гугла. Публикуйте!

После этого запись можно закрепить сверху на странице, кликнув «Pin to top of the page».

Таким образом поcетители всегда будут видеть первым делом именно этот пост и взаимодействовать с панорамой непосредственно в ленте. А, перейдя по ссылке, попадут в полный тур.

 

2. Полноценный 3D тур как вкладка на странице Facebook.

Откройте новое окно браузера и войдите на свою страницу Facebook Business.

Перейдите по этой ссылке чтобы установить приложение Woobox Static Iframe, которое позволит вам создать пользовательскую вкладку на странице для тура. Нажмите на кнопку «Install Page Tab».

Выберите, на какой странице следует добавить новую вкладку.

Будет создана новая вкладка с названием по умолчанию «Welcome», и Вам будет предложено настроить её. Нажмите «Configure Page Tab».

В отдельной вкладке откройте Google Карты. Перейдите к своей локации, включите «Режим просмотра улиц», кликнув на иконку человечка в правом нижнем углу. Выберите точку (панораму) Вашей локации, которую желаете сделать стартовой.

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

Перейдите с типа «Ссылка» на «HTML» и поверните панораму наиболее выгодным ракурсом. По умолчанию размер задан как Medium, но стоит попробовать и «Small» либо «Large». В целом мы рекомендуем размер 800 пикселей в ширину на 600 пикселей в высоту. Скопируйте код iframe целиком и вернитесь на Facebook.

В разделе Page Sourсe настроек Woobox вставьте скопированный код тура. Нажмите Save Settings.

Тур уже на странице, однако можно улучшить саму вкладку. Перейдите здесь же в Tab Settings и задайте более подходящее название, например, «3D тур». Также можно добавить иконку вкладки и изображение.

Сохраняйте настройки и переходите на Share settings чтобы добавить в тур кнопку «Share».

В верхней левой части страницы Woobox, нажмите кнопку «View Facebook Tab», чтобы увидеть Вашу новую вкладку и убедитьcя, что вам нравится, что вы видите. Если возникает необходимость подкорректировать размер, возвращайтесь в настройки Woobox и меняйте значения width и height в коде Page Sourсe.

 

Вместо заключения

Что важно — эти два метода не являются взаимоисключающими. Вы можете разместить на своей странице как тур-пост, так и тур-вкладку!

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

И, кстати, не забудьте поставить нам Like на Facebook.


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

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