Bago: i-embed ang Reroute NJ sa iyong website

Magsisimula ang Portal Bridge cutover sa Sabado. Kung sumasaklaw ka ng transit sa New Jersey — o kung nagpapatakbo ka ng community site, town Facebook page, o commuter forum — maaari mo nang ilagay ang mga tool ng Reroute NJ nang direkta sa iyong website.

Kakalabas lang namin ng kumpletong sistema ng embed. Apat na output format, visual configurator na lumilikha ng embed code para sa iyo, at PNG export para sa social media at email newsletter. Lahat ay libre.

Apat na paraan ng pag-embed

Info card — Compact na card na nagpapakita ng epekto sa linya, detalye ng istasyon, o buod ng cutover. Ilagay ito sa sidebar ng artikulo o sa itaas ng liveblog. Tatlong uri ng card: line card (epekto ng isang linya), station card (mga pagbabago sa isang istasyon), at summary card (lahat ng limang linya sa isang sulyap).

Interactive na widget — Mini na bersyon ng line guide, comparison tool, news feed, o mapa. Ito ay live, gumaganang tool na maaaring pakialaman ng mga mambabasa sa loob ng iyong pahina. Pumili ng tool at mag-load ito sa iframe na swak sa sukat.

Buong tool na embed — Anumang pahina ng Reroute NJ na may inalis na header at footer. Idagdag ang ?embed=true sa anumang URL ng tool at ito ay nagiging nai-embed. Maganda para sa dedikadong pahina ng cutover kung saan gusto mong bigyan ang mga mambabasa ng kumpletong karanasan.

Script-tag na embed — Isang <script> tag at isang <div>. Walang pangangailangan ng iframe configuration. Idagdag ang div na may data attribute para sa embed type, linya, at istasyon, isama ang script, at hawakan nito ang natitirang bahagi. Gumagana sa mga CMS kung saan limitado ang pag-paste ng iframe code.

Ang configurator

Ang embed page ay may visual configurator na gumagabay sa iyo sa pagpili ng iyong embed type, pagpili ng linya at istasyon, pagpili ng tema (light o dark), at pagtatakda ng custom accent color. Nagpapakita ito ng live preview at nagbibigay sa iyo ng copy-paste code sa lahat ng apat na format.

Para sa info card, mayroon ka ring Download PNG na button na nag-render ng card sa high-fidelity na imahe. Ang PNG export ay gumagamit ng Canvas rendering (hindi screenshot), kaya ang text ay nananatiling matalim sa anumang sukat. Gamitin ito sa newsletter, tweet, o print handout.

Mayroon ding Download HTML na opsyon na nagbibigay sa iyo ng self-contained na file na may lahat ng style at data na naka-bundle. Walang external na dependency, walang network request. Buksan ito sa browser at gumagana ito offline.

Customization

Bawat embed ay sumusuporta sa dalawang opsyon ng customization:

• Tema — Light o dark. Idagdag ang &theme=dark sa anumang embed URL o itakda ang data-theme="dark" sa script-tag div.
• Accent color — Anumang hex color. Idagdag ang &accent=FF6B35 o itakda ang data-accent="FF6B35". Ang accent ay inilalapat sa CTA button at color highlight.

Itugma ang embed sa disenyo ng iyong site nang hindi hinahawakan ang anumang code.

Para sa mga newsroom

Ginawa namin ito para sa iyo. Ang cutover ay magdodominante sa transit coverage sa rehiyon sa loob ng isang buwan, at ang iyong mga mambabasa ay nangangailangan ng tool, hindi lang artikulo. Ang line card sa iyong sidebar ay nagsasabi sa Montclair-Boonton commuter ng eksaktong pagbabago para sa kanila. Ang comparison widget ay nagpapahintulot sa mambabasa na ipasok ang kanilang istasyon at makita ang bawat alternatibong ruta.

Ang mga embed code ay gumagana sa WordPress, Squarespace, Ghost, Substack (gamit ang script-tag format), at anumang platform na tumatanggap ng HTML. Kung magkaproblema ka sa pag-embed sa iyong partikular na platform, mag-open ng issue o mag-email sa [email protected] at tutulungan ka namin.

Lahat ay MIT-licensed. Hindi kailangan ng attribution, bagama't pinahahalagahan namin ang link pabalik sa reroutenj.org.

Ano pa ang bago

Kasama ng embed system, kasama sa release na ito:

• Blog sa lahat ng 11 wika — Ang mga blog post ay naisalin na kasama ng natitirang bahagi ng site. Ang blog ay may sariling index page na may wastong istruktura ng post.
• SEO at AI search optimization — Structured data (JSON-LD), buong hreflang cross-reference, robots.txt na may AI bot guidance, llms.txt para sa AI search engine, at sitemap.xml na sumasaklaw sa lahat ng 79 na pahina.
• Self-contained na HTML download — I-export ang anumang info card bilang standalone HTML file na gumagana nang walang internet connection.

Subukan

Pumunta sa embed configurator, pumili ng format, at kopyahin ang code. Tumatagal lang ng mga 30 segundo.

Kung i-embed mo ang Reroute NJ sa iyong site, gusto naming malaman ito. Magpadala sa amin ng linya sa [email protected] — idadagdag namin ang iyong site sa aming coverage page.