Destul de des, la crearea unui site, devine necesar să inserați o hartă pe acesta care să indice locația organizației dumneavoastră. De fapt, harta de pe site este foarte convenabilă: în primul rând pentru utilizatorii tăi. Ei vor putea să vadă imediat, fără a părăsi resursa dvs., cum vă pot găsi, ce este în apropiere și să determine cât de departe se află organizația dvs. de locația lor. Nu toată lumea știe să insereze o hartă pe site. Și este foarte, foarte ușor de făcut!
În acest articol, vă voi spune și vă arăt cum, în doar câteva minute, puteți introduce o hartă cu locația dorită în paginile site-ului dvs.
Cum să încorporați o hartă pe un site web
Deci, pentru a introduce o hartă pe site, vom folosi un serviciu de la Google.
1. Primul lucru pe care trebuie să-l facem este să mergem pe site-ul Google Maps.
2. Acum, pentru a efectua toate operațiunile de care avem nevoie, cel mai bine este să mergem la „Interfața clasică”.
Pentru a face acest lucru, faceți clic pe pictograma semn de întrebare din colțul din dreapta jos al ecranului.
În fața dvs. se va deschide un mic panou de meniu extensibil, în care trebuie să selectați „Interfață 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 interfața clasică. Puteți bifa unul dintre elemente sau nu îl puteți verifica, dar faceți imediat clic pe linkul albastru „Interfață clasică” chiar mai jos.
După aceea, veți merge la interfața clasică Google Maps, unde există tot ce avem nevoie pentru a plasa harta pe pagina site-ului.
3. Acum, în câmpul pentru introducerea adresei, introduceți adresa necesară. Nu uitați că trebuie să specificați țara, orașul, strada și casa, adică adresa completă.
Ca urmare, veți primi locația dvs. pe hartă marcată cu un marcator roșu.
4. Acum trebuie să facem ca codul să fie încorporat în pagina noastră web și, de asemenea, să setăm câteva setări.
Pentru a obține codul de încorporare, trebuie să facem clic pe pictogramă pentru a obține un link sau un cod (este situat în partea dreaptă a pictogramei imprimantei).
5. Aici ne interesează codul HTML pentru adăugarea pe site (al doilea câmp).
Tot în acest cod puteți vedea câțiva parametri care pot fi modificați. Acestea sunt dimensiunile hărții, adică înălțimea și lățimea acesteia. De asemenea, puteți seta un cadru pentru hartă. În mod implicit, valoarea cadrului este zero, dar o puteți modifica setând, de exemplu, unul.
Dacă este necesar, atunci modificați acești parametri, deși o puteți face din codul paginii web. Dacă nu este necesar, atunci doar copiați întregul cod.
6. Acum rămâne doar să lipiți codul copiat în locul paginii dvs. web unde doriți să vedeți harta.
Puteți crea un bloc „div” separat special pentru harta dvs., pe care apoi îl puteți stila printr-un fișier de foaie de stil.
Îmi voi lipi cardul chiar aici. Vezi cum va arăta.
Ca rezultat, utilizatorul va vedea locația dvs. marcată cu un marcator. El va putea muta harta, mări și micșora.
De asemenea, deasupra marcatorului va fi afișată o casetă cu adresa dvs. Mai jos este un link pentru a vizualiza harta la scară mai mare.
Deci, totul este foarte simplu, funcțional și convenabil.
Folositi pentru sanatate!
Mă voi bucura dacă această lecție vă este utilă. Drept mulțumire, lăsați comentariile voastre și distribuiți articolul folosind butoanele rețelelor sociale de mai jos.
De asemenea, abonați-vă la actualizările blogului dacă nu sunteți deja abonat. Vă promit o mulțime de materiale utile.
Anna Kotelnikova a fost cu tine.
Mult succes si ne revedem.
Astăzi, afacerile offline nu sunt interesate de un semn, ci de blocuri cu informații despre stabilirea în partea dreaptă a rezultatelor căutării Google și Yandex. Să vorbim despre cum să adăugați datele companiei pe hărți.
Cum să adăugați o companie pe Google Maps
Trebuie să creați o pagină în serviciu Compania mea pe Google.
Ce dă? În primul rând, posibilitățile:
- informați utilizatorii despre prețuri, orele de deschidere, evenimente și știri ale organizației;
- monitorizează recenziile și răspunde rapid la acestea;
- analiza vizualizărilor informațiilor comerciale (numărul de vizualizări ale datelor companiei, vizualizări ale fotografiilor, videoclipurilor);
- atașați hărți cu un traseu către organizație;
- construiți reputația prin evaluările utilizatorilor.
Blocați Compania mea pe Google în rezultatele căutării
Algoritm pentru adăugarea unei companii.
Dacă nu primiți o scrisoare în 3-4 săptămâni, nu ezitați să scrieți suportului tehnic: „Scrisoarea nu a venit, ce ar trebui să fac?”. Google vă va solicita să treceți prin procesul de verificare manuală.
Pentru a face acest lucru, va trebui să trimiteți câteva fotografii:
9. După aceea, veți fi dus la contul personal al companiei dvs.:
Pe pagina „Informații”, trebuie să furnizați cele mai complete informații despre compania dumneavoastră:
- adăugați categorii suplimentare care se potrivesc cu activitatea dvs.;
- adăugați o descriere a companiei dvs.;
- indicați orele de funcționare;
- metode de plată pentru bunuri și servicii;
- adăugați fotografii și videoclipuri;
- precum și informații suplimentare.
În descrierea companiei, încercați să scrieți cât mai exact posibil care este exact afacerea dvs.: ce produse sau servicii oferiți.
Cu cât sunt prezentate informații mai complete și mai bune despre compania dvs., cu atât este mai probabil ca aceasta să fie văzută de utilizatorii Google.
Dacă construiți un site web pentru o companie sau serviciu, nu puteți evita adăugarea unei hărți pe site cu locația acelei companii sau serviciu.
Există cel puțin trei furnizori care oferă această capacitate: Yandex, Google și 2GIS.
Aici ne vom uita la adăugarea unei hărți Yandex și aceasta este poate cea mai ușoară, cea mai rapidă și, în plus, o modalitate complet gratuită. Trebuie remarcat faptul că acest serviciu funcționează prin intermediul API-ului și necesită ca utilizatorul site-ului să aibă javascript activat.
În același timp, această instrucțiune este potrivită nu numai pentru WordPress, ci și pentru orice site (cel puțin pentru html „goal”), deoarece codul de încorporare este universal.
Adăugarea unei hărți Yandex pe site
1. Mai întâi trebuie să creați o hartă. Pentru a face acest lucru, urmați linkul către pagina constructorului - https://tech.yandex.ru/maps/tools/constructor/ . Pentru a lucra în constructor, trebuie să aveți un cont în Yandex. Contul Yandex este același pentru toate serviciile: e-mail, webmaster, bani etc. Dacă nu aveți deja unul, trebuie să vă înregistrați.
2. Indicăm în bara de căutare (evidențiată cu roșu în figură) adresa de care aveți nevoie (regiune, oraș, stradă, casă). Primim o hartă cu marcajul și coordonatele adresei de care aveți nevoie.
3. Dacă este necesar, puteți face setări suplimentare: schimbați culoarea și locația markerului, scara, tipul de afișare (cartă, satelit, hibrid) etc.
4. Apoi specificați numele și faceți clic pe butonul „Salvați și obțineți codul” din partea de jos a ecranului.
5. După aceea, va apărea un cod pe care trebuie să-l inserați pe site-ul dvs. în locul în care ar trebui să fie afișată harta.
Dacă adăugați cod la o pagină din panoul de administrare WordPress, atunci comutați mai întâi modul de editare a paginii la „Text”.
După adăugarea codului, harta pe care ați construit-o va începe să se reflecte automat pe site.
Mărimea afișajului este determinată de parametrii de lățime și înălțime. Dacă este necesar, puteți modifica aceste valori în codul rezultat. Pentru a întinde harta Yandex pe toată lățimea ecranului, specificați valoarea width=-1.
În acest articol, vom lua în considerare instalarea hărților Yandex fără utilizarea unui plugin, deci este potrivit atât pentru un site obișnuit, cât și pentru un site creat pe motorul WordPress. Citiți despre cum să adăugați hărți Google.
Hărți Yandex (hărți Yandex) este un instrument excelent care vă va permite să raportați locația unui birou, depozit sau magazin. Prin plasarea unei sanie pe site-ul Yandex, cu o hartă detaliată a locației, puteți fi sigur că clientul nu se va pierde.
Dacă sunteți proprietarul unui magazin online, puteți echipa formularul de comandă cu o hartă care vă permite să indicați locația dvs. către client, ceea ce va economisi semnificativ timpul de așteptare. Iar curierul va fi recunoscător.
Hărți Yandex are hărți de metrou și date de trafic, ceea ce va evita o serie de inconveniente și va economisi timp.
Dacă comparăm hărțile Yandex și Google (adăugând hărți Google pe site), atunci preferința mea va fi acordată serviciului de hărți Yandex, deoarece oferă mai multe oportunități pentru utilizator. Ca să nu mai vorbim de faptul că hărțile Yandex au cele mai bune detalii, precum și o hartă populară, care este editată de utilizatori înșiși din imagini din satelit.
Poate că vom termina cu preludiul, după cum se spune: „Este mai bine să vezi o dată...”.
Instalarea (adăugarea) hărților Yandex pe site-ul dvs
Înainte ca instalați harta Yandex pe site-ul dvs. web, trebuie creat. Puteți face acest lucru în constructorul hărții:
Redimensionarea hărții trăgând etichete. Vă va permite să determinați vizual cum va arăta harta instalată pe site. Pentru a ajuta designerii de aspect, înălțimea și lățimea în pixeli sunt afișate sub hartă.
Copierea codului:
Acest cod de hartă este ușor de inserat într-un widget WordPress de text arbitrar sau cod html:
Cele mai importante sunt înălțimea și lățimea, astfel încât acestea pot fi modificate fără a fi nevoie să reveniți din nou la pagina de proiectare a hărții.
De asemenea, puteți lipi codul hărții într-o postare sau o pagină WordPress. Singurul punct este că trebuie să-l inserați în editorul html, și nu în cel vizual.
Rezultatul muncii:
O cheie api a fost folosită anterior pentru a crea. În prezent, utilizarea sa nu este necesară. Cu toate acestea, ar trebui să citiți câteva recomandări Yandex:
API-ul pentru hărți Yandex pentru dezvoltatori are o gamă largă de funcții care pot fi încorporate pe site-ul dvs. și pot îmbunătăți semnificativ funcționalitatea hărților:
De asemenea, este posibil să se determine locația utilizatorului și multe altele.
Exemple de cod ale acestor și alte hărți pot fi găsite în sandbox-ul API Yandex:
Unul dintre exemplele (rutare și cost) încorporate pe site-ul dvs. Selectați 2 puncte de pe hartă, apoi faceți clic pe punctul de pornire, fereastra pop-up va afișa informațiile despre costul de transport.
(lucru bun), astăzi vom vorbi din nou despre serviciul Yandex și din nou despre cărți, dar nu despre plastic sau cărți de joc, ci despre hărțile zonei. Să luăm în considerare un designer de hărți de la Yandex cu care puteți face, de exemplu, o hartă cu direcțiile către biroul dvs. și o puteți agăța pe site. Articolul oferă instrucțiuni detaliate pentru configurarea serviciului Yandex Maps pentru pagina de contact a unui site personal.
Capacitatea de a ajuta clienții să ajungă la locul potrivit este o contribuție semnificativă la dezvoltarea afacerii, cu cât mai mulți oameni ajung acolo unde trebuie, cu atât veniturile și profitul vor fi mai mari. Așadar, dacă afacerea ta este cumva legată de obiecte de pe pământ, atunci inserarea unei hărți bune pe site este o necesitate.
De ce ai nevoie de o hartă interactivă
- Convenabil pentru client - este ușor să planificați o rută ținând cont de toate modificările curente, deoarece Yandex introduce prompt datele despre reparații și clădiri noi pe hărțile sale.
- Este convenabil pentru proprietarul site-ului - toate ajustările sunt făcute automat hărții, este suficient să inserați harta pe site o dată, apoi actualizările sunt încărcate din baza de date Yandex.
- Crește credibilitatea și nivelul de încredere în organizație. Deși orice birou de caricatură-montaj poate realiza o astfel de loțiune, la nivel subconștient, un site cu o hartă interactivă este perceput mai bine.
Pe vremuri, adrese de birou, rute de trecere și de călătorie, diverse obiecte interesante etc. marcat pe imagini care ilustrează o hartă și încărcat pe site într-un fișier jpg sau png obișnuit. Problema era că nu puteau ține cont de reparații temporare, ambuteiaje sau alte modificări ale terenului, nu puteau sugera trasee individuale din diferite direcții.
Odată cu dezvoltarea serviciilor de internet, cum ar fi Yandex Maps și Google Maps, a devenit posibil să faceți hărți vii - interactive. Puteți să le rotiți în direcții diferite, să schimbați scara, să setați rute din diferite puncte, să vă planificați mișcarea ținând cont de blocajele de trafic și multe altele.
Prezența unei hărți convenabile de locație pe pagina de contact în vremea noastră este o regulă de formă bună pentru orice companie.
Și pentru a vă ajuta să faceți resursa dvs. web mai prietenoasă cu oamenii, vă voi spune cum să adăugați o hartă Yandex pe site, acest lucru se face foarte ușor folosind un constructor special (nu mai dificil decât).
Yandex Map Constructor
Dacă nu aveți un cont în Yandex, va trebui să creați unul, deoarece fără acesta nu va funcționa nimic, serviciul vă va cere să vă conectați sau să vă înregistrați. Nu trebuie să vă sperii, înregistrarea este crearea unei cutii poștale pe Yandex. Chiar dacă nu aveți nevoie de el pentru a funcționa cu e-mailul, acesta va fi util pentru alte servicii ale motoarelor de căutare, de exemplu, pentru Yandex Metrika sau Yandex Webmaster.
Procedura incepe de la aceasta pagina - tech.yandex.ru/maps/tools/constructor/
Deoarece citiți acest articol, înseamnă că vă conectați pentru prima dată și nu aveți carduri salvate anterior, rămâne să selectați butonul galben din stânga „Creați un card nou”. Din acest moment, începe formarea setărilor individuale ale hărții pentru zona dorită.
Trucul este că puteți insera nu doar o hartă Yandex cu adresa exactă, ci și o hartă cu orice număr de obiecte evidențiate cu diferite marcaje și culori - obiecte, puncte, rute.
Toate setările sunt făcute în constructorul vizual, niciun cod nu va trebui editat, munca de adaptare diferă puțin de utilizarea obișnuită a hărților Yandex de către utilizator. Să începem prin a adăuga obiecte.
Adăugarea de obiecte
Primul instrument este formularul de căutare, care se află în partea de sus a hărții. Cu ajutorul lui, putem găsi punctul dorit după adresă, coordonate sau nume. Introduceți datele cererii în câmp, un exemplu cu adresa „Moscova, Piața Roșie”:
După apăsarea butonului de căutare, pe teren va apărea un punct corespunzător locației obiectului specificat. Puteți introduce multe obiecte. Exemplu de la Kremlin:
Fiecare punct poate fi configurat astfel încât să difere de alte obiecte și să fie ușor de distins pe hartă - culoarea și forma se schimbă și, de asemenea, puteți adăuga o pictogramă unică în interior dacă accesați meniul drop-down „Conținut”. Acest lucru este convenabil dacă există multe obiecte pe harta creată și pot fi clasificate în diferite grupuri.
În stânga, este completată o listă cu toate adresele marcate pe hartă.
Schimbarea scalei și a poziției
Folosind tastele „+” și „-” situate în partea din stânga sus a aspectului, se setează scara optimă. O hartă completă a Rusiei nu este necesară pentru a vă deplasa în centrul Moscovei și, dacă specificați un obiect punct într-un oraș, este mai bine să ajustați scara la un nivel în care se pot distinge numele străzilor și caselor din jur.
Pentru a muta harta în diferite direcții, trebuie să o apucați apăsând butonul stâng al mouse-ului și să o mutați unde doriți.
Contururi de obiecte (poligoane) și linii
Dacă este necesar să evidențiați contururile oricărui element de pe hărți, atunci când indicarea nu este suficientă, utilizați instrumentul „Poligoane”. Fixând un punct după altul, obținem perimetrul umplut în interior cu o anumită culoare.
Pot exista oricâte puncte doriți, prin urmare, figura pictată pe hartă permite orice grad de complexitate. Puteți finaliza construcția conturului făcând clic pe ultimul punct de referință sau trecând la orice alt buton al constructorului (de exemplu, pe o linie). Am evidențiat contururile Kremlinului din Moscova de-a lungul peretelui său:
Liniile sunt trasate folosind butonul "Linii". Toate acțiunile sunt similare cu instrumentul anterior, doar spațiul dintre puncte nu este pictat. Cu ajutorul liniilor de pe harta Yandex, puteți desena rute de mișcare (trecere, trecere).
În acest fel, puteți afișa cel mai bun traseu pentru vizitarea obiectivelor turistice.
Confirmăm punctul final făcând clic din nou cu mouse-ul, va apărea un meniu „Șterge” / „Finish”. După selectarea finalului, se deschide un câmp pentru subtitrarea punctului final și setarea parametrilor liniei (grosime, culoare, transparență).
Finalizăm traseul făcând clic pe „Terminat”.
Vizualizarea hărții și suprapunerea traficului
Atingerea finală care vă permite să acordați hărții proprietăți speciale este impunerea blocajelor de trafic, pentru care există un buton separat. Sincer să fiu, mă îndoiesc că o astfel de opțiune va fi adesea solicitată pentru hărțile inserate pe site, deoarece oamenii folosesc mai des navigatoare decât hărțile încorporate pentru a conduce o mașină.
Dar comutarea modurilor între circuit, satelit și hibrid poate fi utilă.
Vederea prin satelit oferă obiectelor din jur aspectul lor real și este mai ușor să le recunoști pe o astfel de hartă decât dreptunghiurile schematice ale diagramei.
Titlu și descriere
Pentru a ne întoarce pe viitor la harta creată pentru a o corecta sau pentru a reobține codul de încorporare, trebuie să venim cu un nume și o descriere pentru aceasta, apoi să o salvăm.
Cod hartă de încorporat pe site
Harta noastră este deja gata și acum trebuie să obținem codul pentru inserarea în site, Yandex face posibilă:
- o hartă interactivă (despre care am vorbit de la bun început);
- static - o imagine obișnuită, doar cu un cod complicat, nimic nu poate fi mutat în ea, în plus, numărul maxim de obiecte este limitat;
- tipărit - fișier imagine de înaltă calitate, nu toate țările sunt acceptate, în principal CSI și Turcia, versiunile satelit și hibride nu sunt acceptate.
Alegerea dintre ele va fi afișată imediat după salvare.
În același meniu, este setată dimensiunea finală în pixeli. Îl puteți seta manual sau deplasând cadrul în jurul zonei selectate din dreapta, lângă colțuri. Caseta de selectare „Stretch to width” face ca harta să ocupe întreg spațiul de pe site, sprijinindu-se pe marginile blocului unde este afișată.
În această etapă, este posibil să reveniți la editarea hărții, în partea din stânga sus a ferestrei există o inscripție corespunzătoare cu o săgeată.
Codul final apare după ce faceți clic pe butonul „Obțineți codul cardului”, al meu arată așa:
Atunci când alegeți un card tipărit, se va adăuga o alegere a formatului de fișier - png sau jpg și, în consecință, nu va exista niciun cod - va apărea în schimb butonul de descărcare. Un astfel de fișier poate fi inserat și pe site, doar că va trebui să-l încărcați pe hosting și, dacă site-ul dvs. nu are un editor vizual, va trebui să scrieți imaginea în etichete HTML (src)
Cum să inserați o hartă Yandex pe site
Am primit codul, acum trebuie să-l transferăm în resursa noastră web. Orice loc este potrivit pentru plasare, principalul lucru este că dimensiunile se potrivesc. Dacă utilizați designeri sau editori vizuali, atunci nu uitați să le comutați în modul text (HTML) atunci când introduceți codul. Ca aceasta:
Harta pe care am făcut-o
Iată ce am primit după toate setările:
Acest element este convenabil pentru toată lumea - iar obiectele necesare sunt evidențiate și scara este selectată conform așteptărilor. În plus, serviciul Yandex permite utilizatorului să-și determine locația (săgeata din colțul din stânga sus) și să creeze o rută individuală către punctul dorit.
Butonul din colțul din dreapta sus, sub forma a două săgeți care diverg în direcții diferite, vă permite să deschideți harta pe ecran complet. Acum despre pluginuri.
Pluginuri pentru WordPress și alte CMS
Anterior, era mai dificil să faci hărți și mulți foloseau plugin-uri speciale în acest scop, de exemplu, pentru WordPress exista acesta - Yandex Maps for WordPress. Acum nu sunt necesare API-uri și orice utilizator cu cunoștințe minime își va da seama cum să configureze totul, așa că nu văd rostul în pluginuri. Plug-in-ul numit mai sus confirmă acest lucru - nu a fost actualizat de mai mult de 2 ani, se pare că nu există nicio cerere.
Dintre cele relativ relevante, am găsit Yandex Maps API (actualizat acum 4 luni) și Oi Yandex.Maps pentru WordPress (acum 5 luni). Dacă doriți să jucați pluginuri, le veți găsi în depozitul WordPress căutând și cum să instalați pluginuri.
Te-ai asigurat că pregătirea unei hărți și plasarea acesteia pe resursa ta este mult mai rapidă decât citirea acestei instrucțiuni, acum fiecare dintre resursele tale își va încânta vizitatorii cu o funcție atât de convenabilă.
