Widgets
Les widgets constituent un moyen astucieux de faire participer le public à votre site. Parfait pour les sites web, les blogs et les forums
Choisir votre widget
Bénéficiez de fonctionnalités exceptionnelles et de cotations en temps réel directement sur votre site. Offrez à vos utilisateurs un aperçu instantané des marchés sans intégration compliquée. Personnalisez les widgets et déterminez ce que vous souhaitez présenter à votre public.
Devenez affilié et gagnez de l'argent avec des widgets !
Inscrivez-vous à notre programme d'affiliation et intégrez des liens d'affiliation dans nos widgets. Il s'agit d'un moyen simple et pratique de générer des revenus. Laissez votre public gagner de l'argent pour vous.
Questions fréquemment posées
1. Le widget ne s'adapte pas aux différentes tailles d'écran. Que dois-je faire ?
Utilisez le paramètre Autosize. Lorsque le paramètre Taille automatique est activé, le widget utilise 100 % de la largeur et/ou de la hauteur disponible de l'élément qui l'entoure. Il est très important de définir une hauteur spécifique pour l'élément parent afin que le widget fonctionne correctement.
2. Puis-je utiliser des widgets sur des sites Web faisant appel à Angular 2 et aux versions supérieures de ce framework ?
Oui. Voici quelques conseils :
window.sfx('marketOverview', {
- Copier et coller le script du widget quelque part sur la page :
<script type="text/javascript" src="https://widgets.simplefx.com/sfx-widget.js"></script> .
- Créer un élément conteneur avec un attribut ID défini.
- Lorsque l'élément conteneur est rendu et que vous voulez que le widget soit affiché, appelez la fonction (par exemple dans le hook Angular ngAfterViewInit) window.sfx(). En dehors des autres paramètres, il devrait également y avoir une option containerId dans la liste des paramètres. Elle doit avoir la valeur de l'attribut containerId créé précédemment.
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. Puis-je utiliser des widgets sur des sites web React ?
Oui. Voici quelques conseils :
window.sfx('marketOverview', {
- Copier et coller le script du widget quelque part sur la page :
<script type="text/javascript" src="https://widgets.simplefx.com/sfx-widget.js"></script> .
- Créer un élément conteneur avec un attribut ID défini.
- Lorsque l'élément conteneur est rendu et que vous voulez que le widget soit affiché appelez la fonction (par exemple dans la méthode du cycle de vie componentDidMount) window.sfx() Hormis les autres paramètres, il devrait également y avoir une option containerId dans la liste des paramètres. Elle doit avoir la valeur de l'attribut containerId créé précédemment.
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. Pourquoi le code d'intégration ne fonctionne-t-il pas ?
Le problème peut éventuellement survenir lorsqu'on essaie d'insérer le code brut de manière dynamique, ce qui oblige le navigateur à bloquer l'exécution du script intégré. Cette situation peut se produire en cas d'injection via innerHTML, par exemple. Essayer d'injecter dynamiquement le code au moyen de certaines bibliothèques (par exemple, jQuery) peut également perturber l'initialisation correcte du widget. Si vous intégrez le code sur un site géré par une infrastructure tierce, veillez à suivre leurs instructions ou à demander de l'aide au développeur de la plate-forme.