I'm trying to implement the Ticker Tape widget on my home page, but it simply doesn't show at all.
I tried to put the script on head of index.html but I've a navbar component and the widget go on top of the screen instead my navbar component.
The HomePage Component
<div class="tradingview-widget-container">
<div class="tradingview-widget-container__widget"></div>
<div class="tradingview-widget-copyright"><a href="/" rel="noopener nofollow" target="_blank"><span class="blue-text">Monitore todos os mercados no TradingView</span></a></div>
<script type="text/javascript" src=".js" async>
{
"symbols": [
{
"proName": "FOREXCOM:SPXUSD",
"title": "S&P 500 Index"
},
{
"proName": "FOREXCOM:NSXUSD",
"title": "US 100 Cash CFD"
},
{
"proName": "FX_IDC:EURUSD",
"title": "EUR to USD"
},
{
"proName": "BITSTAMP:BTCUSD",
"title": "Bitcoin"
},
{
"proName": "BITSTAMP:ETHUSD",
"title": "Ethereum"
}
],
"showSymbolLogo": true,
"isTransparent": false,
"displayMode": "compact",
"colorTheme": "dark",
"locale": "br"
}
</script>
</div>