![Animation's background](./assets/images/headers-img/basic_shape@0.5x.png)
Widgets
Os widgets fornecem uma maneira inteligente de envolver o público com seu site. Perfeito para sites, blogs e fóruns
Escolha seu widget
Obtenha funcionalidades impressionantes e cotações em tempo real diretamente no seu site. Dê aos seus usuários insights instantâneos dos mercados sem integrações complicadas. Personalize widgets e escolha o que mostrar ao seu público.
Torne-se afiliado e ganhe com widgets!
Inscreva-se no nosso programa de afiliação e incorpore links de afiliado nos nossos widgets. É uma maneira simples e conveniente de gerar renda. Deixe seu público ganhar dinheiro para você.
Perguntas Frequentes
1. O widget não está se adaptando a diferentes tamanhos de tela. O que devo fazer?
Use a configuração de Tamanho Automático. Quando o tamanho automático está ativado, o widget usa 100% da largura e/ou altura disponível do elemento onde estiver incluso. É muito importante definir uma altura específica do elemento pai para que o widget funcione corretamente.
2. Posso usar widgets nos sites do Angular 2+?
Sim. Aqui estão algumas dicas:
window.sfx('marketOverview', {
- Copie e cole o script de widget em algum lugar da página:
<script type="text/javascript" src="https://widgets.simplefx.com/sfx-widget.js"></script> - Crie um elemento de contêiner com um atributo de ID de conjunto.
- Quando o elemento do contêiner é renderizado e você deseja que o widget seja mostrado, chame a função (por exemplo, em ngAfterViewInit Angular hook) window.sfx(). Além de outras configurações, também deve haver uma opção containerId na lista de parâmetros. Deve ter o valor do atributo de ID do contêiner criado anteriormente.
window.sfx('marketOverview', {
containerId: 'sfx-market-overview',
language: 'auto',
width: '290px',
height: '450px',
theme: 'dark',
customElements: ["header","chartGridLines"],
symbols: ["BTCUSD","BTCEUR","NINTENDO.JP","AAPL.US","VOLV.SE","GOOG.US","LHA.DE","XAUEUR","BAY.DE","TOYOTA.JP","AUDCAD","LTCJPY","USDSEK"],
categoriesOrder: ["Crypto","Equities JP","Equities US","Equities SE","Equities DE","Precious Metals","Forex"],
})language: 'auto',
width: '290px',
height: '450px',
theme: 'dark',
customElements: ["header","chartGridLines"],
symbols: ["BTCUSD","BTCEUR","NINTENDO.JP","AAPL.US","VOLV.SE","GOOG.US","LHA.DE","XAUEUR","BAY.DE","TOYOTA.JP","AUDCAD","LTCJPY","USDSEK"],
categoriesOrder: ["Crypto","Equities JP","Equities US","Equities SE","Equities DE","Precious Metals","Forex"],
3. Posso usar widgets em sites React?
Sim. Aqui estão algumas dicas:
window.sfx('marketOverview', {
- Copie e cole o script de widget em algum lugar da página:
<script type="text/javascript" src="https://widgets.simplefx.com/sfx-widget.js"></script> - Crie um elemento de contêiner com um atributo de ID de conjunto.
- Quando o elemento do contêiner é renderizado e você deseja que o widget seja mostrado, chame a função (por exemplo, no método componentDidMount lifecycle) window.sfx(). Além de outras configurações, também deve haver uma opção containerId na lista de parâmetros. Deve ter o valor do atributo de ID do contêiner criado anteriormente.
window.sfx('marketOverview', {
containerId: 'sfx-market-overview',
language: 'auto',
width: '290px',
height: '450px',
theme: 'dark',
customElements: ["header","chartGridLines"],
symbols: ["BTCUSD","BTCEUR","NINTENDO.JP","AAPL.US","VOLV.SE","GOOG.US","LHA.DE","XAUEUR","BAY.DE","TOYOTA.JP","AUDCAD","LTCJPY","USDSEK"],
categoriesOrder: ["Crypto","Equities JP","Equities US","Equities SE","Equities DE","Precious Metals","Forex"],
})language: 'auto',
width: '290px',
height: '450px',
theme: 'dark',
customElements: ["header","chartGridLines"],
symbols: ["BTCUSD","BTCEUR","NINTENDO.JP","AAPL.US","VOLV.SE","GOOG.US","LHA.DE","XAUEUR","BAY.DE","TOYOTA.JP","AUDCAD","LTCJPY","USDSEK"],
categoriesOrder: ["Crypto","Equities JP","Equities US","Equities SE","Equities DE","Precious Metals","Forex"],
4. Por que o código de incorporação não está funcionando?
Potencialmente, o problema pode surgir da tentativa de inserir o código fonte dinamicamente, forçando o navegador a bloquear a execução do script integrado. Isso pode acontecer quando a injeção via innerHTML ocorre, por exemplo. Tentar injetar dinamicamente o código por meio de certas bibliotecas (por exemplo, jQuery) também pode interromper a inicialização apropriada do widget. Se você estiver incorporando o código em um site impulsionado por uma infraestrutura de terceiros, siga as instruções ou peça ajuda ao desenvolvedor da plataforma.