Skip to main content

Embed the Trading Signals widget

Paste this where you want the widget to appear:

<script
  src="https://www.dealsize.ai/dealsize-widget.js"
  async
  data-widget="trading-signals"
  data-symbol="XAUUSD"
  data-theme="dark"
  data-height="760px"
></script>

How it works​

The loader script replaces itself with a container <div> holding an iframe pointed at the Trading Signals widget page. Every data-* attribute except the iframe-level ones (data-width, data-height, data-container-id) is converted from kebab-case to camelCase and forwarded as a query parameter.

data-symbol is required in practice, because it selects the instrument the signal is generated for. Symbols are FMP tickers, the same ones the news widget takes, so index symbols carry a caret (^NDX); for the major instruments your broker code works too (see Symbols). They are uppercased automatically and accept letters, digits, and . - / ^ (up to 15 characters). See Supported instruments for the full list.

Common recipes​

Dark theme, custom sentiment colors:

<script
  src="https://www.dealsize.ai/dealsize-widget.js"
  async
  data-widget="trading-signals"
  data-symbol="EURUSD"
  data-theme="dark"
  data-bullish-color="#84C561"
  data-bearish-color="#E01013"
  data-link-color="#069BEC"
  data-height="auto"
></script>

Two Bollinger Bands instead of one, or none at all:

<script
  src="https://www.dealsize.ai/dealsize-widget.js"
  async
  data-widget="trading-signals"
  data-symbol="XAUUSD"
  data-bollinger="dual"
></script>

data-bollinger takes single (the default 20 ± 2σ band), dual (adds a 50-period band), or off. See Bollinger Bands for what each one draws.

Without the RSI pane: pass data-show-rsi="false" and the card shows the price chart alone. See RSI.

Auto-height: pass data-height="auto" and the iframe tracks the card's height. See the FAQ for the underlying postMessage protocol.

Sharing: the card carries a Share button, so a visitor can send a snapshot of the signal to WhatsApp, Telegram or X. Sharing opens the chosen app in a new tab; nothing is posted on the visitor's behalf and no data leaves the widget until they pick a destination. Opening the link lands on DealSize with the shared analysis in view, or — once that instrument has moved on to a newer signal — a note saying so and a button to generate the current one. There is no parameter to disable it.

TradingView: next to it sits a TradingView button, which walks a visitor through republishing the signal as a TradingView idea. Nothing is posted on their behalf; it generates text and a Pine script for them to paste. Hide it with data-show-trading-view="false".