விட்ஜெட் ஆவணங்கள்
உங்கள் வலைத்தளத்தில் Currency.Wiki நாணய மாற்றி விட்ஜெட்டை உட்சேர்ப்பது மற்றும் தனிப்பயனாக்குவது குறித்த முழுமையான வழிகாட்டி.
உள்ளடக்க அட்டவணை
1 தொடங்குதல்
உங்கள் வலைத்தளத்தில் நாணய மாற்றி விட்ஜெட்டைச் சேர்ப்பது எளிது. இந்த எளிய படிகளைப் பின்பற்றவும்:
- விட்ஜெட் உருவாக்கி பக்கத்திற்கு சென்று விட்ஜெட்டின் தோற்றத்தை தனிப்பயனாக்கவும்
- உங்கள் விருப்பமான விட்ஜெட் பாணி, நாணயங்கள் மற்றும் தீம்களைத் தேர்ந்தெடுக்கவும்
- உருவாக்கப்பட்ட உட்சேர்ப்பு குறியீட்டை (Script அல்லது Iframe) நகலெடுக்கவும்
- உங்கள் வலைத்தளத்தின் HTML இல் விட்ஜெட் தோன்ற வேண்டிய இடத்தில் குறியீட்டை ஒட்டவும்
சிறப்பு குறிப்பு: விட்ஜெட் உருவாக்கியில் விரைவு தொடக்க முன்விருப்பங்களை பயன்படுத்தி முன்பே அமைக்கப்பட்ட விட்ஜெட்டுடன் விரைவாக தொடங்கலாம்.
2 உட்சேர்ப்பு முறைகள்
Script உட்சேர்ப்பு (பரிந்துரைக்கப்படுகிறது)
Script உட்சேர்ப்பு முறையில் விட்ஜெட் நேரடியாக உங்கள் பக்கத்தில் சேர்க்கப்படும். நாணய கீழ்தோன்றும் பட்டிகள் சுற்றியுள்ள உள்ளடக்கத்திற்கு மேல் தோன்றும்.
<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 உட்சேர்ப்பு
Iframe உட்சேர்ப்பு முறையில் விட்ஜெட்டுக்காக தனிமைப்படுத்தப்பட்ட கன்டெய்னர் உருவாக்கப்படும். இந்த முறை பாதுகாப்பானது மற்றும் கடுமையான உள்ளடக்கக் கொள்கைகளுடன் வேலை செய்யும்.
<iframe src="https://widget.currency.wiki/v3/embed?style=compact&theme=light&from=USD&to=EUR"
width="300" height="180" frameborder="0"></iframe>
- உங்கள் பக்க பாணிகளிலிருந்து முற்றிலும் தனிமைப்படுத்தப்பட்டு இருக்கும்
- கடுமையான உள்ளடக்க பாதுகாப்பு கொள்கைகளுடன் வேலை செய்யும்
- எளிமையான மற்றும் பாதுகாப்பான செயல்படுத்தல்
குறிப்பு: முழு இடைமுகத்திற்காக Script உட்சேர்ப்பை பயன்படுத்தவும் (கீழ்தோன்றும் பட்டிகள் உள்ளடக்கத்திற்கு மேல் தோன்றும்). தனிமைப்படுத்தல் அல்லது CSP கட்டுப்பாடுகள் தேவைப்பட்டால் Iframe உட்சேர்ப்பை பயன்படுத்தவும்.
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 அளவுருக்களை பயன்படுத்தி தனிப்பயனாக்கலாம். இந்த அளவுருக்கள் Script மற்றும் Iframe உட்சேர்ப்பு முறைகளிலும் வேலை செய்யும்.
| அளவுரு | இயல்புநிலை | விளக்கம் |
|---|---|---|
| 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 இல் சரியான இடத்தில் உள்ளதா என்பதை உறுதிப்படுத்தவும். Script உட்சேர்ப்பில், சரியான ID உடன் கன்டெய்னர் div உள்ளது என்பதை உறுதிப்படுத்தவும். உலாவி console இல் JavaScript பிழைகள் உள்ளதா என பார்க்கவும்.
கீழ்தோன்றும் பட்டி வேலை செய்யவில்லை
Iframe உட்சேர்ப்பில், கீழ்தோன்றும் பட்டிகள் விட்ஜெட் பகுதியில் ஸ்க்ரோல் செய்யும். முழு கீழ்தோன்றும் செயல்பாட்டிற்கு Script உட்சேர்ப்பு முறையை பயன்படுத்தவும்.
பாணி முரண்பாடுகள்
உங்கள் வலைத்தள CSS விட்ஜெட் தோற்றத்தை பாதிப்பதாக இருந்தால், விட்ஜெட் பாணிகளை தனிமைப்படுத்த Iframe உட்சேர்ப்பு முறையை முயற்சிக்கவும்.
உள்ளடக்க பாதுகாப்பு கொள்கை பிரச்சனைகள்
கடுமையான CSP இருந்தால், currency.wiki ஐ உங்கள் script-src மற்றும் frame-src அனுமதிக்கப்பட்ட பட்டியலில் சேர்க்க வேண்டும். உதாரணம்: script-src 'self' currency.wiki; frame-src 'self' currency.wiki;
உதவி தேவைப்படுகிறதா?
நீங்கள் தேடும் விஷயம் கிடைக்கவில்லையா? எங்கள் ஆதரவு குழு உதவ தயாராக உள்ளது.
