Aproape pe site-urile tuturor companiilor, o hartă a drumului este întotdeauna plasată, webmasterii folosesc adesea și inserarea de hărți în site-urile lor, directoare ale organizațiilor etc., am rezolvat deja cazul de instalare.
Plasarea hărților Google pe site și pe paginile acestuia vă permite să vă despărțiți mari blocuri de text conținut grafic și să le facă mai plăcute cititorului.
În acest articol, ne vom uita la două moduri usoare cum se adaugă în câteva minute Hărți Google Hărți către site:
- 1. Lipiți direct din harta Google s
- 2. Plugin Google Hărți de WPMUDEV
Metodă de inserare a hărților din Google Maps în site-ul WordPress
Deschide Google Maps și intră șir de căutare adresa. De exemplu, am introdus o interogare aleatorie „Cartierul Tverskoy, Moscova, Clădirea 1”, am selectat o clădire de cafenea și iată ce am primit:
În colțul din stânga sus al imaginii, puteți face clic pe imagine sub forma unei legături de lanț și puteți deschide o casetă de dialog pentru inserarea unei hărți în site. Puteți personaliza unele elemente (cum ar fi dimensiunea hărții, culoarea chenarului etc.). Copiați acest cod și inserați-l în site-ul dvs. folosind editorul HTML de pe pagina de postare.
Când salvați o pagină sau o postare, veți vedea harta Google selectată direct pe pagina dvs. Ea va avea aproape la fel funcţionalitate ca pe pagina hărții Google în sine. Veți putea mări, schimba direcția, obține informații despre adrese etc.
Plugin Google Maps
WPMUDEV a creat un minunat plugin Google Maps care vă va oferi caracteristici suplimentare referitor la Google Maps la site-ul dvs. În plus, pluginul adaugă capabilități de editare care vă permit să schimbați aspectul hărții de pe site.
În loc să copiați codul de pe Google, puteți insera hărți direct din postarea sau pagina dvs. folosind pictograma Adăugați o hartă din editor vizual... Puteți folosi secțiuni personalizate pentru a interacționa cu pluginul de geolocalizare, chiar și pentru a adăuga o imagine panoramică pe hartă.
Pluginul are un widget pe care îl puteți folosi în bara laterală sau oriunde altundeva pe site-ul dvs. pentru a plasa hărți lângă o pagină sau postare.
Iar cei cu unele abilități CSS își pot adăuga propriul lor unic stiluri personalizate pentru ca o astfel de hartă de la google să arate frumos pe site-ul tău.
Pentru ca coordonatele companiei dvs. să apară pe Google Maps în rezultatele căutării, trebuie mai întâi să o înregistrați la serviciul „”. Dacă anterior Google Maps a fost un serviciu separat, acum el face deja parte din asta Serviciu general, care combină principalele instrumente de promovare a companiilor.
Serviciul Compania mea pe Google va fi util tuturor proprietarilor de site-uri care oferă servicii sau produse. Dacă aveți un birou, sucursală sau magazin, prezența site-ului dvs. pe Google Maps va fi avantaj suplimentarîn fața concurenților. În plus, Google Maps vă va permite să atrageți trafic suplimentar prin cereri regionale (adică legate de un oraș).
Beneficiile Compania mea pe Google:
- vă permite să publicați informații despre compania dvs. în cautare Google, Maps și alte servicii Google;
- abilitatea de a împărtăși cele mai recente știri clienților tăi;
- comunicarea cu clienții, capacitatea de a răspunde la recenziile acestora;
- pe Maps Clienții Google vor putea găsi o rută către biroul dvs., iar pe pagina cu rezultatele căutării vor afla orele de deschidere și numerele de contact
Înregistrați-vă cu GOOGLE MAPS
Pentru a vă înregistra cu Google Maps, trebuie mai întâi să vă creați un cont în serviciul Compania mea pe Google (pentru a vă înregistra, urmați linkul http://www.google.com/intl/ru/business/). Dacă aveți deja un cont Google (de exemplu, e-mail GMAIL), atunci faceți clic pe „ A intra».
Apoi urmați linkul https://www.google.com/local/manage/... Aici puteți adăuga una (sau mai multe) ramuri, de ex. adrese reale birouri, magazine etc. Aceste adrese, ulterior, vor fi afișate în timpul căutării și în Google Maps.
Faceți clic pe " Adăugați ramură„Și completează întregul informatii de contact despre companie.
După ce ați completat toate câmpurile formularului, faceți clic pe „ Crea».
Acum, pentru ca serviciul să funcționeze și compania dvs. să apară în căutare, trebuie să confirmați adresa specificată în formular.
Confirmarea adresei se face doar prin trimitere scrisoare poștală, cu un cod de activare în interior. Anterior se putea primi codul prin SMS, dar acum activarea are loc doar astfel.
V Google susțin că scrisoarea va dura aproximativ 2 săptămâni pentru a primi, iar codul în sine va fi valabil doar 30 de zile. Așa că vă rog să aveți răbdare și să așteptați. După activare, coordonatele companiei vor fi adăugate pe Google Maps.
Ce vă afectează poziția pe Google Maps
- Compania are un site web;
- Completitudinea informațiilor la înregistrarea unei companii (telefoane, e-mail, fotografii, program de lucru, categorie selectată corect);
- Prezența cuvintelor cheie în numele companiei (de exemplu, Școala de Dans „Bear”, unde „ scoala de dans» — cuvânt cheie);
- Distanța față de centrul orașului (o companie care se află mai aproape de centrul orașului are mai multe avantaje);
- Mențiuni despre compania dvs. pe alte site-uri de renume.
Recenziile pozitive despre companie vor avea, de asemenea, un impact foarte important asupra clasamentului dvs. în căutare. Cu cât compania ta are mai multe feedback pozitivși evaluări - cu atât va fi mai mare în rezultatele căutării. Vă rugăm să rețineți că clienții vor putea adăuga recenzii numai după ce confirmați adresa companiei.
Nu este recomandat să „înșeli” recenziile - adică. să scrie opuse laudative despre sine. Mult cel mai bun efectîl obțineți încurajându-vă clienții să lase feedback despre compania dvs.
Truc suplimentar: adăugați coordonatele companiei în Google Earth.
Pentru a face acest lucru, creați un fișier cu extensia .kml, in care se specifica coordonatele firmei (longitudine si latitudine). Apoi conectați acest fișier prin sitemap.xml prin adăugarea liniei http://yoursite.com/file.kml
.
Tot actiuni specificate va crește șansele de a intra în TOP căutare localăși atragerea de trafic suplimentar.
Am scris recent un articol despre cum să adăugați organizația dvs. pe hărțile Yandex, citiți mai detaliat: „”. Astăzi este timpul să vedem cum puteți adăuga o organizație pe Google Maps Google Locații... Mulți oameni se vor gândi de ce, ar trebui să adaug site-ul meu la acest serviciu, oricum sunt bine. Poate bine, dar poate chiar mai bine.
Pentru ce sunt Google Places?
Inițial, Google a fost format numai din pagini care corespundeau unei anumite cereri. Acum, problema s-a schimbat destul de mult, include:
- imagini,
- video
- știri
- pe regionale interogări Google carduri cu etichete speciale.
Dacă introduceți interogarea regională „ tavan întins in Kiev" sau " restaurante din Moscova”, Veți vedea o hartă în stânga și în rezultatele căutării suplimentare 7 poziții care sunt formate din organizații pe care utilizatorii le adaugă la Google Places.
Iată cum să obțineți o astfel de notă astăzi și ne vom da seama.
Avantajele adăugării unei organizații pe hartă
Am testat diverse resurse clienți de ceva timp și pot spune că conform solicitărilor regionale:
- merge cresterea traficului;
- conștientizarea mărcii crește;
- constatarea creșterii vitezei firmelor. Chiar dacă utilizatorul nu merge pe site, poate suna pur și simplu numărul de telefon specificat.
Un ghid pas cu pas pentru adăugarea unei organizații la Google Locații
Mai întâi trebuie să te iei singur gmail mail Dacă îl aveți deja, trebuie să vă conectați. După ce v-ați autentificat cu succes, trebuie să urmați linkul:
În bara de căutare, introduceți numele companiei dvs. și faceți clic pe „ Căutare”, Poate că cineva a adăugat-o înainte. Dacă nu există nicio companie, atunci în fereastra care apare, selectați elementul „ Introduceți datele complete ale companiei”.
Acum trebuie să completați toate elementele, acestea sunt necesare. Problemele pot fi cu categoria, pe care trebuie să o selectați din listă și apoi să faceți clic pe butonul " trimite”.
Pe urmatorul pas este necesar să confirmați că sunteți un reprezentant al acestei companii și să apăsați butonul „ trimite”.
Toate acum va apărea o fereastră în care trebuie să selectați elementul „ Amânați verificarea și continuați”.
Totul te va redirecționa acum către o pagină care trebuie să fie completată cu informații despre companie. Trebuie să completați toate elementele decât mai multe informatii cu atât mai bine, adaugă:
- descrieri;
- imagini;
- video (cum se face un videoclip YouTube puteti citi in articolul: "")
- adrese;
- siglă;
- telefoane
Pentru a confirma afișarea companiei pe hartă, trebuie să găsiți butonul „ A confirma”. Când faceți clic pe el, urmați toți pașii indicați. Confirmarea se face prin intermediul mijloacelor de primire a unei scrisori către poșta în care există Cod PIN, care trebuie introdus pe aceeași pagină a companiei în partea de sus când dați clic pe butonul „ Introduceți un cod”.
Am spus deja la început că folosind Google Locații, puteți obține un trafic suplimentar bun pentru interogări regionale. Pentru a ajunge în TOP, trebuie să optimizați corect pagina companiei, pentru aceasta aveți nevoie de:
- în numele companiei indicați cuvântul cheie de exemplu: „”;
- alege categoria potrivită, care va include și cuvinte cheie;
- obține cât mai multe recenzii;
- completați toate informațiile solicitate;
- adăugați, adăugarea unui videoclip va fi, de asemenea, un plus.
- adăugați un logo pentru conștientizarea mărcii.
Cere-ți clienții sau prietenii mulțumiți să plece feedback bun pe pagină, Google iubește când există o mulțime de recenzii și sunt adăugate informații noi.
După toți pașii făcuți și completarea paginii companiei, trebuie să așteptați, de regulă, o scrisoare cu Cod PIN ar trebui să apară în 1-2 săptămâni. După confirmarea paginii, aplicația va fi în continuare luată în considerare și marca nu va apărea imediat pe Google Maps. Această procedură poate dura de la 1-2 săptămâni până la câteva luni. Principalul lucru aici este răbdarea.
Utilizați Google Locații în scopurile dvs., creșteți volumul de trafic și vânzări pe site-ul dvs.
Salutare tuturor! Astăzi vom învăța cum nu numai să instalăm o hartă Google Maps pe site-ul nostru (orice pagină html), ci și să stilizăm Google Maps - schimbați culorile hărții, precum și adăugați o descriere la marcatorul de hartă Google Maps, schimbați vizualizarea (imagine) a marcatorului și adăugați propria noastră descriere. Merge!)
Notă importantă. Vom face toate experimentele noastre la nivel local. Pentru a utiliza Google Maps pe site-ul dvs. web, trebuie să obțineți o cheie de autentificare specială. Acest lucru nu este greu de făcut. Vom omite primirea și nu o vom lua în considerare.
1. Introduceți Google Maps
Mai întâi, să creăm o pagină html și să introducem o Hărți Google în ea. Vom face asta cu folosind google API Maps. Adică să mergem pe calea avansată. Trebuie remarcat faptul că Google are documentație și instrucțiuni bune în rusă și engleză pentru folosind Google Hărți. Deci programatorii pot merge acolo imediat. Dacă vrei să obții un clar lecție pas cu pas- atunci stai.
Acum voi descrie pe rând acțiunile care trebuie făcute și după aceea voi da codul paginii cu comentarii. Mai întâi creăm Pagina HTML... Atunci:
- Creați un element pe pagină in interiorul caruia vom afisa un Google Maps.
- Trebuie să stilați acest element, să îi setați înălțimea și lățimea astfel încât să poată fi văzut pe pagină.
- Conectăm biblioteca Google Maps Api pentru a crea și gestiona o hartă. Cardul nu va funcționa fără această bibliotecă.
- Scriem un script care va crea și afișa Google Maps pe pagină.
Iată codul paginii pe care l-am primit. Atenție la comentariile din interior, am descris ce se întâmplă și unde.
Acum avem o hartă ca aceasta, dar nu există suficient marker pentru a indica locația.
De asemenea, veți întreba cum să indicați pe hartă adresa de care avem nevoie.
2. Google Maps Api - definiți locația și setați marcatorul
2.1 Determinați locul de centrare a hărții
Să arătăm locația Teatrului Bolșoi pe hartă. În parametrul centru, am definit coordonatele pentru centrarea hărții:
Centru: (lat: -34.397, lng: 150.644),
Trebuie să obținem astfel de coordonate pentru locația noastră. Pentru a face acest lucru, accesați versiune obisnuita Google Maps și tasta dreapta click pe locul de interes pentru noi. Faceți clic pe „Ce este aici” și obțineți coordonatele locului. (55,760186, 37,618711). De asemenea, voi schimba scala setând-o la 18: zoom: 18.
2.2 Setarea markerului
Locul a fost stabilit. Rămâne să afișați marcatorul pe hartă. În interiorul funcției initMap (), adăugați o variabilă pentru marker:
// Creați un marker pe hartă var marker = new google.maps.Marker ((// Definiți poziția poziției markerului: (lat: 55.760186, lng: 37.618711), // Indicați pe ce hartă ar trebui să apară. ( La urma urmei, pagina poate conține mai multe hărți) hartă: hartă, // Scriem numele markerului - va apărea dacă treceți cu mouse-ul peste el și așteptați puțin titlul: „Marcatorul nostru: Teatrul Bolșoi" });
Acum avem o hartă cu un marker
Cum să adăugați un eveniment de clic pe o hartă sau un marcator în Google Maps
De asemenea, puteți adăuga evenimentul dvs. făcând clic pe marcator. Nu vom face acest lucru în codul final al paginii. Dar acest lucru se face astfel:
Google.maps.event.addListener (marcator, „click”, funcție () (document.location = „http://google.com”;));
Primul parametru al metodei addListener este obiectul pentru care se adaugă evenimentul, în cazul nostru marker. Un obiect poate fi nu numai un marcator, ci și harta în sine. Al doilea clic pe parametru definește tipul evenimentului, în în acest caz un click. A treia este funcția de gestionare care va fi declanșată.
Pentru mai multe detalii despre marker și posibilitățile de lucru cu acesta, vă recomand să vă uitați la documentație.
2.3 Setarea propriei pictograme pentru marcaj în Google Maps
Markerul este instalat. Dar este standard și nu este deloc interesant. Să-l înlocuim cu propria noastră pictogramă. Am găsit o pictogramă potrivită pe care o vom folosi.
Voi adăuga o pictogramă la descrierea unei variabile cu un marker.
// Creați un marker pe hartă var marker = new google.maps.Marker ((// Definiți poziția poziției markerului: (lat: 55.760186, lng: 37.618711), // Indicați pe ce hartă ar trebui să apară. ( La urma urmei, pagina poate conține mai multe hărți) hartă: hartă, // Scrieți numele markerului - va apărea dacă treceți cu mouse-ul peste el și așteptați puțin titlul: „Marcatorul nostru: Teatrul Bolșoi”, // Specificați propria noastră pictogramă pentru pictograma marker: "theatre_icon.png"));
Pictograme mai complexe pot fi găsite în documentație.
3. Setați stilurile de design pentru Google Maps
Este timpul să ne colorăm harta. Oferă-i un aspect special și unic. Vom face acest lucru folosind serviciul Snazzy Maps care are un numar mare de skin-uri pentru Google Maps. Și vă permite să faceți hărți atât de grozave:
Am ales un stil de hartă numit Apa albastra. Pe pagina a acestui stil puteți găsi codul de stil și puteți descărca un fișier exemplu pentru aplicarea acestui stil pe Google Maps.
Adăugăm stiluri pentru proiectarea hărții proprietății stiluri, pe care le specificăm pentru variabila map - atunci când creăm un obiect cu o hartă în el.
Iată întreaga bucată de cod:
// Creați un obiect de hartă GoogleMaps în variabila hartă map = new google.maps.Map (document.getElementById ("hartă"), (// Când creați un obiect de hartă, trebuie să specificați proprietățile acestuia // centru - definiți punctul pe care va fi centrată harta centru : (lat: 55.760186, lng: 37.618711), // zoom - definește scara. 0 - toată tabla este vizibilă. 18 - casele și străzile orașului sunt vizibile. zoom: 18 , // Adăugați propriile noastre stiluri pentru a afișa stilurile hărții: [("featureType ":" administrative "," elementType ":" labels.text.fill "," stylers ": [(" color ":" # 444444 ") ]), (" featureType ":" landscape "," elementType ":" all "," stylers ": [(" culoare ":" # f2f2f2 ")]), (" featureType ":" poi "," elementType " :" all "," stylers ": [(" vizibilitate ":" off ")]), (" featureType ":" road "," elementType ":" all "," stylers ": [(" saturation ": - 100), (" ușurință ": 45)]), (" featureType " : " drum.highway", "elementType": "toate", "stylers": [("vizibilitate": "simplificat")]), ( "featureType": "road.arterial", "elementType": "labels. icon "," stylers ": [(" visibility ":" off ")]), (" featureType ":" transit "," eleme ntType ":" all "," stylers ": [(" vizibilitate ":" off ")]), (" featureType ":" water "," elementType ":" all "," stylers ": [(" culoare " : "# 46bcec"), ("vizibilitate": "pornit")])]));
Acum harta noastră arată astfel:
4. Ferestre de informare
Harta poate fi îmbunătățită în continuare prin adăugare fereastra de informare făcând clic pe marcatorul nostru. Documentația pentru ei stă. Pe scurt, pentru a adăuga o fereastră de informații trebuie să:
- Creați fereastra în sine și conținutul din interiorul acesteia
- Faceți-l să apară făcând clic pe marcator.
Toate acestea se întâmplă în interiorul funcției initMap ().
4.1 Să descriem conținutul ferestrei de informații:
// Creați conținut pentru fereastra de informații var contentString = "Teatrul Bolșoi
"+ "Teatrul Academic de Stat Bolșoi din Rusia, sau pur și simplu Teatrul Bolșoi, este unul dintre cele mai mari „+” din Rusia și unul dintre cele mai importante teatre de operă și balet din lume.
"+ "Site web: bolshoi.ru „+”
"+ "4.2 Creați o fereastră de informații
// Creați o fereastră de informații var infowindow = new google.maps.InfoWindow ((conținut: contentString, maxWidth: 400));4.3 Facem astfel încât făcând clic pe marcator să apară o fereastră de informații
// Creați un ascultător, făcând clic pe marker - deschideți fereastra info infowindow marker.addListener ("click", funcția () (infowindow.open (hartă, marker);));Acum harta cu fereastra de informații arată astfel:
De asemenea, puteți elimina comenzile standard de pe hartă, le puteți activa/dezactiva pe cele necesare și inutile și chiar le puteți crea pe ale dvs. O descriere a tuturor acestora o veți găsi în documentație.
Card gata
Harta finală rezultată și codul pot fi vizualizate mai jos sau pe codul.
Codul de încorporare Google Map pentru a adăuga valoare Site-ul tău
Adăugarea unei locații pe site-ul dvs. face mai ușor pentru vizitatori să-și amintească locul și să-și găsească drumul către el. Dacă adăugați o hartă pe site-ul dvs., atunci vizitatorii își vor aminti cu siguranță mai bine locația dvs. și vor putea ajunge la dvs. mai ușor. Mulți proprietari de site-uri sunt interesați de cum să încorporeze Google Maps în Joomla, aici ghid rapid pentru a vă ajuta să adăugați o hartă Google pe site-ul dvs.
Mai jos sunt pașii care vă vor ajuta să faceți totul ușor și să adăugați cu succes hărți Google pe site-ul dvs. cu generatorul nostru de hărți Google:
- Selectați adresa la care doriți să vă găsească vizitatorii și adăugați harta locației pe site-ul dvs.
- Selectați tipul de hartă: satelit, hibrid sau teren. Uită-te cu atenție care tip este cel mai potrivit pentru tine.
- Specificați lățimea și înălțimea pentru a se potrivi site-ului dvs.
- După ce ați terminat cu aceste setări, faceți clic pe butonul Generați codul meu de sub instrumentul nostru. Alternativ, puteți alege cod complet făcând clic pe „>> Faceți clic aici - apăsați Ctrl + C<<“
- În cele din urmă, inserați codul HTML în codul sursă al site-ului dvs. web. Vă rugăm să rețineți că puteți încorpora Hărți Google în diferite părți ale site-ului dvs., cum ar fi articole, pagini de informații/contact sau widget-uri.
Beneficiile încorporării unei hărți Google pe un site web
Dacă introduceți Google Maps în site-ul dvs. web, clienții vor fi convenabil să vă găsească. Dacă le place produsul, serviciul sau ideea dvs. și doresc să vă contacteze personal, atunci vă pot vizita cu ușurință. Nu toți vizitatorii site-ului dvs. vor avea suficientă răbdare pentru a vă căuta adresa pe o hartă. Cu toate acestea, dacă adăugați o hartă Google pe site-ul dvs., atunci nu va trebui să lucreze suplimentar pentru a vă determina locația și direcția.
Prin plasarea hărții, puteți crea o interfață care este vizual convingătoare și mai plăcută pentru utilizatori. O astfel de interfață va încuraja utilizatorii tăi să interacționeze cu tine și astfel să creeze conexiuni mai puternice. Cu noul Google API, adăugarea unei hărți Google pe site-ul dvs. a devenit foarte ușoară și chiar și un începător o poate face cu ușurință. Hărțile sunt complet personalizabile, astfel încât puteți modifica diferitele proprietăți în funcție de preferințe.
