@binance/broker-portal-sdk

You are not on any trade or economic sanctions lists, such as the UN Security Council Sanctions list, designated as a “Specially Designated National” by OFAC (Office of Foreign Assets Control of the U.S. Treasury Department) or placed on the U.S. Commerce Department’s “Denied Persons List”.

Usage no npm install needed!

<script type="module">
  import binanceBrokerPortalSdk from 'https://cdn.skypack.dev/@binance/broker-portal-sdk';
</script>

README

@binance/broker-portal-sdk

  1. You are not on any trade or economic sanctions lists, such as the UN Security Council Sanctions list, designated as a “Specially Designated National” by OFAC (Office of Foreign Assets Control of the U.S. Treasury Department) or placed on the U.S. Commerce Department’s “Denied Persons List”.

  2. You are not providing any restricted/prohibited business that could constitute illegal, unlawful activities.

How to start

If you are interested in the Portal Tool, please fill the application form or contact broker@binance.com. Binance team members will reach out via Telegram or Email to help you with onboarding.

Start in 5 minutes

If you have got your broker_id, please add the codes below and input your

HTML

<script src="https://public.bnbstatic.com/static/js/broker-sdk/broker-sdk@1.0.1.min.js"></script>
<div id="widget"></div>

<script>
    window.onload = function () {
        window.binanceBrokerPortalSdk.initBrokerSDK('#widget', {
            apiHost: 'https://www.binance.com',
            brokerId: 'your-broker-id'
        })
    }
</script>

finally, check the Jump link has the params ref, like this: https://www.binance.com/en?source=broker-sdk&ref=xxx

React usage

import { initBrokerSDK } from '@binance/broker-portal-sdk'
const app = () => {
    React.useEffect(() => {
        initBrokerSDK('#test', {
            apiHost: 'https://www.binance.com',
            brokerId: 'your-broker-id'
        })
    }, [])
    return <div id="test"></div>
}

Parameters

initBrokerSDK(el, {
    apiHost,
    brokerId,
    site,
    overrideStyle,
    slideTime,
    target,
})

  • el: string | string[] required

    DOM selector

  • options.apiHost: string required

    API host, you can use https://www.binance.com by default

  • options.brokerId: string required

    Your broker id

  • options.site: "global" | "site" optional

    Site of jump links, default set to global

  • options.overrideStyle: string optional

    Customize style by pure CSS code, eg:

    .bnc-broker-widget-footer{height: 20px;} /* change style of widget footer */

  • options.slideTime: number optional

    Delay between slide transitions(in ms), default set to 5000

  • options.target: "_self" | "_blank" | "_parent" | "top" optional

    target attribute of link, default set to "_self"