విడ్జెట్ డాక్యుమెంటేషన్
మీ వెబ్సైట్లో Currency.Wiki కరెన్సీ కన్వర్టర్ విడ్జెట్ను ఎంబెడ్ చేయడం మరియు అనుకూలీకరించడానికి పూర్తి గైడ్.
విషయ సూచిక
1 ప్రారంభించండి
మీ వెబ్సైట్కు కరెన్సీ కన్వర్టర్ విడ్జెట్ జోడించడం సులభం. ఈ సులభమైన దశలను అనుసరించండి:
- విడ్జెట్ బిల్డర్ పేజీకి వెళ్లి విడ్జెట్ రూపాన్ని అనుకూలీకరించండి
- మీకు ఇష్టమైన విడ్జెట్ స్టైల్, కరెన్సీలు, థీమ్ ఎంచుకోండి
- తయారైన ఎంబెడ్ కోడ్ (స్క్రిప్ట్ లేదా ఐఫ్రేమ్) కాపీ చేయండి
- మీ వెబ్సైట్ HTMLలో విడ్జెట్ కనిపించాలనుకుంటున్న చోట కోడ్ను పేస్ట్ చేయండి
సూచన: విడ్జెట్ బిల్డర్లోని త్వరిత ప్రారంభ ప్రీసెట్స్ ఉపయోగించి ముందే కాన్ఫిగర్ చేసిన విడ్జెట్తో త్వరగా ప్రారంభించండి.
2 ఎంబెడ్ పద్ధతులు
స్క్రిప్ట్ ఎంబెడ్ (సిఫార్సు చేయబడింది)
స్క్రిప్ట్ ఎంబెడ్ పద్ధతి విడ్జెట్ను నేరుగా మీ పేజీలో ఇంజెక్ట్ చేస్తుంది. కరెన్సీ డ్రాప్డౌన్ మెనూలు చుట్టూ ఉన్న కంటెంట్ ముందు కనిపిస్తాయి.
<div id="currency-wiki-widget"></div>
<script src="https://widget.currency.wiki/v3/script.js?style=compact&theme=light&from=USD&to=EUR"></script>
- డ్రాప్డౌన్లు విడ్జెట్ కంటైనర్ వెలుపల కనిపిస్తాయి
- ఇంటరాక్టివ్ కరెన్సీ ఎంపికకు ఉత్తమం
- మీ పేజీతో సజావుగా కలిసిపోతుంది
ఐఫ్రేమ్ ఎంబెడ్
ఐఫ్రేమ్ ఎంబెడ్ పద్ధతి విడ్జెట్ కోసం ప్రత్యేక కంటైనర్ను సృష్టిస్తుంది. ఈ పద్ధతి సురక్షితమైనది మరియు కఠినమైన కంటెంట్ పాలసీలున్న వాతావరణాల్లో పనిచేస్తుంది.
<iframe src="https://widget.currency.wiki/v3/embed?style=compact&theme=light&from=USD&to=EUR"
width="300" height="180" frameborder="0"></iframe>
- మీ పేజీ స్టైల్స్ నుండి పూర్తిగా వేరు
- కఠినమైన కంటెంట్ సెక్యూరిటీ పాలసీలతో పనిచేస్తుంది
- సాధారణ మరియు సురక్షిత అమలు
గమనిక: పూర్తి ఇంటరాక్టివిటీ కోసం స్క్రిప్ట్ ఎంబెడ్ ఉపయోగించండి (డ్రాప్డౌన్లు కంటెంట్పై కనిపిస్తాయి). వేరు చేయాల్సిన అవసరం లేదా CSP పరిమితులు ఉన్నప్పుడు ఐఫ్రేమ్ ఎంబెడ్ ఉపయోగించండి.
3 విడ్జెట్ స్టైల్స్
మీ వెబ్సైట్ డిజైన్కు సరిపోయే 11 వేర్వేరు విడ్జెట్ స్టైల్స్లోంచి ఎంచుకోండి. ప్రతి స్టైల్ వేర్వేరు వాడుకలకు మరియు ప్రదర్శన పరిమాణాలకు ఆప్టిమైజ్ చేయబడింది.
mini
250x140px
కాంపాక్ట్ సింగిల్-లైన్ కన్వర్టర్. హెడర్లు లేదా తక్కువ స్థలానికి ఉత్తమం.
square
250x250px
1:1 నిష్పత్తి విడ్జెట్ స్వాప్ బటన్తో. సైడ్బార్లకు బాగుంటుంది.
compact
300x180px
అన్ని ముఖ్యమైన ఫీచర్లతో చిన్న పరిమాణం కన్వర్టర్.
inline
480x56px
అడ్డంగా లేఅవుట్. కంటెంట్ లేదా నావిగేషన్లో ఎంబెడ్ చేయడానికి ఉత్తమం.
tall
200x280px
వర్టికల్ సైడ్బార్ లేఅవుట్ క్లాసిక్ లేబుల్స్తో.
mini-chart
250x260px
రేటు చరిత్ర చూపించే స్పార్క్లైన్ చార్ట్తో కాంపాక్ట్ కన్వర్టర్.
multi-expandable
300x320px
బహు కరెన్సీ కన్వర్టర్. వినియోగదారులు కరెన్సీలు జోడించవచ్చు/తొలగించవచ్చు.
multi-fixed
300x300px
నిర్దిష్ట ఎక్స్చేంజ్ రేట్లతో ఫిక్స్డ్ లిస్ట్. నిర్దిష్ట రేట్లు చూపించడానికి ఉత్తమం.
rates-compact
250x320px
చివరి నవీకరణ సమయంతో కండెన్స్డ్ ఎక్స్చేంజ్ రేట్ల లిస్ట్.
rates-viewer
300x500px
వివరమైన రేటు సమాచారం ఉన్న పూర్తి చార్ట్ వీక్షణ.
rates-viewer-compact
300x400px
చార్ట్లతో కాంపాక్ట్ రేట్స్ వీయర్ వెర్షన్.
4 URL పరామితులు
మీ విడ్జెట్ను URL పరామితుల ద్వారా అనుకూలీకరించండి. ఈ పరామితులు స్క్రిప్ట్ మరియు ఐఫ్రేమ్ ఎంబెడ్ పద్ధతుల రెండింటికీ పనిచేస్తాయి.
| పరామితి | డిఫాల్ట్ | వివరణ |
|---|---|---|
| style | compact | విడ్జెట్ స్టైల్ (mini, square, compact, inline, tall, mini-chart, multi-expandable, multi-fixed, rates-compact, rates-viewer, rates-viewer-compact) |
| theme | light | రంగు థీమ్ (light, dark, లేదా auto) |
| from | USD | సోర్స్ కరెన్సీ కోడ్ (ఉదా: USD, EUR, GBP) |
| to | EUR | టార్గెట్ కరెన్సీ కోడ్ (ఉదా: EUR, USD, JPY) |
| amount | 1000 | మార్పిడికి డిఫాల్ట్ మొత్తం |
| accent | #2563eb | యాక్సెంట్ రంగు (hex ఫార్మాట్లో, # లేకుండా) |
| lang | en | విడ్జెట్ భాష కోడ్ (ఉదా: en, es, fr, de) |
| flags | 1 | దేశ జెండాలు చూపించు (1=చూపించు, 0=దాచు) |
| display | iso | కరెన్సీ ప్రదర్శన ఫార్మాట్ (iso=USD, symbol=$) |
| lock | 0 | కరెన్సీలు లాక్ చేయండి (1=లాక్, 0=అన్లాక్) |
| currencies | EUR,GBP,JPY | బహు కరెన్సీ విడ్జెట్ల కోసం కామా-సెపరేటెడ్ కరెన్సీలు |
| dropdown | all | డ్రాప్డౌన్లో కరెన్సీలు (all, top10, top20, లేదా కామా-సెపరేటెడ్ లిస్ట్) |
| branding | 1 | బ్రాండింగ్ చూపించు (1=చూపించు, 0=దాచు) |
| brandinglink | 1 | బ్రాండింగ్ క్లికబుల్ చేయండి (1=లింక్, 0=టెక్స్ట్ మాత్రమే) |
| format | auto | సంఖ్య ఫార్మాట్ (auto, us, eu, french, indian) |
| decimals | 2 | దశాంశ స్థానాల సంఖ్య (0-6) |
| chart | 0 | చార్ట్ ఎనేబుల్ చేయండి (1=ఎనేబుల్, 0=డిసేబుల్) |
| chartperiod | 7d | చార్ట్ కాలం (7d, 14d, 30d, 90d) |
ఉదాహరణలు
డార్క్ థీమ్ కాంపాక్ట్ కన్వర్టర్:
?style=compact&theme=dark&from=USD&to=EUR
బహు కరెన్సీ ఎక్స్చేంజ్ రేట్లు:
?style=multi-fixed&from=USD¤cies=EUR,GBP,JPY,CAD
30-రోజుల చార్ట్తో మినీ కన్వర్టర్:
?style=mini-chart&from=EUR&to=USD&chartperiod=30d
కరెన్సీ కోడ్లకు బదులుగా చిహ్నాలు చూపించు:
?style=compact&display=symbol&from=USD&to=EUR
కస్టమ్ మొత్తంతో లాక్ చేసిన కరెన్సీలు:
?style=compact&from=GBP&to=USD&lock=1&amount=100
5 అనుకూలీకరణ ఎంపికలు
థీమ్ ఎంపికలు
- light - లైట్ బ్యాక్గ్రౌండ్ డార్క్ టెక్స్ట్తో
- dark - డార్క్ బ్యాక్గ్రౌండ్ లైట్ టెక్స్ట్తో
- auto - వినియోగదారుడి సిస్టమ్ ప్రిఫరెన్స్ను ఆటోమేటిక్గా సరిపోల్చుతుంది
కరెన్సీ ప్రదర్శన ఫార్మాట్
- iso - USD, EUR, GBP వంటి ISO కోడ్లు చూపిస్తుంది
- symbol - $, €, £ వంటి కరెన్సీ చిహ్నాలు చూపిస్తుంది
సంఖ్య ఫార్మాట్లు
- auto - వినియోగదారుడి బ్రౌజర్ సెట్టింగ్స్ను ఆటోమేటిక్గా గుర్తిస్తుంది
- us - US ఫార్మాట్: 1,234.56
- eu - యూరోపియన్ ఫార్మాట్: 1.234,56
- french - ఫ్రెంచ్ ఫార్మాట్: 1 234,56
- indian - ఇండియన్ ఫార్మాట్: 1,23,456.78
డ్రాప్డౌన్ కరెన్సీ ఎంపికలు
- all - అన్ని 170+ మద్దతు ఉన్న కరెన్సీలు
- top10 - అత్యంత ప్రజాదరణ పొందిన టాప్ 10 కరెన్సీలు
- top20 - ట్రేడింగ్ వాల్యూమ్ ప్రకారం టాప్ 20 కరెన్సీలు
- USD,EUR,GBP,... - నిర్దిష్ట కరెన్సీల కస్టమ్ లిస్ట్
సూచన: ఈ అన్ని ఎంపికలను విజువల్గా కాన్ఫిగర్ చేసి, ఎంబెడ్ కోడ్ ఆటోమేటిక్గా రూపొందించడానికి విడ్జెట్ బిల్డర్ ఉపయోగించండి.
6 ట్రబుల్షూటింగ్
విడ్జెట్ కనిపించడంలేదు
ఎంబెడ్ కోడ్ మీ HTMLలో సరైన చోట ఉంచబడిందో నిర్ధారించండి. స్క్రిప్ట్ ఎంబెడ్ కోసం, సరైన IDతో కంటైనర్ div ఉందో చూడండి. మీ బ్రౌజర్ కన్సోల్లో ఏదైనా జావాస్క్రిప్ట్ లోపాలు ఉన్నాయో చూడండి.
డ్రాప్డౌన్ పనిచేయడంలేదు
ఐఫ్రేమ్ ఎంబెడ్ ఉపయోగిస్తే, డ్రాప్డౌన్లు విడ్జెట్ ప్రాంతంలో స్క్రోల్ అవుతాయి. పూర్తిగా డ్రాప్డౌన్ ఫంక్షనాలిటీ కోసం స్క్రిప్ట్ ఎంబెడ్ పద్ధతి ఉపయోగించండి.
స్టైల్ కాంట్లిక్ట్లు
మీ వెబ్సైట్ CSS విడ్జెట్ రూపాన్ని ప్రభావితం చేస్తే, విడ్జెట్ స్టైల్స్ మీ పేజీ నుండి వేరు చేయడానికి ఐఫ్రేమ్ ఎంబెడ్ ప్రయత్నించండి.
కంటెంట్ సెక్యూరిటీ పాలసీ సమస్యలు
మీకు కఠినమైన CSP ఉంటే, currency.wikiని మీ script-src మరియు frame-src డైరెక్టివ్లలో అనుమతించాలి. ఉదాహరణ: script-src 'self' currency.wiki; frame-src 'self' currency.wiki;
సహాయం కావాలా?
మీరు వెతుకుతున్నది కనపడలేదా? మా సపోర్ట్ టీమ్ సహాయానికి సిద్ధంగా ఉంది.
