எந்தத் தளத்திலும் இருப்பிட விட்ஜெட்டை இணைப்பது எப்படி

விட்ஜெட் என்பது ஒரே ஒரு iframe வரிதான் — தனிப்பயன் HTML-ஐ ஏற்கும் எந்தத் தளமும் அதை வழங்க முடியும். இணைப்புப் பக்கத்தில் உங்கள் தீமையும் அளவையும் அமைத்து, குறியீட்டை நகலெடுத்து, பின்னர் கீழே உள்ள உங்கள் தளத்திற்கான படிகளைப் பின்பற்றுங்கள். WordPress பயனர்களுக்கு ஒரே கிளிக்கில் நிறுவும் செருகுநிரல் உள்ளது.

அனுமதி அடிப்படையில் · தனிப்பட்டது · Chrome, Safari, Firefox, Edge-இல் வேலை செய்கிறது

WordPress (எளிதானது: செருகுநிரல்)

செருகுநிரல் வழி: whatismylocation-widget.zip-ஐப் பதிவிறக்குங்கள் → wp-admin ▸ Plugins ▸ Add New ▸ Upload Plugin → செயல்படுத்துங்கள். பிறகு shortcode இயங்கும் எந்த இடத்திலும் (இடுகைகள், பக்கங்கள், உரை விட்ஜெட்டுகள்) [whatismylocation] என்பதை வையுங்கள்; விருப்பங்களுடன்: [whatismylocation theme="golden" mode="full" height="420"]. செருகுநிரல் அதே iframe-ஐத்தான் வெளியிடுகிறது — வேறு எதுவும் உங்கள் தளத்தைத் தொடுவதில்லை.

செருகுநிரல் இல்லாத வழி: தொகுதி எடிட்டரில் ஒரு Custom HTML தொகுதியைச் சேர்த்து iframe-ஐ ஒட்டுங்கள். கிளாசிக் எடிட்டரில் முதலில் Text தாவலுக்கு மாறுங்கள்.

Wix, Squarespace, Shopify, Webflow, Blogger

Wix: Add Elements ▸ Embed Code ▸ Embed HTML → iframe-ஐ ஒட்டுங்கள் → நீங்கள் தேர்ந்தெடுத்த உயரத்திற்கு ஏற்ப உறுப்பின் அளவை மாற்றுங்கள். (Wix இணைப்புகளை sandbox செய்கிறது; allow பண்பு இருப்பதால் புவியிட அனுமதிக் கோரிக்கை இன்னும் வேலை செய்கிறது.)
Squarespace: ஒரு Code தொகுதியைச் சேர்த்து (தற்போதைய திட்டங்களில் கிடைக்கிறது) → ஒட்டுங்கள். விட்ஜெட் தெரிந்தும் பொத்தான் எதுவும் செய்யவில்லை என்றால், துணுக்கை மீண்டும் நகலெடுங்கள் — allow="geolocation" பண்பு கண்டிப்பாக இருக்க வேண்டும்.
Shopify: தீம் எடிட்டரில் ஒரு Custom Liquid பிரிவைச் சேர்த்து (அல்லது பக்கத்தின் HTML-ஐத் திருத்தி) iframe-ஐ ஒட்டுங்கள். Online Store 2.0 தீம்களில் எந்தச் செயலியையும் நிறுவாமல் வேலை செய்கிறது.
Webflow: ஒரு Embed உறுப்பை இழுத்துப் போடுங்கள் → ஒட்டுங்கள் → வெளியிடுங்கள் (இணைக்கப்பட்டவை வெளியிடப்பட்ட தளத்தில் மட்டுமே காட்டப்படும், Designer-இல் அல்ல).
Blogger / பிற CMS: மூல HTML காட்சி உள்ள எதுவும் iframe-ஐ அப்படியே ஏற்கும்.

தளங்களின் சிறு வித்தியாசங்கள் மாறிக்கொண்டே இருக்கும்; உங்கள் திட்டத்தில் ஒரு தள உருவாக்கி iframe-களை நீக்கிவிட்டால், அதன் “embed custom HTML” உதவிப் பக்கங்களே இறுதியானவை.

விருப்பங்கள் விவரப் பட்டியல்

அளவுரு	மதிப்புகள்	குறிப்புகள்
`theme`	light · dark · golden	வெதுவெதுப்பான/பிரீமியம் வடிவமைப்புகளுக்கு golden பொருந்தும்.
`mode`	compact · full	full ஒரு சிறு வரைபடத்தைச் சேர்க்கிறது (உயரம் அதிகம்: height ≥ 380 பயன்படுத்துங்கள்).
iframe `height`	220–800 px	compact 260-இல் பொருந்தும்; full 420-இல் வசதியாக இருக்கும்.
`allow`	geolocation	கட்டாயம் — இது இல்லாவிட்டால் iframe-க்குள் வரும் அனுமதிக் கோரிக்கையை உலாவி தடுத்துவிடும்.

தளத்தில் லொகேஷன் விட்ஜெட் போடுவது எப்படி வலைத்தளத்தில் இருப்பிட விட்ஜெட் இணைத்தல்

அடிக்கடி கேட்கப்படும் கேள்விகள்

WordPress-இல் இருப்பிட விட்ஜெட்டை எப்படிச் சேர்ப்பது?

இரண்டு வழிகள் உள்ளன. செருகுநிரலைப் பதிவிறக்கி wp-admin வழியாகப் பதிவேற்றி செயல்படுத்திய பிறகு, [whatismylocation] shortcode-ஐ எந்த இடுகையிலும் பக்கத்திலும் வைக்கலாம். செருகுநிரல் வேண்டாம் என்றால், தொகுதி எடிட்டரில் Custom HTML தொகுதியைச் சேர்த்து iframe-ஐ ஒட்டினால் போதும்.

விட்ஜெட் தெரிகிறது, ஆனால் பொத்தான் வேலை செய்யவில்லை — ஏன்?

பெரும்பாலும் ஒட்டும்போது iframe-இல் இருந்து allow="geolocation" பண்பு விடுபட்டிருக்கும்; சில தள உருவாக்கிகள் அதை நீக்கிவிடுகின்றன. துணுக்கை மீண்டும் நகலெடுத்து ஒட்டுங்கள். அந்தப் பண்பு இல்லாவிட்டால் iframe-க்குள் வரும் அனுமதிக் கோரிக்கையை உலாவி தடுத்துவிடும்.

iframe-க்கு எவ்வளவு உயரம் வைக்க வேண்டும்?

compact பயன்முறை 260 பிக்சல்களில் நன்றாகப் பொருந்தும். full பயன்முறை ஒரு சிறு வரைபடத்தைச் சேர்ப்பதால் height ≥ 380 தேவை; 420 வசதியானது. அனுமதிக்கப்பட்ட வரம்பு 220 முதல் 800 px வரை.

ஆங்கிலத்தில் காண்க: How to Embed the Location Widget on Any Site · தமிழ்