Kuinka lisätä Google Mapsin WordPressiin

Jos olet rakentanut verkkosivuston paikalliselle yrityksellesi, erityisesti kivijalkakaupalle, WordPress-verkkosivustollasi pitäisi olla Google Maps -osio, joka korostaa sen sijaintia. Kartan upottaminen verkkosivustoosi on myös erinomaista paikallisille hakukoneoptimoinneille, koska Google sijoittaa sen korkeammalle hakutuloksissa.

Onneksi Google Mapsin upottaminen myymäläsi tai toimistosi sijaintiin on helppoa WordPressissä. Aloita lukemalla.

Kuinka lisätä Google Maps WordPressiin ilman APIa tai laajennusta

Tämä on yksinkertaisin tapa lisätä Google Maps WordPress-blogiisi tai -verkkosivustoosi. Se sisältää kaksi laajaa vaihetta: upotuslinkin kopioiminen ja linkin liittäminen WordPress-koodilohkoon . Noudata alla olevia ohjeita.

Google Mapsin upotuslinkin hankkiminen

1. Avaa Google Maps verkossa.
2. Kirjoita tai etsi sijainti, jonka haluat upottaa hakukenttään.
   
3. Napsauta Jaa , siirry kohtaan Upota kartta , valitse haluamasi koko ja napsauta Kopioi HTML .

Upotuslinkin liittäminen WordPressiin

1. Kirjaudu sisään WordPress-hallintapaneeliisi.
2. Napsauta Sivut ja sitten Lisää uusi sivu (Voit käyttää uutta viestiä tai muokata vanhaa sivua, jos haluat).
   
3. Napsauta + -painiketta ja valitse sitten Muokattu HTML .
   
4. Liitä kopioimasi Google-kartan upotuslinkki. Tallenna ja julkaise sitten sivusi.
   

Google Mapsin lisääminen API:lla WordPressiin

Jos kirjoitat blogia WordPressillä , voit upottaa Google Mapsin API:lla, vaikka sinun on käytettävä Maps-laajennusta saavuttaaksesi tämän. Tässä esimerkissä käytämme WP Go Maps -laajennusta, mutta voit kokeilla muitakin. Mutta ensin meidän on hankittava API.

Kuinka saada Google Maps API

Voit käyttää ilmaisia ​​API-ominaisuuksia pienyrityksille, mutta edistyneet sovellusliittymät maksavat noin 7 dollaria kuukaudessa ja skaalautuvat sen mukaan, kuinka monta näyttökertaa saat. Hankitun API:n avulla voit lisätä Google-kartan verkkosivustollesi. Google Map API:n saamiseksi sinun on määritettävä laskutus oikein Google Cloud Consolessa. Kun laskutus on määritetty, jatka alla oleviin vaiheisiin Google Cloud Consolessa.

1. Napsauta vasemmassa yläkulmassa olevaa Hampurilaista ja napsauta Sovellusliittymät ja palvelut .
   
2. Valitse Ota käyttöön sovellusliittymät ja palvelut .
3. Napsauta Hampurilaista , vie hiiri API:t ja palvelut ja napsauta Kirjasto .
   
4. Napsauta Mapsissa Näytä kaikki .
5. Napsauta Mapsin JavaScript-sovellusliittymää ja napsauta sen Ota käyttöön -painiketta.
   
6. Palaa API Library - sivulle ja toista vaihe 5 Directions API , Geocoding API , Geolocation API ja Places API varten .
7. Napsauta Hampurilaista , vie hiiren osoitin APIs & Services -kohtaan ja napsauta sitten Tunnistetiedot .
   
8. Napsauta näytön yläreunassa Luo kirjautumistiedot -vaihtoehtoa ja valitse API-avain .
   
9. Valitse Muokkaa API-avainta -vaihtoehto.
   
10. Valitse Verkkosivustot -valintanappi ja napsauta LISÄÄ .
    
11. Syötä verkkosivustosi URL-osoite, napsauta Valmis ja sen jälkeen Tallenna .
    
12. Napsauta Näytä avain -vaihtoehtoa ja kopioi API-avain.
    

WP Maps -laajennuksen lataaminen

Käytämme tässä esimerkissä WP Go Mapsia. Lataa se noudattamalla alla olevia ohjeita.

1. Avaa WordPressin kojelauta, napsauta   valikkopalkissa  Plugins ja napsauta  sivun yläreunassa Lisää uusi laajennus .
   
2. Etsi WP Go Maps ja napsauta Asenna nyt -vaihtoehtoa ensimmäisen laajennuksen kohdalla ja napsauta sitten Aktivoi , kun asennus on valmis.
3. Napsauta vasemmassa ruudussa Mapsin asetukset, napsauta Lisäasetukset - välilehteä , syötä API-avain ja napsauta Tallenna asetukset oikeassa alakulmassa.
   
4. Valitse vasemmasta ruudusta Kartat , lisää osoitteesi Osoite/GPS- kenttään ja napsauta Lisää merkki -painiketta.
   

Karttalohkon lisääminen

Kun API on yhdistetty, WP Go Maps luo koodilohkon, jota voit käyttää verkkosivustollasi:

1. Avaa WordPress-hallintapaneeli ja avaa viesti tai sivu, jossa tarvitset kartan.
2. Valitse + -painike yläreunasta, hae Kartta ja valitse Kartta .
   
3. Tallenna ja julkaise sivu nyt .
4. Käytä oikealla olevia lisäasetuksia mukauttaaksesi, miltä lohko näyttää sivulla.

Widgetin lisääminen

Vaihtoehtoisesti voit lisätä karttaasi pienen widgetin, kuten verkkosivuston alatunnisteen. Näin:

1. Avaa WordPressin hallintapaneeli.
2. Valitse Ulkoasu ja napsauta Widgetit .
   
3. Laajenna WP Go Maps , valitse sijainti ja napsauta Lisää widget .
   
4. Muokkaa widgetin kokoa ja sitä, miten tarra nimetään kartalla.

Vaikka WP Go Mapsin pitäisi saada työ valmiiksi, se ei ole ainoa laajennus, joka voi tehdä niin.

Voit selata WordPress-laajennuskauppaa löytääksesi muita laajennuksia, jotka upottavat karttalohkoja Google Mapsiin. Joitakin parempia vaihtoehtoja ovat:

• Google Maps -widget
• Google Maps Easy
• Intergeo

Kun olet ladannut ja ottanut käyttöön laajennuksen, jokaisella pitäisi olla lyhyt opetusohjelma Google Mapsin API-avaimen liittämisestä, jotta WordPress voi käyttää Googlen karttaa. Loppu on sinusta kiinni.

Käytä karttaintegroitua WordPress-teemaa

Sen lisäksi, että käytät laajennuksia kartan luomiseen verkkosivustollesi, voit myös valita teeman vaihtoehdolla alusta alkaen.

Et kuitenkaan todennäköisesti löydä ilmaista teemaa Google Maps -upotuksella. Yksi paremmista versioista on Divi, joka maksaa noin 90 dollaria vuodessa, jos käytät tilausta. Sen muut ominaisuudet, kuten tekoälyavusteinen verkkosivustojen luominen ja monet ammattimaiset mallit, tekevät siitä kuitenkin erinomaisen valinnan.

Aseta itsesi kartalle WordPressin avulla

Upottamalla myymäläsi Google Maps -sijainnin WordPress-sivustollesi helpotat potentiaalisten asiakkaiden ja asiakkaiden löytämistä paikalliseen yritykseesi. Pelaa karttasijoittelua ja luo selkeä yhteyssivu saadaksesi parhaat tulokset.

Seuraavaksi sinun pitäisi oppia määrittämään oletusteema WordPressissä .

UKK

Mihin laitan Google Maps API -avaimen WordPressiin?

Voit upottaa sen WordPress-koodilohkoon tai käyttämällä laajennusta. Jotkut näistä laajennuksista voivat tarjota widgetejä, joihin upotat API-avaimen.

Kuinka lisään Google-kartan WordPressiin ilman laajennuksia?

Tietty prosessi riippuu käyttämästäsi laajennuksesta. API-avaimet kuitenkin yleensä menevät API-kenttään, joka löytyy laajennuksen Lisäasetukset-vaihtoehdosta.