Как да добавя Google Street View обиколка в моя сайт

Вече имате виртуална обиколка в Google Street View, тя изглежда страхотно и искате да я добавите и към собствения си уеб сайт?!

Това е  много лесно, просто следвайте стъпките или изпратете тази статия на вашия уебмастър.

Стъпка 1

Отворете Вашата виртуална обиколка през Google Maps, така че да изпълни екрана, като примера по долу. Придвижете се из панорама и изберете най-добрия изглед. Можете да изберете всяка позиция която ви харесва. Това е полезно, ако искате да покажете различни части от бизнеса си на различни страници в сайта си.

 

Стъпка 2

  1. Щракнете на иконата „три точки“ в горния ляв ъгъл на екрана, до името на бизнеса си.
  2.  От падащото меню изберете опцията „Споделяне или вграждане на изображение“

 

Стъпка 3 (а)

  1. Изберете размер на прозореца в който ще се вижда обиколката. Има стандартни размери „Малък“, „Среден“, „Голям“ и опция за персонален размер. Ако изберете опцията „Персонален размер“ вижте Стъпка 3 (б).
  2. След като сте избрали размер, копирайте кода за вграждане.

 

Стъпка 3 (б)

Ако искате точно определен размер на прозореца и сте избрали опцията „Персонален размер“ имате възможност да зададете точен размер в пиксели. След което копирайте кода и преминете към Стъпка 4

 

Стъпка 4

В конкретния случай кода за вграждане изглежда така, съответно и вашия код трябва да е нещо подобно:

<iframe src=“https://www.google.com/maps/embed?pb=!1m0!3m2!1sbg!2sbg!4v1463814123581!6m8!1m7!1sNsWo8U75HTkAAAQvOvWtGg!2m2!1d43.21215903521357!2d27.94930517444209!3f196.46!4f1.3100000000000023!5f0.7820865974627469″ width=“800″ height=“600″ frameborder=“0″ style=“border:0″ allowfullscreen></iframe>

Този код го поставете в HTML кода на страницата на Вашия сайт, там където искате да се покаже виртуалната обиколка. Запазете промените и проверете резултата.

Препоръка: за да се вижда обиколката по цялата ширина на Вашата страница, може ръчно да промените параметрите за ширина и височина (width и height в кода). Ако ползваме примера по горе стойностите там са:  width=“800″ height=“600″. Променяме ги на: width=“100%“ height=“500″ Така ширината на виртуалната обиколка винаги ще е 100% от екрана, а със стойността за височина height можете да експериментирате (препоръчвам ви стойности от 450 до 550 пиксела).

Стъпка 5

Отидете на страницата в която добавихте виртуалната си обиколка. Ако сте доволни от резултата, изпратете я на всичките си приятели да я разгледат . Отпуснете се, вече и виртуална обиколка работи за Вас. Сега всички могат да видят и намерят бизнеса Ви.

Така изглежда кода от по-горе вграден в сайт.
Виждате, че без да се отварят други прозорци, директно от това място, може да се разгледа цялата виртуална обиколка.

Друга възможност е снимка, която (след клик върху нея) препраща към обиколката.

Пример:

Как да вземем линк към виртуалната обиколка. Отворете я през Google Maps:

 

Свържете се с нас, ако все още нямате или искате да подновите виртуалната обиколка на Вашия бизнес.
Информация за Google Street View.

Post by studio mo

Comments are closed.