યાન્ડેક્ષ નકશામાં સંસ્થાને યોગ્ય રીતે કેવી રીતે ઉમેરવી? Google અને Yandex નકશામાં કંપની કેવી રીતે ઉમેરવી યાન્ડેક્ષ કાર્ડ કોડ કેવી રીતે મેળવવો

Yandex.Maps પર કોઈ સાઇટ શોધવા માટે, તે Yandex.Directory માં નોંધાયેલ હોવી આવશ્યક છે.

તમારી વેબસાઇટ પર નકશાનો ટુકડો મૂકવા માટે, તમારે કન્સ્ટ્રક્ટરમાં બે ફીલ્ડ ભરવાની જરૂર છે. હું માનું છું કે Yandex.Mapsની લિંક સાથે HTML પૃષ્ઠ પર સ્ટેટિક સ્કીમ કોડ ઇન્સ્ટોલ કરવું વધુ સારું છે, કારણ કે ધીમા ઇન્ટરનેટવાળા ઉપકરણો પર સ્ક્રિપ્ટ ખરાબ થઈ શકે છે.
પરિણામ:

address_from_constructor " alt="company_name"/> !}

તમે તમારી વેબસાઇટ પર પેનોરમા મોડ પણ ઉમેરી શકો છો પરિણામ (જો તમે માઉસ વડે તેનો વિસ્તાર પકડો અને તીર પર ક્લિક કરીને શેરીઓમાં આગળ વધો તો સામગ્રીને ફેરવી શકાય છે):

હું પ્રેરણા માટે આ વિડિઓ જોવાની ભલામણ કરું છું:



સાઇટ પર એક નકશો ઉમેરો: બાજુમાં બે છબીઓ (HTML / CSS)

તમે નકશાની બાજુમાં સંસ્થાની છબી મૂકી શકો છો. જ્યારે બ્રાઉઝર વિન્ડો નાની કરવામાં આવશે, ત્યારે ચિત્રો પ્રમાણસર ઘટાડવામાં આવશે.


પરંતુ મને આ લાગે છે: વપરાશકર્તા એક સંસ્થા શોધી રહ્યો છે અને સૌ પ્રથમ તેને તે કેવી રીતે મેળવવું તે શોધવાની જરૂર છે. તેથી, જો તે નાના નકશા અને તેની બાજુમાં ઉભેલી ઇમારતનો નાનો ફોટો કરતાં પૂરતા કદનો નકશો જુએ તો તે વધુ સારું છે. જ્યારે સ્ક્રીન ઘટાડવામાં આવે છે, ત્યારે પૃષ્ઠભૂમિ છબીની જમણી બાજુ શક્ય તેટલી લાંબી રહેશે. અને અહીં ડાબી બાજુ છે: જો તમે વર્તમાનમાં બે ચિત્રો એકસાથે બંધબેસતા ન હોય ત્યારે ફોટોને નવી લાઇનમાં ખસેડવા માંગતા હોવ તો શું?
અને છેલ્લે, ફોટા પર એક કાર્ડ દાખલ કરો. ચિત્રનું વર્ણન કંપનીના સરનામા સાથેની છબીની જમણી બાજુએ અથવા તેની નીચે હશે.
શિલ્પ "ધ મધરલેન્ડ ઇઝ કોલિંગ!" શિલ્પ "ધ મધરલેન્ડ ઇઝ કોલિંગ!"

મુલાકાતીઓ માટે તમને શોધવાનું સરળ બનાવવા માટે મોટાભાગની કંપનીઓને તેમની વેબસાઇટ પર ઇન્ટરેક્ટિવ નકશો મૂકવો ઉપયોગી અને જરૂરી પણ લાગે છે. આ ખાસ કરીને મોટા શહેરો માટે સાચું છે: જો તમારા ગ્રાહકો ઓફિસનું સ્થાન દૃષ્ટિની રીતે જોતા હોય, માર્ગ પર વિચાર કરી શકે અને મુસાફરીના સમયની ગણતરી કરી શકે, તો તમારા ગ્રાહકો માટે તેમનો રસ્તો શોધવાનું ખૂબ સરળ બનશે.

ઉદાહરણ તરીકે, વિશ્વ વિખ્યાત સર્ચ એન્જિન Google તમને તમારી વેબસાઇટ પર ઇન્ટરેક્ટિવ નકશો ઉમેરવાની મંજૂરી આપે છે. આ મફત Google Maps સેવાનો ઉપયોગ કરીને કરી શકાય છે.

પગલું 1. સાઇટ પર Google નકશો ઇન્સ્ટોલ કરવા માટે કોડ મેળવો

તેથી, તમારી વેબસાઇટ પર ઇન્ટરેક્ટિવ Google નકશો મૂકવા માટે, સૌ પ્રથમ તમારે તમારી સંસ્થાના ચિહ્ન સાથેનો નકશો કોડ મેળવવાની જરૂર છે. આ કરવા માટે, GoogleMaps પર, સર્ચ બારમાં સરનામું અથવા કંપનીનું નામ દાખલ કરો અથવા મેન્યુઅલી નકશા પર ઇચ્છિત ઘર શોધો અને માઉસ ક્લિક વડે ચિહ્ન મૂકો.

જ્યારે મેપ પિન સેટ થઈ જાય, ત્યારે સર્ચ બારની બાજુમાં મેનૂ આયકન પર ક્લિક કરો.

ખુલતી મેનુ સૂચિમાં, "લિંક/કોડ" પસંદ કરો.

ખુલતી વિંડોમાં, "કોડ" ટેબ પર જાઓ, નકશાનું કદ પસંદ કરો અને સૂચિત HTML કોડની નકલ કરો.

પગલું 2. વેબસાઇટમાં 2gis કાર્ડ કોડ કેવી રીતે દાખલ કરવો

તેથી, કોડ પ્રાપ્ત થયો છે, જે બાકી છે તે તેને સાઇટના ઇચ્છિત પૃષ્ઠ પર મૂકવાનું છે. અમે "સંપર્કો" વિભાગમાં નકશો ઉમેરવાનું નક્કી કર્યું. અમે ન્યુબેક્સ એડમિન પેનલ પર જઈએ છીએ, કંટ્રોલ પેનલ પર "પૃષ્ઠો" વિભાગ પસંદ કરીએ છીએ, સૂચિમાં ઇચ્છિત વિભાગ શોધો અને "સંપાદિત કરો" ક્લિક કરો.

અમે ટેક્સ્ટ બ્લોક સાથે કામ કરીશું. કોડ સંપાદન મોડ દાખલ કરવા માટે "સ્રોત" બટનને ક્લિક કરો. GoogleMaps માંથી મળેલ કોડને ટેક્સ્ટ ફીલ્ડમાં પેસ્ટ કરો અને ફેરફારો સાચવો.

અમે અમારી વેબસાઇટના "સંપર્કો" પૃષ્ઠ પર જઈએ છીએ અને અપડેટ્સનો આનંદ માણીએ છીએ!

Google નકશાનો આભાર, તમારી વેબસાઇટ પર આવનાર કોઈપણ મુલાકાતી સંસ્થાનું સ્થાન જોઈ શકશે, કાર દ્વારા, જાહેર પરિવહન દ્વારા અથવા પગપાળા જઈને દિશાનિર્દેશો મેળવી શકશે અને તમારું સરનામું તેમની નોંધોમાં સાચવી શકશે.

Google ના નકશાઓ ઉપરાંત, તમે તમારી વેબસાઇટ પર 2gis ના નકશા પણ મૂકી શકો છો, અમે તેના વિશે સંબંધિત લેખોમાં વાત કરીશું.

– એક ઉપયોગમાં સરળ વેબ ટૂલ જે તમને વિવિધ ડ્રાઇવિંગ દિશાઓ બનાવવા અને નકશા પર જરૂરી વસ્તુઓને ચિહ્નિત કરવાની મંજૂરી આપે છે. આ નકશો પછી તમારી વેબસાઇટ અથવા બ્લોગ પર પોસ્ટ કરી શકાય છે.

પૃષ્ઠ પર નકશો મૂકવા માટે, તમે જ્યાં નકશો પ્રદર્શિત કરવા માંગો છો તે પૃષ્ઠ પર કન્સ્ટ્રક્ટર દ્વારા જનરેટ કરાયેલ કોડની લાઇન દાખલ કરો.

નોંધ. સમાન કોડ એક પૃષ્ઠ પર અમર્યાદિત સંખ્યામાં દાખલ કરી શકાય છે.

કન્સ્ટ્રક્ટરનો ઉપયોગ કરીને, તમે બે પ્રકારના નકશા દાખલ કરી શકો છો: ઇન્ટરેક્ટિવ અને સ્ટેટિક.

ઇન્ટરેક્ટિવ નકશા માટે, કન્સ્ટ્રક્ટર એક સ્ક્રિપ્ટ ઘટક બનાવે છે જે નકશો બનાવવા માટે પૃષ્ઠ પર JavaScript કોડ લોડ કરે છે.

કોડ કેવી રીતે મેળવવો:

  • Yandex Maps Designer પર જાઓ.
  • યોગ્ય ફીલ્ડમાં તમારી ઓફિસ અથવા સ્ટોરનું સરનામું દાખલ કરો અને "શોધો" બટનને ક્લિક કરો.
  • તમારી ઇચ્છા મુજબ કાર્ડને કસ્ટમાઇઝ કરો અને "કોડ મેળવો" બટનને ક્લિક કરો.
  • યોગ્ય ફીલ્ડમાંથી પરિણામી કોડની નકલ કરો અને તેને સાઇટ માર્કઅપમાં પેસ્ટ કરો.

  • જો તમારી સાઇટ અમારી ડેમો સાઇટની નકલ છે અને તમે ઇચ્છો છો હાલનું કાર્ડ બદલો, ઉદાહરણ તરીકે, પૃષ્ઠ પર, પછી સાઇટ નિયંત્રણ પેનલ પર જાઓ, CMS વિભાગ "સાઇટ પૃષ્ઠો" ખોલો, "સંપર્કો" પૃષ્ઠ શોધો અને તેને સંપાદન માટે ખોલો, પછી "અદ્યતન પૃષ્ઠ સેટિંગ્સ" પર જાઓ (નીચે સ્ક્રીનશોટ જુઓ) અને " સ્લાઇડર" માં વર્તમાન કોડને બદલે યાન્ડેક્ષ મેપ્સ કન્સ્ટ્રક્ટરમાં પ્રાપ્ત કોડ દાખલ કરો.



    જેમ તમે નોંધ્યું હશે, નકશા કોડમાં નકશા વિંડોના કદ માટે જવાબદાર પરિમાણો છે: પહોળાઈઅને ઊંચાઈ, – તેઓ સ્ક્રીનશોટમાં તીર દ્વારા બતાવવામાં આવે છે. તમે તમારી સાઇટ માટે શ્રેષ્ઠ મૂલ્યો સેટ કરી શકો છો (તમારા વ્યક્તિગત વિવેકબુદ્ધિ પર). આ પરિમાણોના મૂલ્યો પિક્સેલ (px) માં દર્શાવેલ છે. જો તમે નકશાને સાઇટની સમગ્ર પહોળાઈ સુધી લંબાવવા માંગો છો, તો તેની કિંમત સાથે પહોળાઈ પરિમાણ કોડમાંથી ખાલી દૂર કરવું જોઈએ. સ્ક્રીનશૉટ કોડના તે ભાગને હાઇલાઇટ કરીને બતાવે છે જેને નકશાની પહોળાઈ સાઇટની પહોળાઈ જેટલી સેટ કરવા માટે દૂર કરવાની જરૂર છે.

    ઇન્ટરેક્ટિવ નેટવર્ક નકશા પર સંસ્થાના કોઓર્ડિનેટ્સ મૂકવું એ એક મહત્વપૂર્ણ મુદ્દા છે. આ રીતે તમે તમારા સંસાધનમાં વધુ લક્ષિત મુલાકાતીઓને આકર્ષિત કરી શકો છો. તેથી, Yandex.Maps પર સંસ્થાને કેવી રીતે ઉમેરવી તે જાણવું મહત્વપૂર્ણ છે.

    શોધ પરિણામો કેવી રીતે કાર્ય કરે છે

    સર્ચ એન્જિન એવી રીતે ડિઝાઇન કરવામાં આવ્યું છે કે પરિણામો તેમાં ઉલ્લેખિત પ્રદેશના આધારે પ્રદર્શિત થાય છે, અને કેટલીકવાર એક જિલ્લા માટે (મોટા શહેરો માટે સંબંધિત). જ્યારે વપરાશકર્તા કોઈ સેવા (હેરડ્રેસર, પિઝા ડિલિવરી, વગેરે) માટે શોધ કરે છે, ત્યારે તે જ શહેરમાં સ્થિત સંસ્થાઓ દૃશ્યમાન થાય છે. Yandex.Maps સેવા (ઉપગ્રહ, હાઇબ્રિડ અથવા નકશો) જો કોઈ સંસ્થાને સિસ્ટમમાં ઉમેરવામાં આવે તો તેનું સ્થાન બતાવે છે.

    સમાન શોધ મોડલ નાના સ્ટોર્સને લાગુ પડે છે. પરંતુ રિયલ એસ્ટેટ એજન્સીઓ, ટ્રાવેલ કંપનીઓ અને કન્સલ્ટિંગ સેવાઓ પ્રદેશ સાથે જોડાયેલી નથી.

    સ્થાન પર શોધ એન્જિનની અવલંબન વિનંતી દ્વારા જ નક્કી કરવામાં આવે છે. સિસ્ટમ એવા પરિમાણોને હાઇલાઇટ કરે છે કે જેને માલસામાન અથવા સેવાઓની શ્રેણીમાં ભૌતિક ઍક્સેસની જરૂર હોય છે. સૌ પ્રથમ, સંસ્થાઓ કે જે વપરાશકર્તાની નજીક સ્થિત છે તે નક્કી કરવામાં આવે છે અને તેમના કોઓર્ડિનેટ્સ યાન્ડેક્ષ નકશા પર બતાવવામાં આવે છે. વપરાશકર્તાના ઘરની કંપનીની નિકટતાની આવશ્યકતા ન હોય તેવા પ્રશ્નોને અલગ રીતે ક્રમ આપવામાં આવે છે.

    કાર્ડ્સમાં પ્લેસમેન્ટ શું આપી શકે છે?

    જો કોઈ સંસ્થા સેવાઓ અથવા માલસામાનના સમૂહનું વિતરણ કરે છે જે વેચનાર અને ગ્રાહક વચ્ચેના ઝડપી સંપર્કના પરિણામે મેળવવાની જરૂર હોય છે (આ ટેક્સી સેવા, કાફે, સિનેમા, ડિલિવરી સેવા, સમારકામ વગેરે હોઈ શકે છે) , નેટવર્ક પૃષ્ઠો પર પ્રમોશનમાં નાણાંનું રોકાણ કરવું અને ઑનલાઇન જાહેરાતની પદ્ધતિઓનો આશરો લેવો જરૂરી નથી. તમારે ફક્ત યાન્ડેક્ષ નકશામાં સરનામું ઉમેરવાની જરૂર છે.

    આ રીતે, નેટવર્ક વપરાશકર્તાઓ જ્યારે તેઓને જોઈતી માહિતી શોધશે ત્યારે સંસ્થા જોશે. આ એક સાદી જાહેરાત છે જેમાં કોઈ પૈસાનો ખર્ચ થતો નથી.

    ઘણી સાઇટ્સ અને નવી કંપનીઓ આ પગલાની અવગણના કરે છે અને ડિરેક્ટરીમાં નોંધણી કરાવતી નથી, અને તેથી તેઓ ઘણું ગુમાવે છે.

    નકશા સેવામાં સંસ્થા ઉમેરવી

    Yandex.Maps પર સંસ્થાને કેવી રીતે ચિહ્નિત કરવી? જો તમારી પાસે પણ વેબસાઇટ છે, તો તમે તેને "વેબમાસ્ટર" સેવામાં ઉમેરી શકો છો, જે સિસ્ટમ દ્વારા પ્રદાન કરવામાં આવે છે. એકવાર સંસાધન સૂચિમાં આવી જાય, તમારે "મારી સાઇટ્સ" લિંકને અનુસરો અને તેને પસંદ કરવી જોઈએ.

    Yandex.Maps માં સંસ્થા કેવી રીતે ઉમેરવી? "ભૂગોળ" આઇટમમાં, તમારે "સંસ્થાના સરનામાં" શોધવા અને તેના પર ક્લિક કરવાની જરૂર છે. તે સામાન્ય માહિતી હેઠળ ડાબી તકતીમાં છે.

    એડ કંપની પેજ ખુલશે. ત્યાં તમને એક સંદેશ દેખાશે કે ડિરેક્ટરીમાં નોંધાયેલ તમામ કંપનીઓ શોધમાં સામેલ છે. સેવા નકશા પર તેમની સ્થિતિ બતાવે છે.

    પછી તમે તપાસી શકો છો કે કેટલોગમાં કંપની વિશેની માહિતી છે કે નહીં. જો ચેક નકારાત્મક પરિણામ બતાવે છે, તો તમારે જમણા ખૂણામાં "એક નવી કંપની ઉમેરો" બટન શોધવાની જરૂર છે.

    ડિરેક્ટરીમાં કંપની છે કે નહીં તે કેવી રીતે તપાસવું?
    જ્યારે પૃષ્ઠ ખુલે છે, ત્યારે તમારે પ્રદાન કરેલ સંપૂર્ણ ફોર્મ ભરવાનું રહેશે. સૌથી મહત્વની વસ્તુ એ સરનામું ક્ષેત્ર છે. જો કંપની રિમોટલી ઓપરેટ કરે છે, તો માત્ર દેશ અને પ્રદેશ પસંદ કરો. આ કિસ્સામાં, સ્થાન શહેરના કેન્દ્રમાં બતાવવામાં આવશે.

    વિગતો ભરી રહી છે

    Yandex.Maps પર સંસ્થાને કેવી રીતે ઉમેરવી તે અંગેની સૂચનાઓમાંથી બે પગલું. અહીં તમારે નામ, ચોક્કસ સરનામું, ફોન નંબર અને સામાજિક નેટવર્ક્સ પરના પૃષ્ઠોની લિંક્સ દાખલ કરવાની જરૂર છે. તમે કર્મચારીની સ્થિતિ પણ સ્પષ્ટ કરી શકો છો જે સંપર્કમાં હશે.

    એકવાર ડેટા ભરાઈ જાય, તમારે કંપની દ્વારા ઓફર કરવામાં આવતી પ્રવૃત્તિઓના પ્રકારો સૂચવવા આવશ્યક છે. ત્યાં બે વિકલ્પો છે: તેને જાતે લખો અથવા સૂચિમાંથી ઇચ્છિત શ્રેણી પસંદ કરો.

    પ્લેસમેન્ટ પદ્ધતિ પસંદ કરી રહ્યા છીએ

    Yandex.Maps પર એક સંસ્થા ઉમેરો: પગલું ત્રણ. અહીં તમે "સ્ટાન્ડર્ડ" શિલાલેખ પર સરળતાથી ક્લિક કરી શકો છો. જેઓ અલગ રંગનો ટેગ મેળવવા ઈચ્છતા હોય તેમણે વધારાના પૈસા ચૂકવવા પડશે. વધારાના પૈસા આપવાનો કોઈ અર્થ નથી.

    તળિયે "કેપ્ચા" હશે - દ્રશ્ય પ્રતીકો, તે નાની વિંડોમાં ભરવામાં આવશ્યક છે. પછી તમે "સબમિટ કરો" બટનને ક્લિક કરી શકો છો.

    આ ક્ષણથી, કંપનીની અરજી મધ્યસ્થતા માટે મોકલવામાં આવી છે. સ્ટેટસ એડની બાજુમાં જોઈ શકાય છે. શરૂઆતમાં તેમાં "પ્રતીક્ષા" શિલાલેખ હશે. એકવાર મધ્યસ્થીએ ચકાસણી કરી લીધા પછી, એક લીલું વર્તુળ અને "સ્વીકૃત" ચિહ્ન દેખાશે. આ પછી, યાન્ડેક્સ નકશા પરના કોઓર્ડિનેટ્સ કંપની સાથે લિંક કરવામાં આવશે.

    સેવા ક્ષમતાઓ
    • અન્ય દેશો અને શહેરોની યોજનાઓ.
    • રશિયા અને પડોશી દેશોના 300 થી વધુ પ્રદેશોના વિગતવાર નકશા.
    • રસના સ્થળો અને નજીકની સંસ્થાઓ માટે શોધો.
    • "Yandex.Maps" એ એક ઉપગ્રહ છે જે વાસ્તવિક છબી બતાવે છે.
    • શેરી પેનોરમા જુઓ.
    • માર્ગ માપન સાધનો.
    સંસાધન પર યાન્ડેક્ષ નકશો મૂકવો

    ત્યાં એક વિપરીત પદ્ધતિ પણ છે, જે તમને નકશા પર જરૂરી સ્થિતિને ઠીક કરવા અને તેને તમારી વેબસાઇટ પર મૂકવાની મંજૂરી આપે છે. આનાથી મુલાકાતીઓને કંપનીમાં કેવી રીતે પહોંચવું તેનો નકશો બતાવવાનું શક્ય બને છે.

    આ કરવા માટે, તમારે એક શહેર પસંદ કરવાની જરૂર છે, જરૂરી સ્થાનમાં ડાયાગ્રામ પર ઝૂમ ઇન કરો અને ઑબ્જેક્ટ્સને ચિહ્નિત કરો. આ રીતે તમે તમારો પોતાનો નકશો બનાવો છો.

    Yandex.Maps એ ઑબ્જેક્ટના સ્થાનની વિગતો માટે શ્રેષ્ઠ સેવા માનવામાં આવે છે. સિસ્ટમમાં વ્યાપક ક્ષમતાઓ છે અને તે વપરાશકર્તાઓને વધારાના સાધનો પ્રદાન કરે છે જે રૂટ શોધતી વખતે અથવા ગણતરી કરતી વખતે અનુકૂળ હોય છે. આ તમામ તકો આખરે બિઝનેસને આગળ વધારવામાં મદદ કરે છે. તેથી, તમારી સંસ્થાને આ સિસ્ટમમાં મૂકવી એ ક્લાઈન્ટો મેળવવાનો એક સરળ અને મફત માર્ગ છે.

    ઘણી કોમર્શિયલ વેબસાઈટ્સ તેમની ઓફિસના સ્થાન સાથે સંપર્ક માહિતી ધરાવે છે. કેટલીકવાર તે દિશાઓ સાથેની એક છબી હોય છે, પરંતુ Yandex.Maps ખૂબ સામાન્ય છે. અને હું આ લેખમાં સાઇટ પર Yandex.Maps ને કનેક્ટ કરવા વિશે લખીશ.

    હું તરત જ તમને API ની લિંક આપીશ: http://api.yandex.ru/maps/. જો તમારી પાસે API ને હેન્ડલ કરવામાં કુશળતા છે, તો તેને સમજવામાં કોઈ સમસ્યા નહીં હોય. મારા કોર્સમાં પણ મેં નકશો દર્શાવવા માટે આ API નો ઉપયોગ કર્યો.

    આ લેખમાં આપણે Yandex.Maps આઉટપુટનું સૌથી સરળ ઉદાહરણ જોઈશું. પ્રથમ, ચાલો યોગ્ય HTML કોડ લખીએ:

    અહીં ટિપ્પણી કરવા માટે કંઈ ખાસ નથી, બધું ખૂબ જ સરળ છે: અનન્ય ઓળખકર્તા સાથેનો નિયમિત બ્લોક, જેની અમને પછીથી જરૂર પડશે, તેમજ સ્પષ્ટ પહોળાઈ અને ઊંચાઈ પરિમાણો સાથે.

    હવે JavaScript કોડ:



    var માયમેપ;
    ymaps.ready(init); // યાન્ડેક્ષ સર્વરથી API લોડ થવાની રાહ જોઈ રહ્યું છે
    ફંક્શન init() (
    myMap = નવો ymaps. Map("નકશો", (
    કેન્દ્ર: , // નકશા કેન્દ્રના કોઓર્ડિનેટ્સ
    ઝૂમ: 10 // ઝૂમ
    });
    }

    હવે, જ્યારે તમે પેજ ખોલશો, ત્યારે એક નકશો દેખાશે. Yandex.Maps માં ઘણી બધી શક્યતાઓ છે: તમે માર્કર મૂકી શકો છો, રૂટ દોરી શકો છો, વિવિધ માહિતી પ્રદર્શિત કરી શકો છો (ઉદાહરણ તરીકે, ટ્રાફિક જામ) અને ઘણું બધું. આ બધું કેવી રીતે જોડાયેલું છે તે API માં લખેલું છે.