ವಿಜೆಟ್ ಡಾಕ್ಯುಮೆಂಟೇಶನ್
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 | ಆಕ್ಸೆಂಟ್ ಬಣ್ಣ ಹೆಕ್ಸ್ ಸ್ವರೂಪದಲ್ಲಿ (# ಇಲ್ಲದೆ) |
| 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 ಇರುವ ಕಂಟೈನರ್ ಡಿವ್ ಇದೆ ಎಂದು ಪರಿಶೀಲಿಸಿ. ಯಾವುದೇ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ದೋಷಗಳಿಗಾಗಿ ಬ್ರೌಸರ್ ಕನ್ಸೋಲ್ ಪರಿಶೀಲಿಸಿ.
ಡ್ರಾಪ್ಡೌನ್ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತಿಲ್ಲ
ಐಫ್ರೇಮ್ ಎಂಬೆಡ್ ಬಳಕೆ ಮಾಡಿದರೆ, ಡ್ರಾಪ್ಡೌನ್ಗಳು ವಿಜೆಟ್ ಪ್ರದೇಶದ ಒಳಗೆ ಸ್ಕ್ರೋಲ್ ಆಗುತ್ತವೆ. ಪೂರ್ಣ ಡ್ರಾಪ್ಡೌನ್ ಕಾರ್ಯಕ್ಷಮತೆಗೆ ಸ್ಕ್ರಿಪ್ಟ್ ಎಂಬೆಡ್ ವಿಧಾನ ಬಳಸಿ.
ಶೈಲಿ ಘರ್ಷಣೆಗಳು
ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ನ CSS ವಿಜೆಟ್ ರೂಪವನ್ನು ಪ್ರಭಾವಿಸುತ್ತಿದ್ದರೆ, ವಿಜೆಟ್ ಶೈಲಿಗಳನ್ನು ಪ್ರತ್ಯೇಕಿಸಲು ಐಫ್ರೇಮ್ ಎಂಬೆಡ್ ವಿಧಾನ ಪ್ರಯತ್ನಿಸಿ.
ವಿಷಯ ಸುರಕ್ಷತಾ ನೀತಿ ಸಮಸ್ಯೆಗಳು
ನಿಮ್ಮಲ್ಲಿ ಕಟ್ಟುನಿಟ್ಟಾದ CSP ಇದ್ದರೆ, currency.wiki ಅನ್ನು script-src ಮತ್ತು frame-src ನಿರ್ದೇಶನಗಳಿಗೆ ಅನುಮತಿತ ಪಟ್ಟಿಗೆ ಸೇರಿಸಬೇಕಾಗಬಹುದು. ಉದಾಹರಣೆ: script-src 'self' currency.wiki; frame-src 'self' currency.wiki;
ಸಹಾಯ ಬೇಕೇ?
ನೀವು ಹುಡುಕುತ್ತಿರುವುದು ಸಿಗುತ್ತಿಲ್ಲವೇ? ನಮ್ಮ ಬೆಂಬಲ ತಂಡ ಸಹಾಯ ಮಾಡಲು ಇಲ್ಲಿದೆ.
