ویجت سهام (TradingView)

تعامل دارای پشتیبانی از سایر قابلیت های دیگر در اینترانت شما است. با استفاده از مراحل زیر می توانید هر یک از ابزارک های TradingView را به اینترانت خود اضافه کنید.

ویجتهای مشترک اضافه کردن ویجت برای تعامل

افزودن ویجت TradingView به اینترانت شما ساده است. مراحل زیر را دنبال کنید تا هر یک از ویجت های نشان داده شده در اینترانت خود را بدست آورید:

1. یک ویجت را انتخاب کنید که می توانید لیستی از کلیه ابزارک ها را در TradingView پیدا کنید. در این مثال ، ما ویجت مینی نمودار را به عنوان نمونه جاسازی خواهیم کرد.

2. پس از انتخاب ویجت ، ویجت را سفارشی کنید ، باید آن را سفارشی کنید (روی "دریافت ویجت" در TradingView کلیک کنید). گزینه های ویجت روی صفحه را در TradingView پیکربندی کنید. پس از اتمام روی "اعمال" کلیک کنید.

3. تولید ویجت اکنون ویجت را تولید کرده اید که کد تعبیه شده را در زیر ایجاد می کند.

کد ویجت تولید شده

ما از کد فوق به شی گزینه های JSON نیاز داریم:

گزینه های ویجت

ما همچنین از کد تعبیه شده تولید شده به نام ویجت نیاز داریم. ما می توانیم از URL ویژگی SRC Script SRC دریابیم. با استفاده از مثال ما

گرفتن نام ویجت

 https://s3. tradingview.com/exteal-embedding/embed-widget-mini-symbol-overview. js mini-symbol-Overview 

اکنون ما نام ویجت و گزینه های JSON را داریم که باید URL جاسازی شده را تولید کنیم. TradingView تعبیه شده در قالب زیر است:

ویجت با فرمت URL تعبیه شده است

https://s. tradingview.com/embed-widget//؟locale=#

مبادله نام ویجت و محل محلی (در گزینه های JSON ما یافت می شود) از بالای این آدرس ویجت ما است:

HTTP

https://s. tradingview.com/embed-widget/mini-symbol-overview/؟locale=uk# 

اکنون برای مهمترین بخش ، عبور از گزینه های ویجت JSON در URL! گزینه های JSON برای رمزگذاری URL - رمزگذار URL به صورت آنلاین لازم است.

گزینه های ecoding

// ورودی<"symbol": "FX:EURUSD", "width": 350, "height": 220, "locale": "uk", "dateRange": "12m", "colorTheme": "light", "trendLineColor": "#37a6ef", "underLineColor": "#e3f2fd", "isTransparent": false, "autosize": false, "largeChartUrl": "">// رمزگذاری شده ٪ 7b ٪ 0A ٪ 20 ٪ 20 ٪ 22Symbol ٪ 22 ٪ 3A ٪ 20 ٪ 22FX ٪ 3AEURUSD ٪ 22 ٪ 2C ٪ 0A ٪ 20 ٪ 20 ٪ 22 ٪ 22 ٪ 3A ٪ 20350 ٪ 2C ٪ 0A ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪22Height ٪ 22 ٪ 3A ٪ 20220 ٪ 2C ٪ 0A ٪ 20 ٪ 20 ٪ 22Locale ٪ 22 ٪ 3A ٪ 20 ٪ 22K ٪ 22 ٪ 2C ٪ 0A ٪ 20 ٪ 20 ٪ 22Daterange ٪ 22 ٪ 20 ٪ 2212m ٪ 22 ٪ 2C ٪0A ٪ 20 ٪ 20 ٪ 22Colortheme ٪ 22 ٪ 3A ٪ 20 ٪ 22 ٪ 22 ٪ 22 ٪ 2C ٪ 0A ٪ 20 ٪ 22Trendlinecolor ٪ 22 ٪ 3A ٪ 20 ٪ 22 ٪ 22 ٪ 22 ٪ 2C ٪ 0A ٪ 20 ٪ 20 ٪ 22OnderLinecolor ٪22 ٪ 3A ٪ 20 ٪ 22 ٪ 23E3F2FD ٪ 22 ٪ 2C ٪ 0A ٪ 20 ٪ 20 ٪ 22istransparent ٪ 22 ٪ 3A ٪ 20false ٪ 2C ٪ 0A ٪ 20 ٪ 20 ٪ 22 ٪ 22 ٪ 3A ٪ 20false ٪ 2C ٪ 0A ٪ 20 ٪20 ٪ 22largecharturl ٪ 22 ٪ 3A ٪ 20 ٪ 22 ٪ 22 ٪ 22 ٪ 0A ٪ 7D 

هنگامی که گزینه ها را رمزگذاری کردیم ، می توانیم URL تعبیه شده خود را به پایان برسانیم:

URL جاسازی شده

// Embed URL-فرمت https://s. tradingview.com/embed-widget//؟locale=# // url تعبیه شده https://s. tradingview.com/embed-widget/mini-symbol-overview/؟LOCALE = UK#٪ 7B ٪ 0A ٪ 20 ٪ 20 ٪ 22Symbol ٪ 22 ٪ 3A ٪ 20 ٪ 22FX ٪ 3AEURUSD ٪ 22 ٪ 2C ٪ 0A ٪ 20 ٪ 20 ٪ 22 ٪ 22 ٪ 3A ٪ 20350 ٪ 2C ٪ 0A ٪ 20 ٪ 20 20 20٪ 22Height ٪ 22 ٪ 3A ٪ 20220 ٪ 2C ٪ 0A ٪ 20 ٪ 20 ٪ 22 locale ٪ 22 ٪ 3A ٪ 20 ٪ 22K ٪ 22 ٪ 2C ٪ 0A ٪ 20 ٪ 20 ٪ 22 ٪ 22 ٪ 3A ٪ 20 ٪ 2212m ٪ 22 ٪ 2C 2C٪ 0a ٪ 20 ٪ 20 ٪ 22Colortheme ٪ 22 ٪ 3A ٪ 20 ٪ 22 ٪ 22 ٪ 22 ٪ 2C ٪ 0A ٪ 20 ٪ 22Trendlinecolor ٪ 22 ٪ 3A ٪ 20 ٪ 22 ٪ 22 ٪ 22 ٪ 2C ٪ 0A ٪ 20 ٪ 20 ٪ 22OnderLinecolor٪ 22 ٪ 3A ٪ 20 ٪ 22 ٪ 23E3F2FD ٪ 22 ٪ 2C ٪ 0A ٪ 20 ٪ 20 ٪ 22istransprent ٪ 22 ٪ 3A ٪ 20false ٪ 2C ٪ 0A ٪ 20 ٪ 20 ٪ 22 ٪ 22 ٪ 3A ٪ 20false ٪ 2C ٪ 0A ٪ 20٪ 20 ٪ 22LargeCharturl ٪ 22 ٪ 3A ٪ 20 ٪ 22 ٪ 22 ٪ 22 ٪ 0A ٪ 7D 

4- در تعامل در طرح متقابل خود ، باید یک ویجت جدید اضافه کنید و Iframe را انتخاب کنید.

URL تعبیه شده TradingView را که در بالا در URL صفحه وب ایجاد کرده ایم کپی و چسبانده و ویجت را ذخیره کنید. توجه: اضافه کردن نام ویجت یا تغییر اندازه iframe اختیاری است.

اکنون باید ویجت جدید خود را در طرح مشاهده کنید.< Pan> // url تعبیه شده-فرمت https://s. tradingview.com/embed-widget//؟locale=# // url تعبیه شده https://s. tradingview.com/embed-widget/mini-symbol-نمای کلی/؟ locale = UK#٪ 7B ٪ 0A ٪ 20 ٪ 20 ٪ 22symbol ٪ 22 ٪ 22 ٪ 3A ٪ 22FX ٪ 3AEURUSD ٪ 22 ٪ 2C ٪ 0A ٪ 20 ٪ 20 ٪ 22 ٪ 22 ٪ 3A ٪ 20350 ٪ 2C ٪ 0A ٪20 ٪ 20 ٪ 22height 22 ٪ 3A ٪ 20220 ٪ 2C ٪ 0A ٪ 20 ٪ 20 ٪ 22 locale ٪ 22 ٪ 3A ٪ 20 ٪ 22uk ٪ 22 ٪ 2c ٪ 0a ٪ 20 ٪ 22daterange ٪ 22 ٪ 3A ٪ 20 ٪ 2212m ٪22 ٪ 2C ٪ 0A ٪ 20 ٪ 20 ٪ 22Colortheme ٪ 22 ٪ 3A ٪ 20 ٪ 22 ٪ 22 ٪ 2C ٪ 0A ٪ 20 ٪ 20 ٪ 22trendlinecolor ٪ 22 ٪ 3A ٪ 20 ٪ 22 ٪ 22 ٪ 22 ٪ 2C ٪ 0A ٪ 0A ٪ 20 ٪ 20 ٪20 ٪ 22Onderlinecolor ٪ 22 ٪ 3A ٪ 20 ٪ 22 ٪ 22 ٪ 22 ٪ 22 ٪ 2C ٪ 0A ٪ 20 ٪ 20 ٪ 22istransparent ٪ 22 ٪ 3A ٪ 20false ٪ 2C ٪ 20 ٪ 20 ٪ 22 ٪ 22 ٪ 3A ٪ 20false ٪ 2C ٪0a ٪ 20 ٪ 20 ٪ 22LargeCharturl ٪ 22 ٪ 3A ٪ 20 ٪ 22 ٪ 22 ٪ 22 ٪ 0a ٪ 7d