Jak umieścić Wirtualny Spacer na stronie WWW?
Kompletna instrukcja krok po kroku, jak osadzić spacer Google Street View na Twojej stronie internetowej.
Obejrzyj wideo poradnik, aby zobaczyć proces w praktyce.
AMetoda: Bezpośrednio z Google Maps
Krok 1: Znajdź swój obiekt
Wejdź na Google Maps i wyszukaj swoją firmę lub lokalizację. Kliknij na zdjęcie profilowe lub miniaturkę Street View, aby wejść w tryb panoramy 360°.
Krok 2: Ustaw idealny widok
Obracaj i przesuwaj widok, aż znajdziesz kadr, który chcesz pokazać na stronie. To, co widzisz na ekranie, będzie dokładnie tym, co zobaczą użytkownicy po wejściu na Twoją stronę.
Krok 3: Pobierz kod do osadzenia
1. Kliknij ikonę trzech kropek (menu) w lewym górnym rogu (lub przycisk "Udostępnij").
2. Wybierz opcję "Udostępnij lub umieść mapę".
3. Przejdź do zakładki "Umieść mapę".
4. Wybierz rozmiar (np. "Średni") lub zostaw domyślny.
5. Kliknij przycisk "KOPIUJ HTML".
<iframe....BResponsywny Kod (Zalecane)
Standardowy kod z Google Maps ma sztywną szerokość. Aby spacer wyglądał dobrze na telefonach i komputerach (dopasowywał się do szerokości ekranu), użyj poniższego gotowego kodu.
<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;">
<iframe
src="LINK_DO_TWOJEJ_MAPY"
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;"
allowfullscreen=""
loading="lazy"
referrerpolicy="no-referrer-when-downgrade">
</iframe>
</div>Gdzie to wkleić?
- W edytorze WordPress: Użyj bloku "Własny HTML".
- W Wix/Squarespace: Dodaj element "Embed Code" lub "HTML".
- W czystym kodzie: Wklej w sekcji, gdzie ma pojawić się spacer.
⚠️ Ważne: W powyższym kodzie zamień tekst LINK_DO_TWOJEJ_MAPY na link, który znajduje się wewnątrz cudzysłowu src="..." w kodzie skopiowanym z Google Maps (Krok 3).
Potrzebujesz pomocy?
Jeśli masz problem z osadzeniem spaceru lub potrzebujesz nowej sesji zdjęciowej, skontaktuj się ze mną.