எந்தவொரு வணிக வலைத்தளத்திற்கும் வரைபடங்கள் ஒரு முக்கிய அம்சமாகும். நீங்கள் முற்றிலும் இணைய அடிப்படையிலானவராக இருந்தாலும், வாடிக்கையாளர்கள் நீங்கள் யார், எங்கு வாழ்கிறீர்கள் என்பதை அறிய விரும்புகிறார்கள். கூகிள் மேப்ஸ் இப்போது பல வலைத்தளங்களுக்கு இயல்புநிலையாக உள்ளது, ஏனெனில் இது பயன்படுத்த எளிதானது, மிகவும் துல்லியமானது மற்றும் இலவசம். இந்த டுடோரியலின் முடிவில், உங்கள் வலைத்தளத்திற்கு பதிலளிக்கக்கூடிய Google வரைபடத்தை எவ்வாறு உட்பொதிப்பது என்பது உங்களுக்குத் தெரியும்.
இயல்புநிலை கூகிள் வரைபடங்கள் எப்போதும் பதிலளிக்காது, எனவே வெவ்வேறு திரை அளவுகளுக்கு அளவிடக்கூடாது. நீங்கள் ஒரு வேர்ட்பிரஸ் சொருகி பயன்படுத்துகிறீர்களா அல்லது குறியீட்டைப் பயன்படுத்தி அதை உட்பொதிக்கிறீர்களா என்பதைப் பொறுத்து, வரைபடத்தை பதிலளிக்கும்படி CSS இன் இரண்டு வரிகளைச் சேர்க்க வேண்டியிருக்கும்.
பொறுப்பு வலை வடிவமைப்பு
பொறுப்பு என்பது இங்கே ஒரு முக்கிய சொல். வலைத்தளத்தை அணுக நீங்கள் எந்த சாதனத்தைப் பயன்படுத்தினாலும், அது ஒரே மாதிரியாக இருப்பதை உறுதிசெய்ய பயனர் அனுபவத்தையும் சாதனத்தையும் கணக்கில் எடுத்துக் கொள்ளும் வலை வடிவமைப்பை இது விவரிக்கிறது. எடுத்துக்காட்டாக, பதிலளிக்கக்கூடிய வலைத்தளம் நீங்கள் டெஸ்க்டாப், டேப்லெட் அல்லது ஸ்மார்ட்போனில் பார்வையிட்டாலும் அதே தரமான அனுபவத்தை வழங்க வேண்டும்.
இதைச் செய்ய, வலைத்தளம் வெவ்வேறு தீர்மானங்கள், திரை அளவுகள் மற்றும் தொடுவதற்கு ஏற்றதாக இருக்க வேண்டும்.
பதிலளிக்கக்கூடிய Google வரைபடத்தை ஒரு வலைத்தளத்தில் உட்பொதித்தல்
கூகிள் மேப்ஸை ஒரு இணையதளத்தில் உட்பொதிக்க எனக்கு மூன்று வழிகள் உள்ளன. நீங்கள் ஒரு வேர்ட்பிரஸ் தீம் பயன்படுத்தினால், அதில் அம்சம் கட்டமைக்கப்பட்டிருக்கலாம். நீங்கள் ஒரு சொருகி பயன்படுத்தலாம் அல்லது கூகிளிலிருந்து நேரடியாக எந்த வலைத்தளத்திலும் குறியீட்டை உட்பொதிக்கலாம். முதல் மற்றும் இரண்டாவது விருப்பங்கள் வேர்ட்பிரஸ் பயனர்களுக்கு மிகச் சிறந்தவை, பிற சிஎம்எஸ் செருகுநிரல்களையும் பயன்படுத்துகின்றன, எனவே நீங்கள் அங்கு மூடப்பட்டிருக்கிறீர்கள். இறுதி விருப்பம், குறியீட்டைப் பயன்படுத்துவது பெரும்பாலான வலைத்தளங்களில் அவை எவ்வாறு உருவாக்கப்பட்டுள்ளன என்பதைப் பொருட்படுத்தாமல் செயல்பட வேண்டும்.
பதிலளிக்கக்கூடிய Google வரைபடத்தை உட்பொதிக்க ஒரு வேர்ட்பிரஸ் தீம் பயன்படுத்தவும்
சில வேர்ட்பிரஸ் தீம்கள் கூகிள் மேப்ஸுக்கு குறிப்பாக ஒரு அம்சத்தைக் கொண்டிருக்கும். நவீன வலைத்தளங்களுக்கு வரைபடங்கள் அத்தகைய அடிப்படை என்பதால், சில தீம் வடிவமைப்பாளர்கள் அவற்றை நேரடியாக தங்கள் வடிவமைப்புகளில் செயல்படுத்தியுள்ளனர். உங்கள் தீம் ஒரு வரைபட அம்சத்தைக் கொண்டிருந்தால், அதைச் செயல்படுத்த உங்களுக்கு Google வரைபட API தேவைப்படும். தீம் விருப்பங்களில் நீங்கள் API ஐச் சேர்க்கிறீர்கள், ஒவ்வொரு வருகையிலும் வரைபடத்தை உருவாக்க இது Google உடன் நேரடியாகப் பேசும்.
- API செயல்முறையைத் தொடங்க Google வலைத்தளத்தின் இந்தப் பக்கத்தைப் பார்வையிடவும்.
- நீல நிறத்தைத் தொடங்கு பொத்தானைத் தேர்ந்தெடுக்கவும்.
- புதிய திரையின் மேல் இடதுபுறத்தில் மூன்று வரி மெனு ஐகானைத் தேர்ந்தெடுக்கவும்.
- API கள் & சேவைகள் மற்றும் நற்சான்றிதழ்களைத் தேர்ந்தெடுக்கவும்.
- நற்சான்றிதழ்களை உருவாக்கு என்பதைத் தேர்ந்தெடுத்து API விசையைத் தேர்ந்தெடுக்கவும்.
- கட்டுப்படுத்து விசையைத் தேர்ந்தெடுத்து HTTP பரிந்துரைகளைத் தேர்ந்தெடுக்கவும்.
- சேமி என்பதைத் தேர்ந்தெடுக்கவும்.
- API விசையை நகலெடுத்து தேவைப்படும் வடிவமைப்பு விருப்பங்கள் பக்கத்தில் ஒட்டவும்.
உங்களிடம் API விசை கிடைத்ததும், தீம் வடிவமைப்பு கருவிகளைப் பயன்படுத்தி உங்கள் வலைத்தளத்திற்கு Google வரைபடத்தை செயல்படுத்தலாம். தீம் பதிலளிக்கக்கூடிய வரை, வரைபடமும் இருக்க வேண்டும்.
பதிலளிக்கக்கூடிய Google வரைபடத்தை உட்பொதிக்க சொருகி பயன்படுத்தவும்
வேர்ட்பிரஸ் செருகுநிரல்களைப் பயன்படுத்துகிறது, ஜூம்லா நீட்டிப்புகளைப் பயன்படுத்துகிறது, Drupal தொகுதிகள் அல்லது செருகுநிரல்களைப் பயன்படுத்துகிறது மற்றும் பிற CMS இதே போன்ற பெயரிடும் மரபுகளைப் பயன்படுத்துகின்றன. எந்த வகையிலும், செருகுநிரல்கள் அம்சங்களைச் சேர்க்க உங்கள் முக்கிய சிஎம்எஸ் மீது நீங்கள் உருட்டக்கூடிய மட்டு கூறுகளைக் குறிக்கின்றன. ஒரு பயனுள்ள அம்சம் Google வரைபடம். உங்கள் வலைத்தள தீம் வரைபட உறுப்பைக் கொண்டிருக்கவில்லை என்றால், குறியீட்டை நீங்களே செய்ய விரும்பவில்லை என்றால், ஒரு சொருகி அடுத்த சிறந்த விஷயம்.
- வேர்ட்பிரஸ் இல், செருகுநிரல்களுக்குச் சென்று புதியதைச் சேர்க்கவும்.
- Google வரைபடத்தைத் தேடி, நீங்கள் விரும்பும் சொருகி ஒன்றைத் தேர்ந்தெடுக்கவும்.
- செருகுநிரல்களுக்குள் அதை இயக்கி, அதன் அமைப்புகளுக்குச் செல்லவும்.
- மேலே குறிப்பிட்ட இடத்தில் நீங்கள் உருவாக்கிய Google வரைபட API ஐச் சேர்த்து சேமிக்கவும்.
- வரைபடம் எங்கு தோன்ற வேண்டுமோ அங்கெல்லாம் சொருகி செயல்படுத்தவும்.
பிற சிஎம்எஸ் அவற்றின் பெயரிடுதல் மற்றும் மெனு நிலைகளில் சற்று வேறுபடுகின்றன, ஆனால் கொள்கை மிகவும் ஒன்றே. பெரும்பாலானவை இல்லையெனில், வரைபட செருகுநிரல்களுக்கு Google வரைபட API செயல்பட வேண்டும்.
பதிலளிக்கக்கூடிய Google வரைபடத்தை உட்பொதிக்க குறியீட்டைப் பயன்படுத்தவும்
நீங்கள் வேர்ட்பிரஸ் அல்லது பிற CMS ஐப் பயன்படுத்தாவிட்டால், நீங்கள் இன்னும் பதிலளிக்கக்கூடிய Google வரைபடத்தை உட்பொதிக்கலாம். நீங்கள் ஒரு தொகுதிக்கு பதிலாக குறியீட்டைப் பயன்படுத்த வேண்டும். இது இன்னும் கொஞ்சம் வேலை எடுக்கும், ஆனால் அதே பதிலளிக்கக்கூடிய வரைபடங்களை வழங்கும்.
- Google வரைபடத்தைப் பார்வையிட்டு, நீங்கள் காட்ட விரும்பும் வரைபடம் திரையை நிரப்பும் வரை செல்லவும்.
- நீல பகிர்வு இணைப்பைத் தேர்ந்தெடுத்து உட்பொதி வரைபடத்திலிருந்து குறியீட்டை நகலெடுக்கவும்.
- இடையில் உள்ள குறியீட்டில் உங்கள் குறிப்பிட்ட உட்பொதி குறியீட்டைச் சேர்க்கவும்.
- நீங்கள் வரைபடத்தைப் பார்க்க விரும்பும் இடத்தில் உங்கள் வலைப்பக்கத்தின் HTML க்குள் குறியீட்டைச் சேர்க்கவும்.
- உங்கள் மாற்றங்களைச் சேமிக்கவும்.
குறியீடு:
இது எனது குறியீடு அல்ல, நான் அதை ஆன்லைனில் கண்டேன், ஆனால் அதை எனது இணையதளத்தில் சோதித்தேன். இது ஒரு வசீகரம் போல செயல்படுகிறது, மேலும் நீங்கள் ஒரு CMS, HTML, ஹ்யூகோ அல்லது பல வலைத்தள மொழிகளில் ஒன்று அல்லது பக்க கருவிகளைப் பயன்படுத்தினாலும் வேலை செய்ய வேண்டும்.
