Voltar ao blog de BIM e IFC
Ferramentas e comparativos · 2026-10-31 · 5 min
Como incorporar um mapa de rastreamento de remessas no seu site: WordPress, Shopify, SharePoint e Taobao
Fornecedores e agentes de carga podem mostrar aos clientes onde está a mercadoria, no próprio site, sem chave de API de mapas nem backend. Veja o que entra em cada plataforma, quanto custa à página e onde a resposta honesta é não.
Como incorporar um mapa de rastreamento de remessas no seu site: WordPress, Shopify, SharePoint e Taobao — IFC Viewer Online article cover
Quem espera um contêiner de Xangai costuma receber um PDF e um link da transportadora. Se você é o fornecedor ou o agente de carga, pode mostrar o mesmo no seu site, em um globo e com suas cores. O Tracking Globe faz isso com um trecho de código e sem chave de API de mapas, e serve para a maioria dos sites. Não para todos, e este guia diz quais.
O essencial
- WordPress e Shopify aceitam uma tag script. O SharePoint Online aceita um iframe, depois que um proprietário permite o domínio.
- No Taobao e no Tmall não conseguimos confirmar uma forma de executar um widget ao vivo, então a via suportada ali é uma imagem.
- Ele desenha seus dados, ou uma simulação sempre identificada como tal. Não se conecta a transportadoras.
- Cerca de 30 KB em duas etapas, sem cookies, sem requisições a terceiros.
Remessas simuladas no widget real. Simulações sempre levam um rótulo visível.
O que entra em cada plataforma
| Plataforma | Como entra | O porém | O que testamos |
|---|
| Qualquer site HTML | Tag script e elemento | Uma Content-Security-Policy estrita precisa listar o host do script | Desktop e celular, com peso e deslocamento de layout medidos |
| WordPress | Bloco HTML personalizado, ou shortcode do nosso pequeno plugin | Funções sem unfiltered_html perdem o código; o WordPress.com exige plano pago | Marcação do bloco em navegador, plugin com PHP; não uma instalação real |
| Shopify | Seção Liquid personalizado, ou arquivo de seção do tema | Campos de texto enriquecido removem; lojas headless com política própria precisam permitir o host | Uma página com os cabeçalhos de segurança de uma loja real; não dentro de uma loja |
| SharePoint Online | Web part Inserir, como iframe | Um proprietário precisa permitir o domínio; scripts da página não rodam | Um iframe isolado sob política estrita; não um tenant real |
| Taobao / Tmall | Uma imagem no espaço de imagens da sua loja | Nenhum widget ao vivo que possamos confirmar; links externos são limitados | Só a exportação de imagem |
Adicione em quatro passos
- Escolha seus dados Uma demo simulada, uma planilha ou JSON colados, ou uma URL sua que retorne JSON. Dados colados podem ser lidos no código-fonte da página, então remessas privadas ficam atrás de uma URL de dados ou de uma busca por referência.
- Ajuste à sua marca Cores, logo, fonte, idioma e altura. Sua própria folha de estilos também pode definir as variáveis, para o widget seguir o tema do site.
- Decida o que o visitante controla Arrastar, zoom, alternar globo e mapa, lista, busca, legenda e tela cheia podem ser desligados um a um. O rótulo das simulações não.
- Copie o trecho da sua plataforma O configurador escreve a versão certa para cada plataforma, incluindo o domínio que um proprietário do SharePoint precisa permitir.
Dados reais, sem servidor nosso
O navegador de cada visitante chama sua URL diretamente, então os dados das remessas nunca passam por nós. Essa URL precisa permitir requisições de outras origens e ter regras de acesso próprias se os dados forem privados. As linhas aceitam os nomes usados por transportadoras e planilhas, como tracking_number, origin, destination, eta, latitude e longitude. Uma URL de busca com {id} retorna uma referência por vez, assim o cliente vê a remessa dele, não toda a sua carteira.
O que custa à página
Um carregador de 3 KB reserva o espaço, nada pula. O motor de 27 KB carrega quando o mapa chega a 300 px da tela, ou ao clicar, se preferir. Nas nossas páginas de teste, em desktop e celular emulado, o deslocamento de layout foi zero e o motor só carregou quando rolamos até ele. O desenho para fora da tela, a roda continua rolando sua página exceto com Ctrl ou ⌘, e o ajuste de movimento reduzido para a rotação. O mapa-múndi está no arquivo, então nenhum IP de visitante vai a um provedor de mapas.
Onde a resposta é não, ou ainda não
O WordPress remove iframes e scripts de usuários sem a capacidade unfiltered_html[wp], e o WordPress.com só os permite em plano pago[wpcom]. O SharePoint mantém uma lista de permissões por site[sp], e não criamos uma web part SPFx, que exigiria o catálogo de aplicativos da sua organização. Sobre o Taobao, a fonte mais oficial que encontramos[taobao] é um rascunho antigo, então consulte a plataforma antes de confiar em algo. Para compradores na China, hospede os dois arquivos em um servidor de lá: não medimos como este site carrega da China.
Como incorporar um mapa de rastreamento de remessas no seu site: WordPress, Shopify, SharePoint e Taobao