Osadzanie MapKi na własnej stronie

Osadzanie (embed) to sposób na umieszczenie Twojej publicznej MapKi wewnątrz innej strony internetowej, np. strony marki firmowej lub portfolio. Odwiedzający widzi wydarzenia bez opuszczania Twojej strony WWW.

Jak to działa w praktyce?

MapKa generuje krótki fragment kodu (tzw. iframe) — to jak małe okienko wycięte z Twojej publicznej MapKi, które wklejasz w kod swojej strony. Nie musisz znać się na programowaniu — wystarczy skopiować gotowy fragment i przekazać go osobie zarządzającej Twoją stroną WWW.

Wysokość, wariant responsywny i motywy

• Możesz ustawić stałą wysokość osadzonej mapy w pikselach — dobrze sprawdza się, gdy znasz dokładny układ swojej strony.
• Dostępny jest też wariant responsywny w proporcji 4:3, który automatycznie dopasowuje wysokość do szerokości kontenera na stronie — wygodny, gdy strona ma różną szerokość na komputerze i telefonie.
• Możesz wybrać motyw osadzonej mapy (np. jasny lub ciemny), żeby dopasować go do wyglądu reszty strony.

Jak wygenerować i wstawić kod?

1. 1Przejdź do sekcji Integracje.
2. 2Wybierz wysokość (stałą lub wariant responsywny) oraz motyw.
3. 3Sprawdź podgląd na żywo.
4. 4Skopiuj wygenerowany kod iframe.
5. 5Wklej kod w miejscu na swojej stronie WWW, gdzie ma pojawić się mapa (samodzielnie lub z pomocą osoby zarządzającej stroną).

Automatyczna aktualizacja treści

Osadzona mapa aktualizuje się razem z wydarzeniami w MapKa Studio. Gdy dodasz, zmienisz lub usuniesz wydarzenie, zmiana pojawi się też na stronie, na której osadziłeś MapKę — nie trzeba ponownie wklejać kodu.

Przykłady umieszczenia na stronie marki

• Zakładka „Gdzie nas spotkasz” na stronie głównej marki, pokazująca listę najbliższych wydarzeń.
• Dolna część strony produktu, informująca gdzie można go zobaczyć na żywo.
• Osobna podstrona „Kalendarz wydarzeń” osadzona w istniejącej witrynie firmowej.

Kiedy lepiej użyć zwykłego linku?

Jeśli nie masz dostępu do kodu swojej strony albo chcesz po prostu skierować kogoś na pełną, samodzielną publiczną MapKę (np. w wiadomości, social mediach lub materiale drukowanym), prostszym rozwiązaniem będzie zwykły link do publicznej MapKi zamiast osadzania jej fragmentu.

Praktyczne wskazówki

• Wybierz wariant responsywny, jeśli Twoja strona ma różną szerokość na różnych urządzeniach.
• Dopasuj motyw osadzonej mapy do reszty strony, żeby nie wyglądała jak obcy element.
• Po wklejeniu kodu sprawdź osadzoną mapę na telefonie, nie tylko na komputerze.
• Jeśli zmieniasz układ swojej strony, poproś osobę zarządzającą stroną o ponowne sprawdzenie wysokości osadzenia.