Nowość: osadź Reroute NJ na swojej stronie

Przebudowa Portal Bridge rozpoczyna się w sobotę. Jeśli relacjonujesz transport w New Jersey — lub prowadzisz stronę społecznościową, miejską stronę Facebook lub forum dojeżdżających — możesz teraz umieścić narzędzia Reroute NJ bezpośrednio na swojej stronie internetowej.

Właśnie uruchomiliśmy pełny system osadzania. Cztery formaty wyjściowe, wizualny konfigurator, który tworzy kod osadzania, oraz eksport PNG do mediów społecznościowych i biuletynów e-mail. Wszystko jest darmowe.

Cztery sposoby osadzania

Karty informacyjne — Kompaktowe karty pokazujące wpływ na linię, szczegóły stacji lub pełne podsumowanie przebudowy. Umieść jedną na pasku bocznym artykułu lub na górze relacji na żywo. Trzy typy kart: karty linii (wpływ jednej linii), karty stacji (zmiany jednej stacji) i karty podsumowania (wszystkie pięć linii na pierwszy rzut oka).

Interaktywne widżety — Miniaturowe wersje przewodnika po liniach, narzędzia porównawczego, kanału informacyjnego lub mapy. To działające narzędzia, z którymi czytelnicy mogą wchodzić w interakcje wewnątrz Twojej strony. Wybierz narzędzie, a załaduje się w ramce iframe o odpowiednim rozmiarze.

Pełne osadzanie narzędzi — Dowolna strona Reroute NJ z usuniętym nagłówkiem i stopką. Dodaj ?embed=true do dowolnego adresu URL narzędzia, a stanie się ono osadzalne. Dobre dla dedykowanych stron przebudowy, gdzie chcesz dać czytelnikom pełne doświadczenie.

Osadzanie za pomocą tagu script — Jeden tag <script> i <div>. Nie trzeba konfigurować iframe. Dodaj div z atrybutami danych dla typu osadzania, linii i stacji, dołącz skrypt, a reszta zostanie obsłużona. Działa w systemach CMS, gdzie wklejanie kodu iframe jest ograniczone.

Konfigurator

Strona osadzania ma wizualny konfigurator, który poprowadzi Cię przez wybór typu osadzania, wybór linii i stacji, wybór motywu (jasny lub ciemny) i ustawienie niestandardowego koloru akcentu. Pokazuje podgląd na żywo i daje gotowy do skopiowania kod we wszystkich czterech formatach.

Dla kart informacyjnych otrzymujesz również przycisk Pobierz PNG, który renderuje kartę do obrazu wysokiej jakości. Eksport PNG używa renderowania Canvas (nie zrzutu ekranu), więc tekst pozostaje ostry w dowolnym rozmiarze. Użyj go w biuletynach, tweetach lub wydrukowanych ulotkach.

Jest też opcja Pobierz HTML, która daje Ci samodzielny plik ze wszystkimi stylami i danymi w pakiecie. Bez zewnętrznych zależności, bez żądań sieciowych. Otwórz go w przeglądarce, a będzie działać offline.

Dostosowywanie

Każde osadzanie obsługuje dwie opcje dostosowywania:

• Motyw — Jasny lub ciemny. Dodaj &theme=dark do dowolnego adresu URL osadzania lub ustaw data-theme="dark" na div tagu script.
• Kolor akcentu — Dowolny kolor hex. Dodaj &accent=FF6B35 lub ustaw data-accent="FF6B35". Akcent stosuje się do przycisków CTA i podświetleń kolorów.

Dopasuj osadzanie do projektu swojej strony bez dotykania jakiegokolwiek kodu.

Dla redakcji

Zbudowaliśmy to dla Ciebie. Przebudowa będzie dominować w relacjach o transporcie w regionie przez miesiąc, a Twoi czytelnicy potrzebują narzędzi, a nie tylko artykułów. Karta linii na pasku bocznym mówi dojeżdżającemu Montclair-Boonton dokładnie, co się dla nich zmienia. Widżet porównawczy pozwala czytelnikowi wpisać swoją stację i zobaczyć każdą alternatywną trasę.

Kody osadzania działają na WordPress, Squarespace, Ghost, Substack (w formacie tagu script) i każdej platformie, która akceptuje HTML. Jeśli napotkasz problemy z osadzaniem na swojej konkretnej platformie, otwórz zgłoszenie lub wyślij e-mail na [email protected], a pomożemy.

Wszystko jest na licencji MIT. Nie wymaga się przypisania, choć doceniamy link zwrotny do reroutenj.org.

Co jeszcze jest nowe

Wraz z systemem osadzania, to wydanie obejmuje:

• Blog we wszystkich 11 językach — Wpisy na blogu są teraz tłumaczone razem z resztą strony. Blog ma własną stronę indeksu z odpowiednią strukturą wpisów.
• Optymalizacja SEO i wyszukiwania AI — Dane strukturalne (JSON-LD), pełne odniesienia hreflang, robots.txt ze wskazówkami dla botów AI, llms.txt dla wyszukiwarek AI i sitemap.xml obejmujący wszystkie 79 stron.
• Samodzielne pliki HTML do pobrania — Eksportuj dowolną kartę informacyjną jako samodzielny plik HTML, który działa bez połączenia internetowego.

Wypróbuj

Przejdź do konfiguratora osadzania, wybierz format i skopiuj kod. Zajmuje to około 30 sekund.

Jeśli osadzisz Reroute NJ na swojej stronie, chcielibyśmy o tym wiedzieć. Wyślij nam wiadomość na [email protected] — dodamy Twoją stronę do naszej strony relacji.