Responsywny generator kodu osadzania (YouTube, Vimeo, Mapy, Calendly) | We.Inc
Wklej link z YouTube, Vimeo, Map Google, Calendly, Spotify, Loom lub Formularzy Google i uzyskaj responsywny kod iframe z leniwym ładowaniem i dostępnym tytułem, podgląd na żywo i notatkę o prywatności dla każdego dostawcy.
Wklej link od obsługiwanego dostawcy, wybierz proporcje i nadaj osadzeniu tytuł. Otrzymasz kod iframe, który skaluje się do dowolnej szerokości ekranu, wczytuje się dopiero, gdy odwiedzający przewinie blisko niego, i zawiera tytuł dla użytkowników czytników ekranu. Podgląd na żywo pokazuje wynik, a notatka dla każdego dostawcy mówi, co może śledzić i czy istnieje opcja przyjazna prywatności. Wszystko działa w Twojej przeglądarce. Nic, co wpiszesz lub wgrasz, nie jest wysyłane do We.Inc ani nikogo innego.
Wklej link: wideo z YouTube lub Vimeo, link osadzania Map Google, stronę rezerwacji Calendly, utwór lub playlistę ze Spotify, wideo Loom albo formularz Google.
Narzędzie rozpoznaje dostawcę i przepisuje link na oficjalny adres osadzania tego dostawcy. Linki, których nie rozpoznaje, są odrzucane, a nie zgadywane.
Wybierz proporcje (16:9 dla wideo, 4:3, 1:1 lub stałą wysokość dla stron rezerwacji i formularzy) i napisz tytuł mówiący, czym jest osadzenie.
Wybierz sposób ładowania. Leniwe ładowanie jest domyślnie włączone, aby osadzenie nie spowalniało pierwszego widoku strony.
Sprawdź podgląd na żywo, a następnie skopiuj HTML. Notatka dostawcy wymienia, o czym wspomnieć w informacji o prywatności lub plikach cookie.
Nadaj każdemu iframe tytuł opisujący jego zawartość, na przykład „Mapa dojazdu do naszego sklepu przy ulicy King Street”. Czytniki ekranu go odczytują.
Używaj youtube-nocookie.com dla filmów YouTube. Unika ustawiania plików cookie YouTube, dopóki odwiedzający nie naciśnie odtwarzania.
Trzymaj ciężkie osadzenia poniżej pierwszego ekranu lub ładuj je leniwie; każde z nich wczytuje całą stronę z innej witryny.
Widżety rezerwacji, czatu i formularze to produkt dostawcy, a nie Twojej strony. Obowiązują ich warunki i sposób przetwarzania danych.
W Mapach Google użyj Udostępnij, potem Umieść mapę, a następnie skopiuj adres wewnątrz src. Zwykłego linku do map nie można osadzić.
Najczęściej zadawane pytania
Jak zrobić responsywny iframe?
Owiń go w kontener, który ustawia aspect-ratio (na przykład 16 / 9) i width: 100%, a iframe niech wypełnia kontener. Starsze strony używały sztuczki z padding-top; aspect-ratio jest obsługiwane przez wszystkie aktualne przeglądarki. To narzędzie generuje nowoczesną wersję.
Których dostawców obsługuje?
YouTube (w tym Shorts i linki youtu.be), Vimeo, linki osadzania Map Google, Calendly, Spotify, Loom i Formularze Google. Każdy ma udokumentowany adres osadzania. Inne linki są odrzucane, aby narzędzie nigdy nie generowało kodu, który nie zadziała.
Czy leniwe ładowanie szkodzi osadzeniu?
Nie. loading="lazy" mówi przeglądarce, aby pobrała iframe dopiero, gdy jest blisko widocznej części strony. Odwiedzający, którzy do niego przewiną, widzą normalne wczytywanie.
Czy We.Inc zapewnia rezerwacje lub czat?
Nie. Calendly i podobne narzędzia to osobne usługi, w których zakładasz konto. To narzędzie tylko tworzy kod do wyświetlenia ich widżetu na Twojej stronie.
Dlaczego mój link do Map Google nie działa?
Zwykłe linki maps.google.com i goo.gl blokują osadzanie. Otwórz miejsce w Mapach Google, wybierz Udostępnij, potem Umieść mapę i wklej adres z części src pokazanego kodu.
Ile osadzenie kosztuje Twoich odwiedzających
Osadzenie to małe okno na stronę innej firmy. Wczytuje jej skrypty, może ustawiać jej pliki cookie i zwiększa ciężar Twojej strony. Często warto, ale powinien to być świadomy wybór: ładuj leniwie osadzenia poniżej pierwszego ekranu, używaj trybów z ochroną prywatności tam, gdzie istnieją, i wspominaj o osadzeniach zewnętrznych w informacji o prywatności.
Dostępne osadzenia
Czytniki ekranu odczytują iframe po jego tytule. Bez niego odwiedzający słyszą „ramka” i nic więcej. Jasny tytuł, tekstowy link do tej samej treści pod osadzeniem i napisy w filmach sprawiają, że osadzone treści są użyteczne dla wszystkich.