Cele mai multe companii sunt utile și chiar trebuie să plateze o hartă interactivă pe site, astfel încât vizitatorii să fie mai convenabili să vă găsească. Acest lucru este valabil mai ales pentru orașele mari: clienții dvs. vor fi mult mai ușor de navigat în cazul în care vizualizează vizual locația biroului, ei vor putea să gândească pe traseu și să calculeze timpul pe drum.
Adăugați o hartă interactivă pe site-ul dvs. permite, de exemplu, renumiți motorul de căutare Google Google. Puteți face acest lucru folosind serviciul gratuit Google Maps.
Pasul 1. Obțineți codul pentru a seta Harta Google pe site
Deci, pentru a plasa o cartelă Google interactivă pe site-ul dvs., în primul rând trebuie să obțineți un cod de card cu un semn al organizației dvs. Pentru a face acest lucru, pe GoogleMaps introduceți adresa sau numele companiei în șirul de căutare sau găsiți manual casa necesară Pe hartă și setați eticheta de clic pe mouse-ul.
Când este instalat marcajul de pe hartă, faceți clic pe pictograma Meniu de lângă șirul de căutare.
În lista de meniuri care se deschide, selectați "Link / Code".
În fereastra care se deschide, mergeți la fila "Cod", selectați dimensiunea hărții și copiați codul HTML propus.
Pasul 2. Cum să introduceți cartela de card 2GIS pe site
Deci, codul este obținut, rămâne doar să îl plasați pe pagina dorită a site-ului. Am decis să adăugăm o hartă la secțiunea "Contacte". Mergem la administratorul "NubEx", selectați secțiunea de pe panoul de control "Pagini", Găsiți în listă secțiunea dorită și faceți clic pe "Editați | ×".
Vom lucra cu un bloc de text. apasa butonul "O sursă"Pentru a merge la modul de editare a codului. Introduceți codul primit pe GoogleMaps în caseta de text și salvați modificările.
Mergem la pagina "Contacte" a site-ului nostru și ne bucurăm în actualizări!
Datorită hărților Google, orice vizitator al site-ului dvs. va putea vedea locația organizației, deschide ruta cu mașina, pe transport public Sau pe jos, precum și salvați adresa dvs. în notele dvs.
În plus față de cardurile Google, puteți plasa și pe site-ul hărții de la și 2GIS, vom spune despre ele în articolele relevante.
Destul de des, atunci când creați un site, devine necesar să se introducă o cartelă pe el care să indice locația organizației dvs. De fapt, cardul de pe site este foarte convenabil: în primul rând pentru utilizatorii dvs. Ei vor putea imediat, fără a lăsa resursa dvs., a se vedea: Cum puteți găsi că este în apropiere și determinați cât de departe este organizarea dvs. din locația lor. Nu toată lumea știe cum să introducă o hartă pe site. Și faceți-o foarte și foarte simplă!
În acest articol vă voi spune și vă va arăta cum, literalmente în câteva minute, puteți introduce o hartă cu locația dorită pe paginile site-ului dvs.
Cum se introduce o hartă la site
Deci, pentru a introduce o hartă pe site, vom folosi serviciul de la Google.
1. Primul lucru pe care trebuie să-l facem este să mergeți la site-ul cardului Google.
2. Acum, pentru a produce toate operațiunile de care aveți nevoie, suntem cel mai bine să mergem la "interfața clasică".
Pentru a face acest lucru, faceți clic pe pictograma marcaj de întrebare din colțul din dreapta jos al ecranului.
Veți deschide o mică bară de meniu glisantă în care doriți să selectați "interfața clasică".
După aceea, va apărea o altă fereastră pop-up, unde vi se va cere să spuneți de ce doriți să utilizați exact interfața clasică. Puteți marca unul dintre elemente, dar nu puteți marca, dar faceți clic imediat pe linkul albastru "Classic Interfața" chiar mai jos.
După aceasta, veți fi dus la interfața clasică de card Google, unde există tot ce aveți nevoie pentru a plasa cardul pe pagina site-ului.
3. Acum, în câmpul de introducere a adresei, introduceți adresa dorită. Nu uitați că trebuie să specificați țara, orașul, strada și casa, adică adresa completă.
Ca rezultat, veți obține locația dvs. pe harta marcată cu un marker roșu.
4. Acum trebuie să obținem codul pentru a introduce în pagina noastră web, precum și setați câteva setări.
Pentru a obține codul de inserare, trebuie să faceți clic pe pictograma pentru referință sau cod (este pictograma potrivită cu imprimanta).
5. Aici suntem interesați de codul HTML pentru a adăuga pe site-ul web (al doilea câmp).
De asemenea, în acest cod puteți vedea unii parametri care pot fi modificați. Acestea sunt dimensiunea cardului, adică înălțimea și lățimea sa. De asemenea, puteți seta cadrul pentru hartă. În mod implicit, valoarea cadrului este zero, dar îl puteți schimba, pune, de exemplu, unul.
Dacă aveți nevoie, schimbați acești parametri, deși îl puteți face din codul paginii web. Dacă nu este nevoie, atunci copiați pur și simplu întregul cod.
6. Acum rămâne doar pentru a introduce un cod copiat în locul paginii dvs. web unde doriți să vedeți harta.
Puteți crea un bloc separat "div" specific pentru cardul dvs., pe care îl puteți în viitor poate fi stilizat prin fișierul de foi de stil.
Voi introduce cartea mea chiar aici. Vedeți cum va arăta.
Ca rezultat, utilizatorul va vedea marca dvs. de locație marcată. El va putea să deplaseze harta, să crească și să-și reducă amploarea.
De asemenea, deasupra markerului va fi afișat cu adresa dvs. Și în partea de jos va fi o legătură pentru a vizualiza harta pe o scară mărită.
Deci, totul este simplu, funcțional și convenabil.
Utilizați sănătatea!
Mă bucur dacă această lecție va fi utilă pentru dvs. Inaplicații, lăsați comentariile dvs. și partajați articolul utilizând butoanele. retele socialecare sunt situate chiar jos.
De asemenea, abonați-vă la actualizarea blogului dacă nu sunteți încă semnat. Vă promit o mulțime de materiale utile.
Cu tine a fost Anna Kotelnikova.
Succese la noi întâlniri.
Bună ziua, acest articol ar dori să înceapă cu o notă mică.
Cei care sunt interesați nu numai de dezvoltare, dar și promovarea site-urilor știu că cerințele pentru site-urile cresc în fiecare an, motoarele de căutare încearcă să taie paginile de gunoi și să părăsească cele mai relevante. Deci, privindu-se prin cele mai recente conferințe pentru a promova site-uri comerciale, a observat unul similar în toate cazurile, este de a proiecta pagina de contacte. Timpurile de timp au fost adoptate când această pagină conține doar câteva telefoane și formular de feedback. Acum trebuie să oferiți mai multe informații cu acest lucru. În acest caz, pur și simplu nu faceți fără locația dinamică a biroului dvs. Ea a devenit o parte integrantă Orice pagină de contact a site-ului comercial.
Yandex a oferit soluția proprie a dezvoltatorului în această direcție - și anume "designerul de hărți Yandex", care permite webmasterilor să adauge orice carte pe site-ul lor fără probleme.
Deci, acum hai să mergem direct la acțiune.
1.) Pentru a începe, mergeți la constructorul de hartă în sine - http://api.yandex.ru/maps/tools/constructor/.
Veți apărea în fața dvs. și a câmpului unde puteți specifica adresa de care aveți nevoie.
Puteți crea o hartă de hartă, chiar și fără autorizație în Yandex.
2.) Introduceți adresa de care aveți nevoie, după care veți lumina indicii cu numele complet Străzi, orașe și camere la domiciliu.
3. După selectarea adresei, puteți specifica descrierea etichetei, precum și alegerea culorii sale. Canalul setărilor Faceți clic pe butonul "OK". Și coborâți în jos.
5.) Copiați codul furnizat și introduceți locul în site-ul de care aveți nevoie.
Mai multe note
- Această metodă de introducere a cardurilor Yandex la site este potrivită pentru orice CMS: Joomla, OpenCart, WordPress și altele.
- De multe ori, un editor vizual, de exemplu, în Joomla, taie codul. Deci, este de dorit să lucrați cu pagina de contact fără editorul. Sau introduceți harta site-ului după toate modificările vizuale.
Copiați codul creat de card în fișierul text și când pagina PIN este editată, când distorsionați codul, îl puteți restabili întotdeauna.
În acest moment, totul în următoarele articole voi continua să stabilesc paturile de lucru tehnice cu site-uri.
Daca doresti introduce hartă bună la site-ul web Cu locația pe ea, de exemplu, biroul, depozitul, apoi utilizați astfel de instrumente web bine cunoscute ca harta pentru site de la Yandex sau harta pentru site-ul de la Google.
În acest articol vom spune pentru ce și cum să introduceți harta Yandex la site.
Deci, de exemplu, arată ca o hartă a lui Yandex, pe care am introdus-o pe site centru comercial. Ar putea fi mai multe detalii cu imagini de case din diagramă, dar în acest caz a fost mai important să se indice locația centrului comercial cu privire la cele mai apropiate așezări, astfel încât a fost aleasă o scară mică.
Care este harta pe site?
S-ar putea să zâmbiți după ce ați citit această întrebare retorică aparent. "Cardul este necesar ca vizitatorii să știe unde suntem", este un răspuns simplu prea simplu pentru a înțelege rolul hărții, în special pentru un site comercial. Aici sunt câteva aspecte importante Având o hartă pe site:
- Notă atentie speciala: Prezența unei hărți crește în mare parte gradul de încredere în resursele dvs. Afișarea vizuală a locației companiei, Oficiul, magazinul subconștient eliberează clientul potențial (elimină temerile, se pare: "Ce se întâmplă dacă este înșelat și a dispărut?"), Creșteți probabilitatea ca vizitatorul site-ului să devină a Client real.
- Prezența unei cartele interactive (spre deosebire de cardul de imagine) permite utilizatorului să navigheze mai bine pe teren, pentru a vedea cea mai apropiată stație de metrou, autovehicule - verificați traseul pe abordările îndepărtate ale obiectului. În plus, harta interactivă vă permite să vă uitați la zona din spațiu.
- Bineînțeles, Harta de pe site este necesară, astfel încât vizitatorii și clienții site-ului să cunoască locația magazinului dvs., Office, Warehouse.
Cum se introduce harta Yandex la site (instrucțiuni pas cu pas)
A profita de designer Yandex.Cart API..
În acest articol, oferim o aproximare instrucțiuni pas cu pasCeea ce sperăm că va ajuta la introducerea hărții Yandex pe site-ul dvs.:
Pasul 1. Configurarea inițială Hărți Yandex pentru site:
- Deschideți pagina de designer Yandex.Cart pentru site.
- Găsiți pe hartă Locația geografică necesară la adresa sau manual (prin mărirea cursorului și deplasarea mouse-ului de hartă).
- Selectați o scară convenabilă. Scala finală este mai bine să se instaleze la sfârșitul lucrării. Să tragem etichete pe hartă, linii (căi de acces) și contururi ale clădirilor sau teritoriilor.
- Specificați numele hărții viitoare în câmpul corespunzător.
- Ne întoarcem la setul de instrumente de service: butoane pentru punctele de desen (etichete pe hartă), linii, poligoane (contururi) și dimensiunea hărții.
Pasul 2. Desenul punctelor (etichetelor):
- Faceți clic pe butonul de desen.
- Am pus o etichetă (punct) în locul potrivit. De exemplu, în clădirea biroului dvs. Harta pentru site-ul de la Yandex vă permite să introduceți singuri, dar câteva etichete (de exemplu, dacă aveți mai multe magazine, depozite sau birouri).
- Accesați setarea proprietăților etichetei instalate (introducerea textului, selecția culorilor etc.).
Pasul 3. Configurarea proprietăților instalate pe harta etichetelor:
- Faceți clic direct în funcție de etichetă.
- În fereastra care se deschide, selectați Proprietățile de care aveți nevoie (culoarea, eticheta pe hartă), scrieți textul la cerere (mai târziu textul va fi vizibil pentru utilizator când faceți clic pe etichetă).
- Orice etichetă poate fi eliminată în fereastra de proprietăți corespunzătoare.
- Așa că am pus pe harta Yandex pentru site-ul eticheta biroului dvs., și-a stabilit proprietățile, acum mergeți la linii de desenare. De exemplu, liniile de acces la birou.
Pasul 4. Linii desenate pe hartă:
- Faceți clic pe butonul de desenare a liniei.
- Faceți clic pe hartă, obținem o linie întreruptă a oricărei traiectorieri. Poate fi înscris cu orice obiect sau pentru a citi traseul de intrare la obiect.
- Mutarea markerilor pătrați și rotunde, puteți edita forma liniei.
- Prin analogie cu etichetele, dacă faceți clic pe linie, fereastra Proprietăți va apărea în care puteți seta culoarea, grosimea, transparența liniei, precum și introduceți textul care va fi afișat utilizatorului.
- Du-te acum la desenarea poligoanelor.
Pasul 5. Desenul poligoanelor umplute cu contururi de culoare:
- Faceți clic pe butonul de desen al poligoanelor.
- Spre deosebire de linii care pot fi, de asemenea, subliniate orice poligon, acești poligoane sunt contururi cu o culoare medie inundată.
- Ștergeți mouse-ul pe hartă Puteți desena orice poligon umplut. Metoda de desenare, editare și setare a proprietăților este similară cu metoda de desenare a liniei.
- Du-te acum la schimbarea dimensiunii hărții.
Pasul 6. Schimbarea dimensiunii hărții pentru site:
- Faceți clic pe butonul de dimensiune.
- Prin mutarea markerilor pătrați de-a lungul circuitului de hartă, puteți redimensiona la necesară. Totul este simplu.
- Accesați cardul care creează final.
Pasul 7. Obținerea codului cardului pentru site (Yandex):
- Dați hărți formularul final prin stabilirea scalei finale a cardului și a poziției finală (coordonate).
- În acest stadiu, crearea unei hărți pentru site (Yandex) poate fi considerată completă. Faceți clic pe un buton galben mare "Salvați și obțineți codul".
- Chiar și după salvarea cardului, vă puteți întoarce întotdeauna la editare.
- Rețineți că cardul poate fi nu numai o schemă, ci și o fotografie din spațiu, un element hibrid sau un "card popular".
- În plus, sunteți liber să faceți o hartă a unei imagini interactive sau simple. O hartă interactivă este mai interesantă, funcțională, dar poate încărca mai mult decât imaginea simplă. Alegerea este a ta.
- Introduceți harta lui Yandex la site, plasând codul HTML al hărții în locația paginii.
Mulțumită tuturor cititorilor care sunt interesați de instrucțiunile noastre pas cu pas.
Crearea unei hărți pentru site-ul de la Yandex este ușoară, care nu necesită cunoștințe speciale și acțiuni de competențe pe fondul unor structuri de site-uri mult mai complexe. Dacă sunteți întâlnit cu dificultăți mai grave la crearea site-ului dvs., vă rugăm să ne contactați. Vom încerca să vă rezolvăm problemele!
Dacă vă plac instrucțiunile, îl puteți recomanda prietenilor și cunoștințelor dvs. "Butoanele sociale" sunt în dreapta. Aceasta este micul nostru îngrijire.
