Widgets
Los widgets proporcionan una forma inteligente de atraer a la audiencia con su sitio. Perfecto para sitios web, blogs y foros.
Elige tu widget
Obtenga funciones increíbles y cotizaciones en tiempo real directamente en su sitio. Proporcione a sus usuarios información instantánea sobre los mercados sin complicadas integraciones. Personaliza los widgets y elige qué mostrar a tu audiencia.
¡Conviértase en afiliado y gana con widgets!
Regístrese en nuestro programa de afiliación e incluya enlaces de afiliación en nuestros widgets. Es una forma simple y conveniente de generar ingresos. Deja que tu audiencia gane dinero por ti.
Preguntas frecuentes
1. El widget no se está adaptando a diferentes tamaños de pantalla. ¿Qué tengo que hacer?
Utilice la configuración de tamaño automático. Cuando el tamaño automático está activado, el widget utiliza el 100% del ancho y/o la altura disponibles del elemento envolvente. Es muy importante establecer una altura específica del elemento padre para que el widget funcione correctamente.
2. ¿Puedo usar widgets en los sitios web de Angular 2+?
Sí. Aquí hay algunos consejos:
window.sfx('marketOverview', {
- Copia y pega el script del widget en algún lugar de la página:
<script type="text/javascript" src="https://widgets.simplefx.com/sfx-widget.js"></script> - Cree un elemento contenedor con un atributo de ID de conjunto.
- Cuando se representa el elemento contenedor y desea que se muestre la función de llamada del widget (por ejemplo, en ngAfterViewInit Angular hook) window.sfx(). Aparte de otras configuraciones, también debería haber una opción containerId en la lista de parámetros. Debe tener el valor del atributo de ID de contenedor creado 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. ¿Puedo usar widgets en los sitios web de React?
Sí. Aquí hay algunos consejos:
window.sfx('marketOverview', {
- Copia y pega el script del widget en algún lugar de la página:
<script type="text/javascript" src="https://widgets.simplefx.com/sfx-widget.js"></script> - Cree un elemento contenedor con un atributo de ID de conjunto.
- Cuando se representa el elemento contenedor y desea que se muestre la función de llamada del widget (por ejemplo, en componentDidMount lifecycle method) window.sfx(). Aparte de otras configuraciones, también debería haber una opción containerId en la lista de parámetros. Debe tener el valor del atributo de ID de contenedor creado 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 qué el código de inserción no funciona?
Potencialmente, el problema puede surgir al intentar insertar dinámicamente el código en bruto, lo que obliga al navegador a bloquear la ejecución del script incrustado. Esto puede suceder cuando ocurre la inyección a través de innerHTML, por ejemplo. Tratar de inyectar dinámicamente el código con los medios de ciertas bibliotecas (por ejemplo, jQuery) también puede interrumpir la inicialización adecuada del widget. Si está incorporando el código en un sitio impulsado por una infraestructura de terceros, asegúrese de seguir sus instrucciones o pida ayuda al desarrollador de la plataforma.