Market Themes Sentiment Widget
You can place a small code in your web page in order to get our white label widget in your page.
Code Sample
<html>
<head>
<script type="text/javascript">
var fxs_widget_config = {
Culture: 'en-US'
};
</script>
</head>
<body>
<div style="width:80%;margin:auto;">
<div fxs_widget fxs_name="marketthemessentiment"
fxs_onlyHighlighted="false"
fxs_rows="15"
fxs_groups="30888515-8828-44bf-83f8-27dada519e2f,bullish;30888515-8828-44bf-83f8-27dada519e2f,bearish;34c316e5-3d2f-45b0-83cd-29379ba11516,bearish;34c316e5-3d2f-45b0-83cd-29379ba11516,bullish"></div>
</div>
<script type="text/javascript" src="https://markettools.fxstreet.com/v1/WidgetBaseJs/GetWidgetBaseJs"></script>
</body>
</html>
Steps
- Place the configuration in the head
- Place a div with the attribute fxs_widget in it, and configure the attributtes:(You can get the list of groups available through our API)fxs_name="marketthemessentiment"fxs_onlyHighlighted = ["true"|"false"]fxs_groups = (groupId,[bullish|bearish];)+fxs_rows = ([0-9]+)?
- You need to place the script that calls to our JS on the bottom of the body.
Security
Widget security is done via white-list your domain, so please contact [email protected] with your domain list to be whitelisted.
Sample
- HTML
- Result
<html>
<head>
<script type="text/javascript">
var fxs_widget_config = {
Culture: 'en-US'
};
</script>
</head>
<body>
<div style="width:80%;margin:auto;">
<div fxs_widget fxs_name="marketthemessentiment"
fxs_onlyHighlighted="false"
fxs_rows="15"
fxs_groups="30888515-8828-44bf-83f8-27dada519e2f,bullish;30888515-8828-44bf-83f8-27dada519e2f,bearish;34c316e5-3d2f-45b0-83cd-29379ba11516,bearish;34c316e5-3d2f-45b0-83cd-29379ba11516,bullish"></div>
</div>
<script type="text/javascript" src="https://markettools.fxstreet.com/v1/WidgetBaseJs/GetWidgetBaseJs"></script>
</body>
</html>