← Todos os artigos

Novo: incorpore o Reroute NJ no seu site

Por Joe Amditis

A mudança do Portal Bridge começa no sábado. Se você cobre trânsito em New Jersey — ou se você administra um site comunitário, página do Facebook de uma cidade ou fórum de passageiros — agora você pode colocar as ferramentas do Reroute NJ diretamente no seu site.

Acabamos de lançar um sistema completo de incorporação. Quatro formatos de saída, um configurador visual que constrói o código de incorporação para você e exportação PNG para mídias sociais e newsletters por e-mail. Tudo é gratuito para usar.

Quatro formas de incorporar

Cartões informativos — Cartões compactos mostrando impacto da linha, detalhes da estação ou um resumo completo da mudança. Coloque um na barra lateral de um artigo ou no topo de um liveblog. Três tipos de cartão: cartões de linha (impacto de uma linha), cartões de estação (mudanças de uma estação) e cartões de resumo (todas as cinco linhas de relance).

Widgets interativos — Versões mini do guia de linhas, ferramenta de comparação, feed de notícias ou mapa. São ferramentas funcionais e ao vivo com as quais os leitores podem interagir dentro da sua página. Escolha uma ferramenta e ela carrega em um iframe dimensionado para caber.

Incorporações de ferramentas completas — Qualquer página do Reroute NJ com o cabeçalho e rodapé removidos. Adicione ?embed=true a qualquer URL de ferramenta e ela se torna incorporável. Bom para páginas dedicadas de mudança onde você quer dar aos leitores a experiência completa.

Incorporações com tag script — Uma única tag <script> e uma <div>. Nenhuma configuração de iframe necessária. Adicione a div com atributos de dados para o tipo de incorporação, linha e estação, inclua o script e ele cuida do resto. Funciona em CMSes onde colar código iframe é restrito.

O configurador

A página de incorporação tem um configurador visual que te guia na escolha do seu tipo de incorporação, seleção da linha e estação, escolha de um tema (claro ou escuro) e definição de uma cor de destaque personalizada. Ele mostra uma pré-visualização ao vivo e te dá código para copiar e colar em todos os quatro formatos.

Para cartões informativos, você também recebe um botão Baixar PNG que renderiza o cartão para uma imagem de alta fidelidade. A exportação PNG usa renderização Canvas (não uma captura de tela), então o texto fica nítido em qualquer tamanho. Use em newsletters, tweets ou folhetos impressos.

Há também uma opção Baixar HTML que te dá um arquivo autocontido com todos os estilos e dados agrupados. Sem dependências externas, sem requisições de rede. Abra em um navegador e funciona offline.

Personalização

Cada incorporação suporta duas opções de personalização:

  • Tema — Claro ou escuro. Adicione &theme=dark a qualquer URL de incorporação ou defina data-theme="dark" na div da tag script.
  • Cor de destaque — Qualquer cor hexadecimal. Adicione &accent=FF6B35 ou defina data-accent="FF6B35". O destaque se aplica aos botões CTA e destaques de cor.

Combine a incorporação com o design do seu site sem tocar em nenhum código.

Para redações

Construímos isso para você. A mudança vai dominar a cobertura de trânsito na região por um mês, e seus leitores precisam de ferramentas, não apenas artigos. Um cartão de linha na sua barra lateral diz a um passageiro do Montclair-Boonton exatamente o que muda para ele. Um widget de comparação permite que um leitor digite sua estação e veja todas as rotas alternativas.

Os códigos de incorporação funcionam em WordPress, Squarespace, Ghost, Substack (com o formato de tag script) e qualquer plataforma que aceite HTML. Se você tiver problemas para incorporar na sua plataforma específica, abra uma issue ou envie e-mail para [email protected] e ajudaremos.

Tudo é licenciado MIT. Nenhuma atribuição necessária, embora apreciemos um link de volta para reroutenj.org.

O que mais há de novo

Junto com o sistema de incorporação, este lançamento inclui:

  • Blog em todos os 11 idiomas — Postagens do blog agora são traduzidas junto com o resto do site. O blog tem sua própria página de índice com uma estrutura adequada de postagens.
  • Otimização para SEO e busca AI — Dados estruturados (JSON-LD), referências cruzadas hreflang completas, robots.txt com orientação para bots AI, llms.txt para mecanismos de busca AI e sitemap.xml cobrindo todas as 79 páginas.
  • Downloads HTML autocontidos — Exporte qualquer cartão informativo como um arquivo HTML autônomo que funciona sem conexão com a internet.

Experimente

Vá para o configurador de incorporação, escolha um formato e copie o código. Leva cerca de 30 segundos.

Se você incorporar o Reroute NJ no seu site, gostaríamos de saber sobre isso. Nos envie uma mensagem em [email protected] — adicionaremos seu site à nossa página de cobertura.