Um globo de rastreamento de remessas para o seu site
Mostre aos clientes onde está a mercadoria, em um globo 3D ou mapa plano, com suas cores e no seu idioma. Cole um trecho de código. O widget pesa cerca de 30 KB, não usa cookies, só carrega ao se aproximar da tela e não pede conta.
Adicione ao seu site
- Cole onde o mapa deve aparecer. A tag script basta uma vez por página.
- Adicione um bloco HTML personalizado e cole isto.
- Se o WordPress remover, sua função não tem unfiltered_html (comum para Editores em multisite). Instale o plugin abaixo e use o shortcode, ou peça a um administrador.
- WordPress.com: requer plano pago com recursos de hospedagem ativos; o plano grátis remove scripts e iframes.
Shortcode
iframe, se recusarem scripts
- Editor de temas → Adicionar seção → Liquid personalizado, e cole isto.
- Ou adicione o arquivo abaixo à pasta sections/ do tema, escolha “Tracking globe” no editor e cole a configuração.
- Campos de texto enriquecido de páginas e produtos removem este código; use uma seção.
- Lojas headless com Content-Security-Policy própria devem permitir o host deste script.
Valor de configuração
- O que pudemos confirmar: a decoração de lojas Taobao e Tmall é um editor fechado, com modelos e módulos aprovados. Não encontramos forma suportada de executar scripts ou iframes de terceiros, nem regra oficial atual que diga o contrário, então não prometemos widget ao vivo ali.
- O que funciona: baixe esta vista como imagem e envie ao espaço de imagens da sua loja.
- Para rastreamento ao vivo, hospede o widget na sua própria página e compartilhe fora do anúncio. Links externos em anúncios são limitados pelas regras da plataforma: confira antes.
- Compradores na China: hospede tracker.js e engine.js em um servidor na China. Não medimos como este site carrega de lá.
- Uma página só com o mapa, para e-mails, códigos QR ou o que aceitar uma URL.
iframe
Kit de e-mail: plano Pro
Os links pessoais para sua plataforma de e-mail, a página de vendas com sua marca, as imagens de status e o GIF fazem parte do Pro, ainda não à venda. O widget para seu site continua grátis.
- Crie estes campos na sua plataforma, preenchidos para cada destinatário.
- Envie as quatro imagens de status ao seu site ou gerenciador de arquivos e indique a pasta abaixo.
- Cole o bloco HTML em um bloco de código, ou use só o link no seu botão.
- Envie um teste para você e abra o link antes de qualquer campanha.
Meus nomes de campo
Use os nomes da sua plataforma. Os valores não podem ter & nem #. Use códigos como shanghai, ou teste os seus.Link pessoal
Este link é longo. Hospede o arquivo de marca no seu site (Avançado) para encurtá-lo.
Abrir página de exemplo Algumas versões do Outlook para desktop mostram só o primeiro quadro. Confira o tamanho antes de enviar.Bloco HTML para o e-mail
Avançado
Para campanhas reais hospede p.html, page.js, tracker.js e engine.js no seu domínio: destinatários e filtros de spam confiam mais nele. As tags seguem a sintaxe de cada plataforma, mas não foram enviadas por elas: teste antes. Quem tem um link pode editá-lo, então nunca coloque dados privados nele.
Onde funciona e o que testamos de verdade
| Plataforma | Como entra | Testado |
|---|---|---|
| WordPress | Bloco HTML, shortcode ou iframe | Marcação do bloco em navegador, plugin com PHP. Ainda não em instalação real. |
| Shopify | Liquid personalizado ou seção de tema | Página com os cabeçalhos de segurança de uma loja real. Não dentro de uma loja. |
| SharePoint Online | Web part Inserir, só iframe | Iframe isolado sob política estrita. Não em um tenant real. |
| Taobao / Tmall | Só imagem | Só exportar imagem. Sem widget ao vivo. |
| Qualquer site HTML | Tag script | Navegadores de desktop e celular, peso e deslocamento de layout medidos. |
| E-mail (Mailchimp, HubSpot, Salesforce, Pardot, Klaviyo) | Pro · Imagem e link pessoal para uma página de rastreamento com sua marca | Página e bloco em navegador. Ainda não enviado por essas plataformas. |
Por que não atrapalha sua página
Cerca de 30 KB, em duas etapas
Um carregador de 3 KB reserva o espaço, nada pula. O motor de 27 KB chega quando o mapa se aproxima. Sem biblioteca de mapas nem servidor de blocos.
Nada para consentir
Sem cookies, sem analytics, sem chamadas a terceiros. O mapa-múndi está no arquivo: nenhum IP de visitante vai a um provedor de mapas.
Seu para adaptar
Cores, fonte, logo e idioma no formulário. Seu CSS pode definir --tg-accent e outros, e alcançar partes com ::part().
Perguntas
É um rastreador GPS em tempo real?
Não. Ele desenha os dados que você fornece: datas, progresso ou posições do seu sistema. Não se conecta a transportadoras nem navios. As rotas são esquemáticas, não de navegação.
Posso mostrar remessas simuladas?
Sim, para demos e páginas de venda. Elas sempre levam o rótulo visível “Dados simulados”, para ninguém confundir com carga real.
Como manter os dados privados?
Não cole no código. Aponte o widget para seu servidor e use a busca, que pede uma referência por vez sob suas regras.
Funciona no SharePoint?
Pela web part Inserir, como iframe, depois que um proprietário permitir o domínio. Scripts do conteúdo não rodam lá. Não testamos em um tenant real.
Funciona no Taobao?
Como widget ao vivo não, até onde pudemos confirmar. Você pode publicar uma imagem do mapa e hospedar a versão ao vivo na sua página.
Custa alguma coisa?
Sem conta e sem taxa. Roda no navegador do visitante, então não há servidor nosso a pagar.
O kit de e-mail é grátis?
Não. O widget para seu site é grátis; o kit de e-mail e o criador da página de rastreamento fazem parte do plano Pro, ainda não à venda.
O mapa 3D ao vivo pode rodar dentro de um e-mail?
Não. Clientes de e-mail não executam scripts. O e-mail leva uma imagem ou GIF e um link pessoal; o mapa interativo abre na página de rastreamento.
Como meço as vendas geradas?
Sua plataforma conta os cliques no link. Todos os links de saída têm tags de campanha, para que a análise da loja atribua vendas. Compare com um grupo que recebe o e-mail normal para medir o ganho real.