Nuovo: incorpora Reroute NJ sul tuo sito web

Il passaggio del Portal Bridge inizia sabato. Se copri il trasporto pubblico in New Jersey — o se gestisci un sito comunitario, una pagina Facebook di città o un forum per pendolari — ora puoi inserire gli strumenti di Reroute NJ direttamente sul tuo sito web.

Abbiamo appena rilasciato un sistema di incorporamento completo. Quattro formati di output, un configuratore visivo che genera il codice per te e l'esportazione PNG per social media e newsletter via email. Tutto è gratuito.

Quattro modi per incorporare

Schede informative — Schede compatte che mostrano l'impatto della linea, i dettagli della stazione o un riepilogo completo del cambio. Inseriscine una nella barra laterale di un articolo o in cima a un liveblog. Tre tipi di scheda: schede linea (impatto di una linea), schede stazione (modifiche di una stazione) e schede riepilogo (tutte e cinque le linee in un colpo d'occhio).

Widget interattivi — Versioni mini della guida alle linee, dello strumento di confronto, del feed di notizie o della mappa. Questi sono strumenti live e funzionanti con cui i lettori possono interagire all'interno della tua pagina. Scegli uno strumento e si carica in un iframe dimensionato per adattarsi.

Incorporamenti di strumenti completi — Qualsiasi pagina di Reroute NJ senza intestazione e piè di pagina. Aggiungi ?embed=true a qualsiasi URL di strumento e diventa incorporabile. Ottimo per pagine dedicate al cambio dove vuoi dare ai lettori l'esperienza completa.

Incorporamenti con tag script — Un singolo tag <script> e un <div>. Non serve configurazione iframe. Aggiungi il div con attributi dati per tipo di incorporamento, linea e stazione, includi lo script e gestisce il resto. Funziona nei CMS dove incollare codice iframe è limitato.

Il configuratore

La pagina di incorporamento ha un configuratore visivo che ti guida nella scelta del tipo di incorporamento, nella selezione della linea e della stazione, nella scelta di un tema (chiaro o scuro) e nell'impostazione di un colore accento personalizzato. Mostra un'anteprima dal vivo e ti dà codice copia-incolla in tutti e quattro i formati.

Per le schede informative, hai anche un pulsante Scarica PNG che rende la scheda in un'immagine ad alta fedeltà. L'esportazione PNG utilizza il rendering Canvas (non uno screenshot), quindi il testo rimane nitido a qualsiasi dimensione. Usala in newsletter, tweet o volantini stampati.

C'è anche un'opzione Scarica HTML che ti dà un file autonomo con tutti gli stili e i dati inclusi. Nessuna dipendenza esterna, nessuna richiesta di rete. Aprilo in un browser e funziona offline.

Personalizzazione

Ogni incorporamento supporta due opzioni di personalizzazione:

• Tema — Chiaro o scuro. Aggiungi &theme=dark a qualsiasi URL di incorporamento o imposta data-theme="dark" sul div del tag script.
• Colore accento — Qualsiasi colore esadecimale. Aggiungi &accent=FF6B35 o imposta data-accent="FF6B35". L'accento si applica ai pulsanti CTA e agli highlight di colore.

Adatta l'incorporamento al design del tuo sito senza toccare codice.

Per le redazioni

L'abbiamo costruito per te. Il cambio dominerà la copertura del trasporto pubblico nella regione per un mese, e i tuoi lettori hanno bisogno di strumenti, non solo articoli. Una scheda linea nella tua barra laterale dice a un pendolare di Montclair-Boonton esattamente cosa cambia per loro. Un widget di confronto permette a un lettore di inserire la propria stazione e vedere ogni percorso alternativo.

I codici di incorporamento funzionano su WordPress, Squarespace, Ghost, Substack (con il formato tag script) e qualsiasi piattaforma che accetti HTML. Se hai problemi a incorporare sulla tua piattaforma specifica, apri un issue o invia un'email a [email protected] e ti aiuteremo.

Tutto è sotto licenza MIT. Non è richiesta attribuzione, anche se apprezziamo un link a reroutenj.org.

Cos'altro c'è di nuovo

Insieme al sistema di incorporamento, questa versione include:

• Blog in tutte le 11 lingue — I post del blog sono ora tradotti insieme al resto del sito. Il blog ha una propria pagina indice con una struttura di post appropriata.
• Ottimizzazione SEO e ricerca AI — Dati strutturati (JSON-LD), riferimenti incrociati hreflang completi, robots.txt con guida per bot AI, llms.txt per motori di ricerca AI e sitemap.xml che copre tutte le 79 pagine.
• Download HTML autonomi — Esporta qualsiasi scheda informativa come file HTML autonomo che funziona senza connessione internet.

Provalo

Vai al configuratore di incorporamento, scegli un formato e copia il codice. Ci vogliono circa 30 secondi.

Se incorpori Reroute NJ sul tuo sito, vorremmo saperlo. Scrivici a [email protected] — aggiungeremo il tuo sito alla nostra pagina di copertura.