વિજેટ દસ્તાવેજીકરણ
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>
- તમારા પેજ સ્ટાઇલ્સથી સંપૂર્ણપણે અલગ
- કડક Content Security Policies સાથે કામ કરે છે
- સાદું અને સુરક્ષિત અમલ
નોંધ: પૂર્ણ ઇન્ટરએક્ટિવિટી માટે સ્ક્રિપ્ટ એમ્બેડ વાપરો (ડ્રોપડાઉન કન્ટેન્ટ ઉપર દેખાય છે). અલગતા અથવા 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 સાથે કન્ટેનર div હોવું જોઈએ. કોઈ JavaScript ભૂલ માટે બ્રાઉઝર કન્સોલ તપાસો.
ડ્રોપડાઉન કામ કરતું નથી
આઇફ્રેમ એમ્બેડ વાપરો તો ડ્રોપડાઉન વિજેટ વિસ્તારમાં સ્ક્રોલ થશે. સંપૂર્ણ ડ્રોપડાઉન ઓવરલે માટે સ્ક્રિપ્ટ એમ્બેડ વાપરો.
શૈલી સંઘર્ષ
તમારી વેબસાઇટની CSS વિજેટ દેખાવને અસર કરે છે તો આઇફ્રેમ એમ્બેડ અજમાવો, જે વિજેટને અલગ રાખે છે.
Content Security Policy સમસ્યા
કડક CSP હોય તો currency.wiki ને script-src અને frame-src ડિરેક્ટિવ્સમાં ઉમેરો. ઉદાહરણ: script-src 'self' currency.wiki; frame-src 'self' currency.wiki;
મદદ જોઈએ?
તમે શોધી રહ્યા છો તે મળતું નથી? અમારી સપોર્ટ ટીમ મદદ માટે તૈયાર છે.
