WordPress

„WordPress“ „Google“ žemėlapių vadovas: įterpkite su papildiniu arba be jo

Ieškote būdo įterpti „WordPress“ „Google“ žemėlapių turinį į savo svetainę?

Kaip ir daugelyje „WordPress“ dalykų, yra keletas skirtingų būdų, kaip į savo svetainę įterpti „Google“ žemėlapius, atsižvelgiant į tai, kokio tipo žemėlapio turinį norite įtraukti.

Šiame įraše pradėsime parodydami, kaip pridėti „Google“ žemėlapius „WordPress“ be papildinio. Tada mes rekomenduosime kai kuriuos papildinius galima padėti įterpti „Google“ žemėlapius, taip pat kai kuriuos šio metodo privalumus. Taip pat pasinersime į tai, kaip tinkamai naudoti „Google Maps“ API, kuri dabar yra būtina.

Galiausiai baigsime kai kuriais „Google“ žemėlapių naudojimo „WordPress“ našumo aspektais ir pasidalinsime patarimais, kaip greitai įkelti „WordPress“ svetainę, net jei jums reikia įterpti „Google“ žemėlapius.

Galite spustelėti toliau, kad pereitumėte tiesiai į tam tikrą skyrių arba tiesiog perskaitytumėte visą turinį.

  • Dabar reikalinga „Google“ žemėlapių API
  • Kaip pridėti „Google“ žemėlapius „WordPress“ be papildinio
  • WordPress Google Maps papildiniai, kurie suteikia daugiau lankstumo
  • „Google“ žemėlapių našumo efektas ir patarimai, kaip pagerinti našumą

Dabar reikalinga „Google“ žemėlapių API

Nuo 11 m. birželio 2018 d Dabar „Google“ žemėlapiams reikalingas API raktas. Jei savo svetainėje jau įdiegėte „Google“ žemėlapius ir jis nebeveikia, tai gali būti priežastis. Arba, tiksliau, trūksta API rakto. Geros naujienos yra tai, kad 99 % jūsų ji vis tiek turėtų būti nemokama. Žemiau yra Google Maps API kainodara.

Google Maps API kainodara

Google Maps API kainodara

Be to, „Google“ kiekvieną mėnesį suteikia jums pasikartojantį 200 USD kreditą atsiskaitymo paskyroje, kad kompensuotų naudojimo išlaidas. Taigi, kaip matote, nebent generuojate tūkstančius užklausų, „Google“ žemėlapių naudojimas svetainėje jums neturėtų kainuoti.

Kas dar pasikeitė? Nieko, bet dabar turėsite atlikti šiuos veiksmus, jei norite naudoti „Google“ žemėlapius „WordPress“:

  1. Prisiregistruokite gauti „Google Cloud Platform Console“ paskyrą ir ją sukonfigūruokite.
  2. Pridėkite atsiskaitymo informaciją, net jei jums niekada nebus suteikta sąskaita.
  3. Pridėkite API raktą prie „Google“ žemėlapių įterpimo kodo arba papildinio nustatymų.

Kaip gauti „Google Maps“ API raktą

Toliau pateikiami veiksmai, kaip gauti „Google“ žemėlapių API raktą.

žingsnis 1

Eikite į „Google Cloud Platform Console“. Jei dar neturite paskyros, susikurkite ją – tai nemokama.

žingsnis 2

Pasirinkite arba sukurkite projektą.

žingsnis 3

Nustatykite atsiskaitomąją paskyrą. Net jei jums reikės pateikti kredito kortelę, niekada neturėtumėte būti apmokestinti, nebent viršysite didelius naudojimo apribojimus.

žingsnis 4

Jūsų bus paprašyta pasirinkti vieną ar daugiau produktų. Tai priklauso nuo naudojamo žemėlapio tipo. Pavyzdžiui, jei į „WordPress“ svetainę įterpiate žemėlapį be papildinio (kaip parodyta tolesniuose žingsniuose), tuomet turėtumėte pasirinkti „Google Maps Embed“ API.

Google Maps Embed API

Google Maps Embed API

Jei naudojate papildinį, pvz., „Google“ žemėlapių valdiklį (kaip parodyta toliau pateiktuose žingsniuose), tuomet turėtumėte pasirinkti „Google Maps Static“ API.

Jei naudojate trečiosios šalies papildinį arba temą, jie turėtų turėti dokumentus, kuriuose nurodoma, kokio tipo „Google“ žemėlapių diegimas jie naudojami. Nesijaudinkite, visada galite pridėti kelis tipus ir vėliau juos pakeisti.

žingsnis 5

Spustelėkite „Įjungti“.

Įgalinti Google Maps API

Įgalinti Google Maps API

žingsnis 6

Spustelėkite „API“, tada dalyje „Kredencialai“ pamatysite savo API raktą.

Google Maps API raktas

Google Maps API raktas

žingsnis 7

Jei tiesiog įdedate „Google“ žemėlapių API raktą, jis šaltinio kode bus rodomas paprastu tekstu. Todėl turėtumėte tai apriboti, kitaip žmonės gali naudoti jūsų API raktą savo „WordPress“ svetainėje ar projektuose ir padidinti jūsų naudojimą.

Norėdami tai padaryti, tiesiog spustelėkite API rakto pavadinimą ir galėsite pridėti apribojimą. Jūsų „WordPress“ svetainei turėtų pakakti tiesiog pridėti HTTP persiuntimo URL. Toks kaip https://yourdomain.com/*. Tai leis skambinti tik jūsų svetainėje.

„Google Maps“ API rakto apribojimas

„Google Maps“ API rakto apribojimas

Kaip pridėti „Google“ žemėlapius „WordPress“ be papildinio

Jei norite tiesiog įterpti paprastą žemėlapį ir jums nereikia detalesnių funkcijų, pvz., pasirinktinių vietos žymeklių ar kitų komentarų, galite įterpti „Google“ žemėlapius be papildinio naudodami įprastą „Google“ žemėlapių svetainę, kurią naudojate kasdien.

Štai kaip tai veikia ...

1 veiksmas: nukopijuokite „Google“ žemėlapių įterpimo kodą

Norėdami pradėti, naudokite „Google“ žemėlapių svetainę, kad sukurtumėte žemėlapį, kurį norite įterpti.

Pavyzdžiui, jei norite įterpti vietos žymeklį, atidarykite tą vietą „Google“ žemėlapiuose. Arba, jei norite įterpti nuorodas, atidarykite nuorodas „Google“ žemėlapiuose.

Kai turėsite norimą įterpti žemėlapį, spustelėkite mėsainių meniu viršutiniame kairiajame kampe:

Kaip pasiekti įterpimo kodą

Kaip pasiekti įterpimo kodą

Meniu elementų sąraše pasirinkite parinktį Bendrinkite arba įdėkite žemėlapį:

Atidarykite įdėjimo parinktis

Atidarykite įdėjimo parinktis

Tai atvers a Dalintis iššokantis langas. Tame iššokančiajame lange spustelėkite Įterpti žemėlapį skirtukas.

Tada išskleidžiamajame meniu galite pasirinkti norimą dydį. Daugumoje „WordPress“ svetainių numatytasis dydis veikia gerai, tačiau, jei reikia, žemėlapį galite padidinti arba sumažinti.

Kai tai padarysite, spustelėkite Nukopijuokite HTML mygtuką, norėdami nukopijuoti įterpimo kodą:

„WordPress“ „Google“ žemėlapių įterpimo kodas

„Google“ žemėlapių įterpimo kodas

Tada prie kodo turėsite pridėti savo API raktą. Taigi jūsų kodas turėtų atrodyti maždaug taip:

2 veiksmas: pridėkite „Google“ žemėlapių įterpimo kodą į „WordPress“ svetainę

Dabar viskas, ką jums reikia padaryti, tai pridėti šį įterpimo kodą į savo „WordPress“ svetainę įraše ar puslapyje, kuriame norite įtraukti žemėlapį.

Jei naudojate naują „WordPress Gutenberg“ blokų rengyklę, išleistą kartu su „WordPress 5.0“, tai galite padaryti pridėdami Pasirinktinis HTML blokuoti ir įklijuoti įdėjimo kodą į bloką. Nepamirškite pridėti savo API rakto.

Kaip pridėti įterpimo kodą „WordPress“ blokų rengyklėje

Kaip pridėti įterpimo kodą „WordPress“ blokų rengyklėje

Galite peržiūrėti, kaip atrodys jūsų žemėlapis, spustelėdami Peržiūrėti mygtuką virš bloko.

Jei vis dar naudojate klasikinę TinyMCE redaktorių, galite pridėti „Google“ žemėlapių įterpimo kodą atidarę Tekstas skirtuką ir įklijuokite kodą ten:

Kaip pridėti įterpimo kodą „WordPress Classic“ redaktoriuje

Kaip pridėti įterpimo kodą „WordPress Classic“ redaktoriuje

Kai pridėsite kodą, galėsite grįžti į regėjimo skirtuką, kad pamatytumėte tiesioginę žemėlapio peržiūrą.

Štai ir viskas! Ką tik išmokote pridėti „Google“ žemėlapius „WordPress“ be papildinio.

Naudokite „Google“ mano žemėlapius, kad įterptumėte sudėtingesnius žemėlapius be papildinio

Jei norite būti kūrybiškesni, kai kalbama apie tokius dalykus kaip keli vietovių žymekliai, pasirinktiniai komentarai ir pan., vis tiek galite tai padaryti nenaudodami papildinio su „Google“ mano žemėlapių paslauga.

Mano žemėlapiai yra oficialus „Google“ įrankis, leidžiantis kurti ir bendrinti savo tinkintus žemėlapius. Su juo galite sukurti kažką panašaus į toliau pateiktą pavyzdį su daugybe pasirinktinių žymeklių ir tinkintos informacijos, kuri rodoma, kai vartotojas spustelėja žymeklį:

„Google“ mano žemėlapių pavyzdys

„Google“ mano žemėlapių pavyzdys

Štai kaip jį naudoti norint pridėti tinkintus „Google“ žemėlapius prie „WordPress“.

1 veiksmas: sukurkite žemėlapį „Google“ mano žemėlapiuose

Norėdami pradėti, eikite į „Google“ mano žemėlapius ir sukurkite naują žemėlapį. Iš ten galite naudoti žemėlapių kūrimo priemonės sąsają, kad sukurtumėte žemėlapį:

„Google“ mano žemėlapių sąsaja

„Google“ mano žemėlapių sąsaja

Nors mes to neaprašysime per daug išsamiai, ši sąsaja leidžia sukurti gana kūrybingus žemėlapius. Norėdami pažvelgti giliau, šiame „Google“ pagalbos straipsnyje aprašoma daug svarbių funkcijų.

2 veiksmas: sugeneruokite įterpimo kodą

Kai baigsite kurti žemėlapį, turite sugeneruoti įdėjimo kodą.

Tačiau, kad galėtumėte gauti šį kodą, pirmiausia turite padaryti savo žemėlapį viešą. Norėdami tai padaryti, spustelėkite Dalintis mygtuką. Tada spustelėkite pokytis…iššokančiajame lange:

„Google“ mano žemėlapių bendrinimo nustatymai

„Google“ mano žemėlapių bendrinimo nustatymai

Tada pasirinkite On - Vieša žiniatinklyje ir spauskite Sutaupote:

Įjunkite nuorodų bendrinimą

Įjunkite nuorodų bendrinimą

Kai tai padarysite, spustelėkite šalia žemėlapio pavadinimo esantį išskleidžiamąjį meniu ir pasirinkite Įterpti į mano svetainę Norėdami sugeneruoti tikrąjį įterpimo kodą:

Pasiekite Mano žemėlapių įterpimo kodą

Pasiekite Mano žemėlapių įterpimo kodą

Bus atidarytas iššokantis langas su kodu, kurį turėtumėte nukopijuoti. Nepamirškite pridėti savo API rakto.

Mano žemėlapių įterpimo kodas

Mano žemėlapių įterpimo kodas

3 veiksmas: pridėkite įterpimo kodą į „WordPress“ svetainę

Dabar galite pridėti šį įterpimo kodą į savo „WordPress“ svetainę, kaip ir įterpimo kodą, kurį gaunate iš įprastos „Google“ žemėlapių svetainės.

Jei nesate tikri, kaip tai padaryti, spustelėkite čia, kad pereitumėte į tą mokymo programos skyrių iš viršaus.

Vietoj to naudokite „WordPress“ „Google“ žemėlapių papildinį

Be anksčiau pateiktų rankinių metodų, taip pat yra daugybė „WordPress“ „Google“ žemėlapių papildinių, kurie gali padėti įterpti žemėlapius į savo svetainę.

Yra keletas priežasčių, dėl kurių galbūt norėsite apsvarstyti vieną iš šių papildinių, o ne rankinius metodus:

  • Jie leidžia kurti sudėtingesnius žemėlapius naudojant paprastą sąsają.
  • Viską galite padaryti neišeidami iš „WordPress“ prietaisų skydelio.
  • Kai kurie iš jų yra susiję su „WordPress“. Pavyzdžiui, galite susieti žemėlapio žymeklius su „WordPress“ įrašais.
  • Kai kurie iš jų gali padėti optimizuoti „Google“ žemėlapių našumą (daugiau apie tai vėliau).

Norėdami pradėti dėti žemėlapius, visiems šiems papildiniams turėsite sugeneruoti savo „Google Maps“ API raktą. Šioje pamokoje parodyta, kaip tai padaryti.

Kovojate su prastovomis ir „WordPress“ problemomis? Behmaster yra prieglobos sprendimas, skirtas sutaupyti jūsų laiką! Peržiūrėkite mūsų funkcijas

"Google Maps" widget

„Google“ žemėlapių valdiklis yra paprastas „Google“ žemėlapių papildinys, leidžiantis įterpti žemėlapį naudojant „Google Maps Static“ API, kuri siūlo našumą palankesnį metodą, įterpiant statinį vaizdą, o ne interaktyvų žemėlapį (daugiau apie tai paaiškinsime kitame skyriuje).

Tai puikus pasirinkimas, jei norite kažko paprasto ir lengvo. Kai jį suaktyvinsite, turėsite paimti „Google Maps“ API raktą ir prijungti jį prie papildinio nustatymų. „Google“ žemėlapį galite pridėti prie bet kurios svetainės valdiklio srities. Tada lankytojai gali atidaryti didesnę interaktyvią žemėlapio versiją šviesdėžėje:

„Google“ žemėlapių valdiklio sąsaja

„Google“ žemėlapių valdiklio sąsaja

Jei norite, taip pat galite iš karto naudoti interaktyvų žemėlapį, o „Pro“ versija leidžia įterpti žemėlapius bet kurioje svetainės vietoje su trumpuoju kodu.

„Google Maps Easy“

„Google Maps Easy“ padeda kurti tinkintus žemėlapius su savo žymekliais ir komentarais.

Kai pridedate žymeklius, galite įkelti savo pasirinktines piktogramas, įtraukti tekstą ir vaizdus į žymeklio aprašą ir dar daugiau. Taip pat galite valdyti, kaip veikia jūsų žemėlapis, pvz., pasirinkti, ar leisti naudotojams priartinti, ar ne:

„Google Maps“ paprasta sąsaja

„Google Maps“ paprasta sąsaja

Sukūrę žemėlapį, galite jį įterpti naudodami trumpąjį kodą arba PHP funkciją.

Intergeo

„Intergeo“ yra dar viena populiari parinktis, leidžianti kurti savo žemėlapius su pasirinktiniais žymekliais ir valdyti žemėlapio funkcijas.

Įdiegę ir suaktyvinę papildinį galėsite kurti žemėlapius tiesiai iš „WordPress“ prietaisų skydelio:

Intergeo sąsaja

Intergeo sąsaja

Tada galite įterpti juos bet kurioje savo svetainės vietoje naudodami trumpąjį kodą.

Gutenbergo blokas, skirtas „Google“ žemėlapių įterpimui

„Gutenberg Block“, skirta „Google Maps Embed“, yra paprastas papildinys, kuris prideda specialų „Google“ žemėlapių bloką prie naujojo „WordPress Gutenberg“ blokų rengyklės.

Naudodami šį bloką galite įterpti bet kurį adresą ir pasirinkti:

  • Matmenys
  • Padidinti lygis
  • Interaktyvus žemėlapis vs statinis žemėlapis (vėlgi, pastarasis metodas padeda pagerinti našumą)

Tai neleis jums sukurti savo tinkintų žemėlapių, tačiau tai yra patogi parinktis, jei naudojate naują blokų rengyklę ir tiesiog norite paprasto būdo įtraukti keletą paprastų žemėlapių.

„Google“ žemėlapiai gali sulėtinti jūsų „WordPress“ svetainę – neleiskite

Nors „Google“ žemėlapiai leidžia į savo svetainę įterpti daugybę puikių funkcijų su savo interaktyviais žemėlapiais, yra kompromisas dėl našumo, nes reikia įkelti daug scenarijų, kad veiktų visos šios interaktyvios funkcijos.

Trumpai tariant, interaktyvių „Google“ žemėlapių įterpimas gali sulėtinti jūsų svetainę.

Yra keletas būdų, kaip su tuo kovoti.

Pirma, jei jums nereikia, kad žmonės galėtų interaktyviai naršyti jūsų žemėlapį savo svetainėje, paprastas būdas pagreitinti darbą be jokių trečiųjų šalių įrankių yra:

  • Padarykite žemėlapio ekrano kopiją, kurią norite naudoti savo svetainėje
  • Susiekite tą ekrano kopiją su žemėlapiu „Google“ žemėlapių svetainėje arba vartotojui spustelėjus atidarykite šviesdėžės iššokantįjį langą su interaktyviu žemėlapiu.

Tokiu būdu jūsų svetainė tiesiog įkelia įprastą vaizdą – ne visus su „Google“ žemėlapiais susietus scenarijus.

Kaip alternatyvą tai padaryti rankiniu būdu, taip pat galite naudoti nemokamą AWEOS Google Maps iframe įkėlimą už paspaudimą papildinį. Šis papildinys automatiškai pakeičia „Google“ žemėlapių įterpimus bendru rezervuotos vietos vaizdu. Tada, jei vartotojas spustelėja Įkelti žemėlapį mygtuką, bus įkeltas visas „Google“ žemėlapių įterpimas:

„Google“ žemėlapių rezervuotos vietos vaizdas

„Google“ žemėlapių rezervuotos vietos vaizdas

Arba taip pat galite naudoti „Google“ žemėlapių statinę API, kuri grąžina įprastą vaizdą be jokio „JavaScript“. Kai kurie „Google“ žemėlapių papildiniai, įskaitant „Google“ žemėlapių valdiklį ir „Gutenberg Block“, skirtą „Google Maps Embed“, leidžia naudoti statinę API, kai kuriate žemėlapius.

Tačiau suprantame, kad kartais šis statinis požiūris tiesiog nepadės, ir daugelis žmonių nori iš karto įterpti interaktyvią „Google“ žemėlapių patirtį.

Jei taip, kitas geras būdas pagreitinti „Google“ žemėlapius – naudoti tingus krovimas. Kai įkeliamas atidėtas, jūsų svetainė lauks, kol bus įkelti visi žemiau matomos ribos esantys „Google“ žemėlapių įterpimai, kol lankytojai pradės slinkti puslapiu žemyn. Dėl to jūsų pradinis puslapis įkeliamas greitai, tačiau vis tiek galite įterpti interaktyvų „Google“ žemėlapių turinį.

Jau rašėme apie tai, kaip tingiai įkelti vaizdus ir vaizdo įrašus, tai ta pati idėja ir „Google“ žemėlapiams.

Yra keli papildiniai, kurie leis tai padaryti. Pavyzdžiui, a3 Lazy Load papildinys leidžia tingiai įkelti iframe įterpimus, įskaitant „Google“ žemėlapius:

Tingus įkėlimas Google Maps

Tingus įkėlimas Google Maps

Kiti variantai yra:

  • BJ Tingus Apkrovos
  • Tinginys „WP Rocket“
  • Lengvas tingus krautuvas

Santrauka

Jei norite tiesiog įterpti paprastą žemėlapį į savo svetainę, galite pridėti „Google“ žemėlapius prie „WordPress“ be papildinio, naudodami integruotą įterpimo kodo funkciją. Arba galite naudoti „Google“ mano žemėlapių įrankį, kad sukurtumėte savo tinkintą žemėlapį ir jį įterptumėte.

Be šių neautomatinių metodų, taip pat yra daugybė „Google“ žemėlapių „WordPress“ papildinių, kurie gali suteikti jums daug valdymo neišeidami iš „WordPress“ prietaisų skydelio.

Nesvarbu, kokį metodą pasirinksite, atkreipkite dėmesį į „Google“ žemėlapių naudojimo poveikį našumui. Stenkitės naudoti „Google“ žemėlapius tik tada, kai tai absoliučiai būtina, ir apsvarstykite tokias taktikas kaip vietos žymeklio vaizdai arba tingus įkėlimas, kad sumažintumėte neigiamą poveikį našumui.

Ar turite kitų klausimų apie „Google“ žemėlapių naudojimą „WordPress“? Praneškite mums komentaruose!

Susiję straipsniai

0 komentarai
Inline atsiliepimai
Peržiūrėti visus komentarus
Atgal į viršų mygtukas