ඔබගේ වෙබ් පිටුවට ගූගල් සිතියමක් එකතු කරන්නේ කෙසේද

05 වන දින සිට

ඔබගේ අඩවියට ගූගල් සිතියම් API යතුරක් ලබා ගන්න

ඔබගේ වෙබ් අඩවියට Google සිතියම එක් කිරීමට හොඳම ක්රමය වන්නේ Google Maps API භාවිතා කිරීමයි. සිතියම් භාවිතා කිරීම සඳහා ඔබ API යතුරක් ලබා ගන්නා ලෙස ගූගල් නිර්දේශ කරයි.

Google Maps API v3 භාවිතා කිරීමට API යතුරක් ලබා ගැනීමට ඔබට අවශ්ය නොවේ. නමුත් එය ඔබගේ භාවිතය අධීක්ෂණය කිරීම සහ අතිරේක ප්රවේශය සඳහා ගෙවීමට එය ඉතා ප්රයෝජනවත් වේ. Google Maps API v3 දිනකට පරිශීලකයන් සඳහා උපරිම වශයෙන් 25,000 ක් දක්වා එක් පරිශීලකයෙකුට තත්පර 1 ක් සඳහා වන quota එකක් ඇත. ඔබගේ පිටු සීමාවන් ඉක්මවා ගියහොත් ඔබට තව දුරටත් ලබා ගැනීම සඳහා බිල්පත් සක්රිය කිරීමට අවශ්ය වේ.

Google Maps API යතුරක් ලබා ගන්නේ කෙසේද?

1. ඔබගේ Google ගිණුම භාවිතා කරමින් Google වෙත පිවිසෙන්න.
2. සංවර්ධක කොන්සෝලය වෙත යන්න
3. ලැයිස්තුවෙන් අනුචලනය කර Google Maps API v3 සොයාගන්න, ඉන්පසු එය අක්රිය කිරීමට "OFF" බොත්තම ක්ලික් කරන්න.
4. කොන්දේසි කියවා එකඟ වෙමි.
5. API කොන්සෝලය වෙත ගොස් වම් මෙනුවේ සිට "API ප්රවේශය" තෝරා ගන්න
6. "සරල API ප්රවේශය" කොටසේ, "නව සේවාදායක යතුරක් ..." බොත්තම මත ක්ලික් කරන්න.
7. ඔබේ වෙබ් සේවාදායකයේ IP ලිපිනය ඇතුල් කරන්න. ඔබගේ සිතියම් ඉල්ලීම් පැමිණෙන IP ලිපිනය මෙයයි. ඔබ ඔබේ IP ලිපිනය නොදන්නේ නම්, ඔබට එය සොයා ගත හැකිය.
8. API යතුර: "පේළිය (එම මාතෘකාව ඇතුළුව) පිටපත් කරන්න. ඔබගේ සිතියම් සඳහා ඔබගේ API යතුර මෙය වේ.

05 සිට 05 දක්වා

සම්බන්ධතා සඳහා ඔබගේ ලිපිනය පරිවර්තනය කරන්න

ඔබගේ වෙබ් පිටු වල ගූගල් සිතියම් භාවිතා කිරීම සඳහා, ඔබට පිහිටීම සඳහා අක්ෂාංශ සහ දේශාංශ තිබිය යුතුය. ඔබට GPS මාර්ගයෙන් ලබාගත හැකිය හෝ ඔබට Geocoder.us වැනි ඔබට මාර්ගගත මෙවලමක් භාවිතා කළ හැකිය.

1. Geocoder.us වෙත ගොස් ඔබගේ ලිපිනය තුළ සෙවුම් කොටුවේ ටයිප් කරන්න.
2. අක්ෂාංශ සඳහා පළමු අංකය පිටතින් (අකුරකින් තොරව) පිටපත් කර පෙළ ගොනුවකට ඇලවීම. උපාධිය (º) දර්ශකය ඔබට අවශ්ය නොවේ.
3. දිගුකාලීනව පළමුවන අංකය (පෙර අකුරකින් තොරව) පිටපත් කර එය ඔබේ පෙළ ගොනුවට ඇලවීම.

ඔබගේ අක්ෂාංශ සහ දේශානුපාතය මෙවැන්නකි:

40.756076
-73.990838

Geocoder.us පමණක් එක්සත් ජනපද ලිපිනයන් සඳහා ක්රියා කරයි, ඔබ වෙනත් රටක ඛණ්ඩාංක ලබා ගැනීමට අවශ්ය නම්, ඔබ ඔබේ කලාපයේ සමාන මෙවලමක් සොයනු ඇත.

05 සිට 05 දක්වා

සිතියම ඔබේ වෙබ් පිටුවට එක් කිරීම

පළමුව, සිතියම් පිටපත එකතු කරන්න

ඔබේ ලේඛන

ඔබගේ වෙබ් පිටුව විවෘත කර ඔබේ ලේඛනයේ ප්රධානියාට පහත සඳහන් දෑ එකතු කරන්න.

ඔබ දෙවන කොටසෙහි ලියූ අක්ෂාංශ සහ දේශාංශ අංක වෙත උද්දීපනය කර ඇති කොටස වෙනස් කරන්න.

දෙවනුව, ඔබගේ පිටුවට සිතියම් මූලද්රව්ය එකතු කරන්න

ඔබගේ ලේඛනයේ ප්රධාන ශීර්ෂයට එකතු කර ඇති සියලුම විචල්ය මූලද්රව්යයන් පසුව, පිටුවේ ඔබේ සිතියම ස්ථානගත කිරීමට අවශ්ය වේ. ID = "සිතියම-කැන්වස්" ගුණාංගය සමඟ DIV මූලද්රව්යයක් එකතු කරමින් මෙය සිදු කරන්න. ඔබේ div එකට ගැලපෙන පළල හා උස සහිත මෙම div style මා ඔබට නිර්දේශ කරමි:

අවසාන වශයෙන්, උඩුගත කිරීම හා පරීක්ෂණය

අවසන් කළ යුතු දේ ඔබේ පිටුව උඩුගත කර ඔබේ සිතියම පෙන්වන බව පරීක්ෂා කරන්න. පිටුවෙහි ඇති ගූගල් සිතියමක් පිළිබඳ උදාහරණයක් මෙහි දැක්වේ. සැලකිලිමත් වන්න. About.com CMS ක්රියාකරන ආකාරය නිසා, සිතියම දිස් වීමට ඔබට සබැඳියක් ක්ලික් කිරීමට සිදු වනු ඇත. ඔබගේ පිටුවෙහි මෙය සිදු නොවේ.

ඔබේ සිතියම පෙන්වන්නේ නැත්නම්, BODY ගුණාංගයෙන් එය ආරම්භනය කරන්න:

onload = "ආරම්භනය ()" >

ඔබගේ සිතියම නොගැලපෙනවාදැයි පරීක්ෂා කිරීමට වෙනත් දේ ඇතුලත් වේ:

• ඔබගේ ජාවා ස්ක්රිප්ට් වල දෝශයන් සොයා බලන්න. ජාවා ස්ක්රිප්ට් එකක් සංවේදීයි
• ඔබ සතුව zoom සහ මධ්ය විකල්පයන් සකසා ඇති බවට වග බලා ගන්න.
• ඔබගේ DIV මූලද්රව්යයේ නිවැරදි හැඳුනුම සහිත පිටුවේ වග බලා ගන්න.
• ඔබගේ DIV මූලද්රව්යයේ උස බවට වග බලා ගන්න.

05 සිට 05 දක්වා

ඔබේ සිතියම වෙත ලකුණු කරන්න

එහෙත් යමෙකු යන්නේ කොතැනක ද යන්න දැනුම් නොදේ නම්, ඔබේ ස්ථානයේ සිතියමක් යනු කුමක්ද?

සාමාන්යයෙන් Google සිතියම් රතු සලකුණුකරුවෙකු එකතු කිරීමට var map = ... line:

var myLatlng = new google.maps.LatLng ( අක්ෂාංශ, දේශාංශ );
var marker = new google.maps.Marker ({
පිහිටීම: myLatlng,
සිතියම: සිතියම,
මාතෘකාව: " හිටපු About.com මූලස්ථානය "
});

උද්දීපනය කරන ලද පෙළ ඔබේ අක්ෂාංශ සහ දේශාංශව දක්වා වෙනස් කරන්න. තවද පුද්ගලයා සලකුණු කර ඇති විට, ඔබ කැමති ලෙස දිස්වන මාතෘකාව වෙනස් කරන්න.

ඔබ කැමති පරිදි පිටුවට ඇති මාර්කර්ෂණ ගණන එක් කළ හැකි අතර, නව ඛණ්ඩාංක සහ නව තනතුරු සමඟ නව විචල්ය එකතු කරන්න. නමුත් සිතියම සියලුම සලකුණුකරණයන් ප්රදර්ශනය කිරීම සඳහා ඉතා කුඩා නම්, පාඨකයා නොසලකා හැරේ නම් ඒවා ප්රදර්ශනය නොකරනු ඇත.

var latlng 2 = නව google.maps.LatLng ( 37.3316591, -122.0301778 );
var myMarker 2 = නව google.maps.Marker ({
ස්ථානය: latlng 2 ,
සිතියම: සිතියම,
මාතෘකාව: " ඇපල් පරිගණකය "
});

මාර්කර් සමඟ ගූගල් සිතියමක් උදාහරණයක් මෙහි දැක්වේ. සැලකිලිමත් වන්න, About.com CMS වැඩ කරන නිසා, සිතියම දර්ශණය වීමට අවශ්ය වන සබැඳියක් ක්ලික් කරන්න. ඔබගේ පිටුවෙහි මෙය සිදු නොවේ.

05 සිට 05 දක්වා

ඔබගේ පිටුවට දෙවන (හෝ ඊට වැඩි) සිතියම එක් කරන්න

ඔබ මගේ උදාහරණයක් ලෙස ගූගල් සිතියම් පිටුව දෙස බැලුවහොත් ඔබට පිටුවකට දර්ශනය වන සිතියමක් වඩා වැඩි ගණනක් තිබෙන බව ඔබට දැනෙනු ඇත. මෙය ඉතා පහසු වේ. මෙන්න කොහොමද?

1. මෙම උපමාවේ 2 වන පියවරේදී අප ඉගෙනගත් පරිදි ඔබට පෙන්විය යුතු සියලු සිතියම්වල අක්ෂාංශ සහ දේශාංශය ලබා ගන්න.
2. මෙම උපමාවේ 3 වන පියවරේදී අපි ඉගෙන ගත් පරිදි ප්රථම සිතියම ඇතුල් කරන්න. ඔබට සිතියම සලකුණුකරුවෙකු අවශ්ය නම්, පියවර 4 හි මෙන් සලකුණු කරන්න.
3. දෙවන සිතියම සඳහා, ඔබේ ආරම්භක () පරිශිලකයට නව නව රේඛා 3 ක් එක් කිරීමට අවශ්ය වනු ඇත:
   var latlng2 = නව google.maps.LatLng ( දෙවන ඛණ්ඩාංක );
   var myOptions2 = {zoom: 18, මධ්යය: latlng2, mapTypeId: google.maps.MapTypeId.ROADMAP};
   var map2 = නව google.maps.map (document.getElementById ("map_canvas_2"), myOptions2);
4. ඔබට නව සිතියමෙහි සලකුණුකරුවෙකු අවශ්ය නම්, දෙවන ඛණ්ඩාංක සහ දෙවන සිතියමේ පෙන්වන දෙවන සලකුණ එකතු කරන්න:
   var myMarker2 = නව google.maps.Marker ({position: latlng2 , සිතියම්: සිතියම් 2 , මාතෘකාව: " ඔබගේ සලකුණු ශීර්ෂය "});
5. ඊට පස්සේ දෙවන කොටස එකතු කරන්න

   ඔබට දෙවන සිතියම අවශ්යයි. එය id = "map_canvas_2" හැඳුනුම ලබා දෙන්න.

6. ඔබගේ පිටුව පටවනු ලබන විට, සිතියම් දෙකක් දර්ශණය වනු ඇත

මෙහි ගූගල් සිතියම් දෙකක් සහිත පිටුවක කේතය මෙහි දැක්වේ: