Como Adicionar um Widget de Previsão de Pôr do Sol ao Vivo ao Seu Site

Seus visitantes não deveriam ter que abrir outro aplicativo de previsão do tempo para decidir se vale a pena planejar em torno do pôr do sol de hoje à noite. Um widget de previsão do pôr do sol coloca a resposta diretamente no seu site, ao lado do quarto, destino, webcam ou informações de fotografia que eles já estão visualizando.

Os Widgets do Sunset Predictor transformam um local fixo em uma previsão automática que você pode incorporar sem precisar construir sua própria integração de tempo. O resultado é um recurso compacto e útil para editores de viagens, hotéis, sites de turismo, páginas de webcam e fotógrafos.

O que o widget de previsão do pôr do sol mostra

Cada widget fornece aos visitantes as informações principais de que precisam em um piscar de olhos:

• Uma pontuação de qualidade de pôr do sol de 0 a 100
• Uma classificação clara: Épico, Bom, Regular ou Ruim
• O horário do pôr do sol local para o local selecionado
• Um nome de local ou seu próprio rótulo exibido
• Uma frase opcional explicando a previsão
• Detalhes opcionais do tempo no tamanho Personalizado

A pontuação é apresentada em um anel codificado por cores, para que os visitantes possam entender a perspectiva antes de ler o número. Por exemplo, um hotel em Santorini pode exibir a previsão para Oia, enquanto um operador de webcam em San Francisco pode rotular o mesmo tipo de widget como “Vista da Ponte Golden Gate.”

O tamanho Personalizado também pode mostrar condições climáticas selecionadas: temperatura, cobertura de nuvens, probabilidade de chuva, umidade, vento, visibilidade, pressão e qualidade do ar. Você escolhe quais valores aparecem e a ordem em que os visitantes os veem.

Por que adicionar um widget de pôr do sol ao seu site?

Um widget é mais valioso quando as condições do pôr do sol afetam o que seus visitantes planejam fazer. Ele adiciona informações relevantes e em mudança a uma página que, de outra forma, permaneceria estática.

Dê aos visitantes uma razão prática para ficar

Um guia de destino pode descrever onde assistir ao pôr do sol. O widget adiciona a pergunta que falta: quão promissor parece esta noite? Os visitantes obtêm um contexto útil de planejamento sem primeiro sair de sua página para procurar em outro lugar.

Adicione um recurso sem manter um sistema de previsão

Os dados do tempo, pontuações, rótulos, formatação de horário e atualizações automáticas são gerenciados para você. A instalação é um trecho de incorporação curto em vez de um projeto de API personalizado com sua própria interface, tratamento de erros e manutenção contínua.

Combine as informações com seu público

Um hotel pode querer uma previsão sofisticada para um terraço específico. Um site de turismo pode precisar de widgets separados para Lisboa, Porto e Madeira. Um fotógrafo pode preferir uma pontuação compacta ao lado de um guia de localização. Cada widget está vinculado a uma localização, por isso seu contexto permanece claro.

Encaixe o widget no seu design existente

Escolha um tema claro, escuro ou automático; selecione um tamanho; e defina a cor do anel de pontuação. Você também pode substituir o nome geográfico por um rótulo amigável ao visitante, como “Terraço Oeste”, “Câmera da Praia” ou “Mirante da Cidade Velha.”

Atenda visitantes internacionais

Os widgets suportam 14 idiomas: inglês, francês, alemão, espanhol, russo, português, japonês, romeno, ucraniano, árabe, hebraico, chinês simplificado, hindi e italiano. Você também pode escolher unidades métricas ou imperiais e um relógio de 12 ou 24 horas.

Como criar seu primeiro widget

Você pode experimentar o construtor e visualizar ao vivo antes de fazer login. Uma conta só é necessária quando você deseja salvar o widget e receber seu código de incorporação.

1. Abra o construtor de Widgets

Abra o construtor de Widgets do Sunset Predictor e experimente a visualização pública. A visualização é atualizada conforme você altera o tema, tamanho, cor, idioma e outras configurações de exibição.

Quando estiver pronto para salvar, faça login ou crie uma conta gratuita. No seu painel de widgets, selecione Criar Widget.

2. Nomeie o widget para o seu próprio painel

Insira um nome interno curto, como “Página Inicial do Hotel em Lisboa” ou “Webcam de Brighton.” Os visitantes veem o rótulo do local selecionado, e não esse nome de gerenciamento, então use algo que ajude sua equipe a reconhecer o widget mais tarde.

3. Pesquise o local da previsão

Digite pelo menos três caracteres e selecione a cidade correta nos resultados. As coordenadas escolhidas determinam a previsão e o horário do pôr do sol local.

Você também pode inserir um nome de exibição opcional. Isso é útil quando o local de exibição público tem um nome mais específico ou familiar do que o resultado da cidade. Por exemplo:

• Use “Nossa Vista do Terraço” em vez de “Bucareste, Romênia”
• Use “Praia de Copacabana” em vez de “Rio de Janeiro, Brasil”
• Use “Câmera da Costa Norte” em vez da cidade mais próxima

Escolha com cuidado: a localização da previsão de um widget não pode ser alterada após a criação. Crie um novo widget se precisar de outro lugar mais tarde. O nome de exibição ainda pode ser editado.

4. Escolha a aparência e a informação

Use a visualização ao vivo enquanto configura o widget. As melhores configurações dependem de onde ele aparecerá:

Configuração	Opções	Orientação prática
Tema	Claro, escuro, auto	Use auto quando o site host já seguir o tema do sistema do visitante.
Tamanho	Compacto, padrão, Personalizado	Compacto se adapta a barras laterais; padrão equilibra detalhe e espaço; Personalizado adiciona uma grade de tempo.
Cor de destaque	Presets ou cor personalizada	Combine uma cor de marca enquanto mantém contraste suficiente ao redor do anel de pontuação.
Descrição	Ligado ou desligado	Adicione uma breve explicação de por que a previsão recebeu sua pontuação. Não disponível no tamanho compacto.
Idioma	14 idiomas suportados	Combine o idioma da página onde o widget aparecerá.
Unidades	Métrico ou imperial	Escolha o formato que seus visitantes esperam.
Horário	12 horas ou 24 horas	Combine a convenção usada em outras partes do seu site.
Atualização	15 a 120 minutos	A frequência disponível depende do plano da conta.

Para o tamanho Personalizado, selecione e reordene os detalhes do tempo importantes para seu público. Um fotógrafo pode priorizar nuvens, visibilidade e probabilidade de chuva. Um hotel pode preferir temperatura, nuvens e vento.

5. Crie o widget e copie o código de incorporação

Selecione Criar Widget. A próxima tela mostra a visualização salva e duas opções de instalação: Tag de Script e iFrame.

Opção de incorporação	Melhor para	O que saber
Tag de Script	A maioria dos sites e layouts personalizados	Carrega assíncronamente e renderiza o widget diretamente na página.
iFrame	Plataformas CMS ou páginas que isolam conteúdo de terceiros	Mantém o widget em seu próprio documento e inclui ajuste automático de altura.

A opção de Tag de Script parece assim, com seu ID de widget exclusivo inserido automaticamente:

<div id="sunset-widget-wgt_your_widget_id"></div>
<script src="https://sunset-predictor.com/api/widget/embed.js?v=1"
        data-widget-id="wgt_your_widget_id"
        async></script>

Use o botão Copiar Código em vez de editar o ID gerado manualmente.

6. Cole o trecho no seu site

Adicione o código onde você deseja que o widget apareça. A localização exata depende da plataforma:

• Em um site codificado sob medida, coloque-o no modelo de página relevante ou bloco de conteúdo.
• No WordPress, use um bloco de HTML Personalizado.
• Em um construtor de páginas, use um elemento de HTML, incorporação ou código.
• Em um CMS com regras rígidas de script, tente a opção iFrame.

Publique ou atualize a página e depois abra o URL ao vivo e verifique o widget tanto no desktop quanto no celular. Confirme se o local, idioma, formato do relógio, unidades e espaçamento se encaixam na página ao redor dele.

Se seu CMS bloquear o código de incorporação ou o widget não aparecer, entre em contato com o suporte do Sunset Predictor para obter ajuda com a instalação.

O que acontece depois que o widget está ao vivo?

O widget solicita dados de previsão atualizados automaticamente de acordo com seu intervalo de atualização configurado. O intervalo disponível para você depende do seu plano, de 120 minutos no plano Gratuito a 15 minutos no plano Enterprise.

Você não precisa substituir o código de incorporação quando alterar a maioria das configurações. Abra o widget no seu painel, atualize sua aparência ou opções de exibição e salve. As alterações em um widget já incorporado aparecem dentro de alguns minutos.

O painel também permite que você:

• Veja impressões e cliques totais para cada widget
• Copie o código de incorporação novamente
• Pause e retome um widget
• Edite seu nome, rótulo, aparência, idioma, unidades, formato de horário e intervalo de atualização
• Exclua um widget que você não precisa mais

Uma impressão registra uma renderização do widget, enquanto um clique registra um visitante seguindo o link do widget para o Sunset Predictor. Essas contagens fornecem uma visão simples do uso sem exigir uma configuração de análise separada para o próprio widget.

Qual plano se adapta ao seu site?

Você pode criar um widget com marca no plano Gratuito. Os planos pagos suportam uso comercial, mais widgets, limites de visualização mensais mais altos, atualizações mais rápidas, o tamanho Personalizado e remoção opcional de marca. Você pode comparar os planos e preços atuais antes de escolher uma faixa.

Plano	Widgets	Visualizações mensais	Atualização mais rápida	Tamanho Personalizado	Remover marca	Uso comercial
Gratuito	1	2,000	120 minutos	Não	Não	Não
Pro	5	25,000	60 minutos	Sim	Sim	Sim
Negócios	25	150,000	30 minutos	Sim	Sim	Sim
Enterprise	Ilimitado	1,000,000	15 minutos	Sim	Sim	Sim

Se um widget atingir seu limite de visualização mensal, ele continuará a renderizar. Novas impressões param de contar para aquele mês, e a marca Sunset Predictor é exibida. Isso evita transformar uma página incorporada em um estado de erro simplesmente porque o tráfego foi maior do que o esperado.

Lembre-se de que widgets ativos e pausados contam para o número de widgets permitidos pelo seu plano. Exclua um widget se você não precisar mais dele e desejar liberar essa vaga.

Formas práticas de usar o widget

O posicionamento mais forte conecta a previsão a uma decisão que o visitante já está tomando.

Hotéis e resorts

Coloque um widget padrão em uma página de comodidades, bar no terraço ou experiências locais. Use o nome público da propriedade como rótulo de exibição e combine a cor de destaque com a marca do hotel.

Turismo e sites de destino

Adicione widgets específicos de local a guias de cidades ou regiões. Uma página sobre mirantes de pôr do sol em Barcelona pode mostrar a previsão atual de Barcelona, enquanto um guia separado de Tenerife pode usar seu próprio widget.

Sites de webcams e surf

Posicione um widget compacto próximo a uma câmera ao vivo ou painel de condições atuais. A pontuação do pôr do sol adiciona contexto rápido sem competir com a transmissão de vídeo.

Guias de fotografia

Use o tamanho Personalizado para mostrar nuvens, probabilidade de chuva, visibilidade e vento ao lado da pontuação. Isso fornece aos leitores mais contexto ao decidir se devem explorar um local ou levar equipamento.

Páginas de eventos e locais

Para locais ao ar livre onde a vista faz parte da experiência, um widget pode ajudar os visitantes a entender a perspectiva de pôr do sol para o local fixo do local. Mantenha a descrição habilitada se seu público se beneficiar de uma explicação em linguagem simples da pontuação.

Dicas para uma melhor incorporação

Antes de publicar o widget amplamente, faça algumas escolhas deliberadas:

1. Coloque-o próximo ao conteúdo relacionado. Uma previsão ao lado de uma descrição de terraço é mais útil do que uma escondida em um rodapé genérico.
2. Use um rótulo de exibição específico. “Terraço do Porto” dá aos visitantes mais contexto do que um nome de cidade amplo quando o local já é óbvio.
3. Combine o idioma da página, as unidades e o relógio. Pequenas inconsistências fazem um recurso incorporado parecer desconectado do resto do site.
4. Mantenha a densidade das informações apropriada. Compacto funciona para layouts apertados; Personalizado funciona quando o detalhe meteorológico é parte do propósito da página.
5. Verifique o espaçamento móvel após a instalação. O widget é apenas uma parte da página, então teste como ele se encaixa ao lado de seus próprios títulos, imagens e botões.
6. Reveja as impressões periodicamente. Elas ajudam a verificar se o posicionamento está recebendo tráfego e se o seu plano atual ainda se ajusta.

Conclusão

Um widget de previsão de pôr do sol transforma dados meteorológicos em mudança em um recurso de site simples e relevante. Escolha um local significativo, personalize o design para seu público, cole o código de incorporação gerado e gerencie o widget a partir de um painel. Você pode visualizar e criar seu primeiro widget antes de decidir onde ele pertence no seu site.