{"id":33697,"date":"2020-01-29T03:56:55","date_gmt":"2020-01-29T11:56:55","guid":{"rendered":"https:\/\/kinsta.com\/?p=38977"},"modified":"2020-02-21T20:50:01","modified_gmt":"2020-02-21T20:50:01","slug":"wordpress-google-maps","status":"publish","type":"post","link":"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/","title":{"rendered":"WordPress Google Maps-guide: B\u00e4dda in med eller utan plugin"},"content":{"rendered":"<p>Letar du efter ett s\u00e4tt att b\u00e4dda in WordPress Google Maps-inneh\u00e5ll p\u00e5 din webbplats?<\/p>\n<p>Liksom m\u00e5nga saker i WordPress finns det flera olika s\u00e4tt att b\u00e4dda in Google Maps p\u00e5 din webbplats beroende p\u00e5 vilken typ av kartinneh\u00e5ll du vill inkludera.<\/p>\n<p>I det h\u00e4r inl\u00e4gget b\u00f6rjar vi med att visa dig hur du l\u00e4gger till Google Maps i WordPress utan ett plugin. Sedan rekommenderar vi n\u00e5gra plugins som <i>kan<\/i> hj\u00e4lpa dig att b\u00e4dda in Google Maps, liksom n\u00e5gra av f\u00f6rdelarna med det tillv\u00e4gag\u00e5ngss\u00e4ttet. Vi dyker ocks\u00e5 in i hur du anv\u00e4nder Google Maps API korrekt, vilket nu kr\u00e4vs.<\/p>\n<p>Slutligen slutar vi med n\u00e5gra prestanda\u00f6verv\u00e4ganden f\u00f6r att anv\u00e4nda Google Maps p\u00e5 WordPress och dela n\u00e5gra tips om hur du f\u00e5r din WordPress-webbplats att ladda snabbt \u00e4ven om du beh\u00f6ver b\u00e4dda in Google Maps.<\/p>\n<p>Du kan klicka nedan f\u00f6r att hoppa direkt till ett visst avsnitt eller bara l\u00e4sa igenom hela guiden.<\/p>\n<ul>\n<li><a href=\"#google-maps-api\">Google Maps API kr\u00e4vs nu<\/a><\/li>\n<li><a href=\"#withoutplugin\">S\u00e5 h\u00e4r l\u00e4gger du till Google Maps i WordPress utan ett plugin<\/a><\/li>\n<li><a href=\"#plugins\">WordPress Google Maps plugins som ger dig mer flexibilitet<\/a><\/li>\n<li><a href=\"#performance\">Google Maps prestandaeffekt och tips f\u00f6r att f\u00f6rb\u00e4ttra prestanda<\/a><\/li>\n<\/ul>\n<h2><a id=\"google-maps-api\"><\/a>Google Maps API kr\u00e4vs nu<\/h2>\n<p>Fr\u00e5n och med den 11 juni 2018 <strong>kr\u00e4vs nu en API-nyckel f\u00f6r Google Maps<\/strong>. Om du redan har implementerat Google Maps p\u00e5 din webbplats och det inte l\u00e4ngre fungerar kan detta vara anledningen. Eller snarare, du saknar API-nyckeln.\u00a0Den goda nyheten \u00e4r att f\u00f6r 99% av er b\u00f6r det fortfarande vara gratis. Nedan visar vi <a href=\"https:\/\/cloud.google.com\/maps-platform\/pricing\/sheet\/\">kostnaden f\u00f6r Google Maps API<\/a>.<\/p>\n<figure style=\"width: 1533px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/01\/google-maps-api-prissattning.jpg\" alt=\"Google Maps API priss\u00e4ttning\" width=\"1533\" height=\"1243\"><figcaption class=\"wp-caption-text\">Google Maps API priss\u00e4ttning<\/figcaption><\/figure>\n<p>Google ger dig ocks\u00e5 en \u00e5terkommande $200 kredit p\u00e5 ditt faktureringskonto varje m\u00e5nad f\u00f6r att kompensera dina anv\u00e4ndningskostnader. Du kan se h\u00e4r att om du inte genererar tusentals f\u00f6rfr\u00e5gningar, b\u00f6r att anv\u00e4nda Google Maps p\u00e5 din webbplats inte kosta dig n\u00e5got.<\/p>\n<p>Vad mer har f\u00f6r\u00e4ndrats? Ingenting, men du m\u00e5ste nu g\u00f6ra f\u00f6ljande om du vill anv\u00e4nda Google Maps i WordPress:<\/p>\n<ol>\n<li>Registrera dig f\u00f6r ett Google Cloud Platform Console-konto och konfigurera det.<\/li>\n<li>L\u00e4gg till din faktureringsinformation, \u00e4ven om du kanske aldrig kommer faktureras.<\/li>\n<li>L\u00e4gg till API-nyckeln till din Google Maps inb\u00e4ddningskod eller plugininst\u00e4llningar.<\/li>\n<\/ol>\n<h3>S\u00e5 h\u00e4r f\u00e5r du en API-nyckel f\u00f6r Google Maps<\/h3>\n<p>Nedan ser du hur du f\u00e5r din Google Maps API-nyckel.<\/p>\n<h3>Steg 1<\/h3>\n<p>G\u00e5 till <a href=\"https:\/\/cloud.google.com\/console\/google\/maps-apis\/overview\">Google Cloud Platform Console<\/a>. Om du inte har ett konto \u00e4nnu, skapa ett, det \u00e4r gratis.<\/p>\n<h3>Steg 2<\/h3>\n<p>V\u00e4lj eller skapa ett projekt.<\/p>\n<h3>Steg 3<\/h3>\n<p>Skapa ett faktureringskonto. \u00c4ven om de kommer att kr\u00e4va att du sparar ett kreditkort b\u00f6r du aldrig debiteras, om du inte g\u00e5r \u00f6ver de h\u00f6ga anv\u00e4ndningsgr\u00e4nserna.<\/p>\n<h3>Steg 4<\/h3>\n<p>Du kommer att bli ombedd att v\u00e4lja en eller flera produkter. Detta beror p\u00e5 vilken typ av karta du anv\u00e4nder. Till exempel, om du b\u00e4ddar in en karta p\u00e5 din WordPress-webbplats <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/#withoutplugin\">utan ett plugin<\/a> (som visas i stegen nedan), d\u00e5 du skulle v\u00e4lja Google Maps Embed API.<\/p>\n<figure style=\"width: 1536px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/01\/google-maps-embed-api-se.png\" alt=\"Google Maps Embed API\" width=\"1536\" height=\"878\"><figcaption class=\"wp-caption-text\">Google Maps Embed API<\/figcaption><\/figure>\n<p>Om du anv\u00e4nder ett plugin som <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/#plugins\">Google Maps Widget<\/a> (som visas i stegen nedan), d\u00e5 du skulle v\u00e4lja Google Maps Static API.<\/p>\n<p>Om du anv\u00e4nder ett plugin eller ett tema fr\u00e5n tredje part borde de ha dokumentation om vilken typ av distribution av Google Maps de anv\u00e4nder. Oroa dig inte, du kan alltid l\u00e4gga till flera typer och \u00e4ndra dessa senare.<\/p>\n<h3>Steg 5<\/h3>\n<p>Klicka p\u00e5 &#8221;Aktivera&#8221;.<\/p>\n<figure style=\"width: 1444px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/01\/aktivera-google-maps-api.png\" alt=\"Aktivera Google Maps API\" width=\"1444\" height=\"411\"><figcaption class=\"wp-caption-text\">Aktivera Google Maps API<\/figcaption><\/figure>\n<h3>Steg 6<\/h3>\n<p>Klicka p\u00e5 &#8221;API&#8221; och sedan kommer du att se din API-nyckels &#8221;Referensuppgifter&#8221;.<\/p>\n<figure style=\"width: 2229px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/01\/google-maps-api-nyckel-se.png\" alt=\"Google Maps API-nyckel\" width=\"2229\" height=\"690\"><figcaption class=\"wp-caption-text\">Google Maps API-nyckel<\/figcaption><\/figure>\n<h3>Steg 7<\/h3>\n<p>Om du helt enkelt b\u00e4ddar in din Google Maps API-nyckel kommer det att visas i oformatterad text i k\u00e4llkoden. D\u00e4rf\u00f6r b\u00f6r du begr\u00e4nsa detta, annars kan folk anv\u00e4nda din API-nyckel p\u00e5 deras WordPress-webbplats eller projekt och driva upp din anv\u00e4ndning.<\/p>\n<p>F\u00f6r att g\u00f6ra detta, klicka bara p\u00e5 din API-nyckels namn och det l\u00e5ter dig l\u00e4gga till en begr\u00e4nsning. F\u00f6r din WordPress-webbplats, borde det r\u00e4cka att helt enkelt l\u00e4gga till en HTTP-h\u00e4nvisare. S\u00e5som <code>https:\/\/yourdomain.com\/*<\/code>. Detta g\u00f6r det m\u00f6jligt att bara ringa anrop p\u00e5 din webbplats.<\/p>\n<figure style=\"width: 1438px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/01\/google-maps-api-nyckelbegransning.png\" alt=\"Google Maps API-nyckelbegr\u00e4nsning\" width=\"1438\" height=\"1000\"><figcaption class=\"wp-caption-text\">Google Maps API-nyckelbegr\u00e4nsning<\/figcaption><\/figure>\n<h2><a id=\"withoutplugin\"><\/a>S\u00e5 h\u00e4r l\u00e4gger du till Google Maps i WordPress utan ett plugin<\/h2>\n<p>Om du bara vill b\u00e4dda in en enkel karta och inte beh\u00f6ver mer detaljerad funktionalitet som anpassade platsmark\u00f6rer eller andra anteckningar, kan du b\u00e4dda in Google Maps utan ett plugin med den vanliga Google Maps-webbplatsen som du anv\u00e4nder dagligen.<\/p>\n<p>S\u00e5 h\u00e4r fungerar det\u2026<\/p>\n<h3>Steg 1: Kopiera Google Maps Inb\u00e4ddningskod<\/h3>\n<p>F\u00f6r att komma ig\u00e5ng, anv\u00e4nd webbplatsen Google Maps f\u00f6r att skapa kartan som du vill b\u00e4dda in.<\/p>\n<p>Om du till exempel vill b\u00e4dda in en platsmark\u00f6r \u00f6ppnar du den platsen i Google Maps. Eller, om du vill b\u00e4dda in v\u00e4ganvisningar, \u00f6ppna v\u00e4ganvisningarna i Google Maps.<\/p>\n<p>N\u00e4r du har kartan som du vill b\u00e4dda in klickar du p\u00e5 hamburgermenyn i \u00f6vre v\u00e4nstra h\u00f6rnet:<\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/01\/sahar-far-tillgang-inbaddningskoden.png\" alt=\"S\u00e5 h\u00e4r f\u00e5r du tillg\u00e5ng till inb\u00e4ddningskoden\" width=\"1050\" height=\"654\"><figcaption class=\"wp-caption-text\">S\u00e5 h\u00e4r f\u00e5r du tillg\u00e5ng till inb\u00e4ddningskoden<\/figcaption><\/figure>\n<p>I listan \u00f6ver menyalternativ v\u00e4ljer du alternativet f\u00f6r <strong>Dela eller b\u00e4dda in karta<\/strong>:<\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/01\/oppna-inbaddningsalternativen.png\" alt=\"\u00d6ppna inb\u00e4ddningsalternativen\" width=\"1050\" height=\"768\"><figcaption class=\"wp-caption-text\">\u00d6ppna inb\u00e4ddningsalternativen<\/figcaption><\/figure>\n<p>Det kommer att \u00f6ppna upp en <strong>Delnings-popup<\/strong>. I den popupmenyn, klicka p\u00e5 fliken <strong>B\u00e4dda in en karta<\/strong>.<\/p>\n<p>Sedan kan du v\u00e4lja \u00f6nskad storlek med hj\u00e4lp av rullgardinsmenyn. F\u00f6r de flesta WordPress-webbplatser fungerar standardstorleken bra, men du kan g\u00f6ra kartan st\u00f6rre eller mindre om det beh\u00f6vs.<\/p>\n<p>N\u00e4r du har gjort det, klicka p\u00e5 <strong>Kopiera HTML<\/strong>-knappen f\u00f6r att kopiera inb\u00e4ddningskoden:<\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/01\/google-maps-inbaddningskod.png\" alt=\"Google Maps inb\u00e4ddningskod\" width=\"1050\" height=\"762\"><figcaption class=\"wp-caption-text\">Google Maps inb\u00e4ddningskod<\/figcaption><\/figure>\n<p>Du kommer sedan att beh\u00f6va l\u00e4gga till din API-nyckel i koden. S\u00e5 din kod borde se ut ungef\u00e4r s\u00e5 h\u00e4r:<\/p>\n<pre>&lt;iframe src=\"https:\/\/www.google.com\/maps\/embed\/v1\/search?key=<strong>YOUR_API_KEY<\/strong>&parameters allowfullscreen&gt;&lt;\/iframe&gt;<\/pre>\n<h3><a id=\"addcode\"><\/a>Steg 2: L\u00e4gg till Google Maps inb\u00e4ddningskod till en WordPress-webbplats<\/h3>\n<p>Allt du nu beh\u00f6ver g\u00f6ra \u00e4r att l\u00e4gga till den inb\u00e4ddningskoden till din WordPress-webbplats i inl\u00e4gget eller sidan d\u00e4r du vill inkludera din karta.<\/p>\n<p>Om du anv\u00e4nder den <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-gutenberg-redigeraren\/\">nya WordPress Gutenberg-blockredigeraren<\/a> som sl\u00e4pptes med WordPress 5.0, kan du g\u00f6ra det genom att l\u00e4gga till ett <strong>anpassad HTML-block<\/strong> och klistra in inb\u00e4ddningskoden i blocket. <strong>Gl\u00f6m inte att l\u00e4gga till din API-nyckel.<\/strong><\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/01\/sahar-lagger-inbaddningskod-wp-blockredigerare.png\" alt=\"S\u00e5 h\u00e4r l\u00e4gger du till inb\u00e4ddningskod i WordPress blockredigerare\" width=\"1050\" height=\"562\"><figcaption class=\"wp-caption-text\">S\u00e5 h\u00e4r l\u00e4gger du till inb\u00e4ddningskod i WordPress blockredigerare<\/figcaption><\/figure>\n<p>Du kan f\u00f6rhandsgranska hur din karta kommer att se ut genom att klicka p\u00e5 <strong>F\u00f6rhandsgranskningsknappen<\/strong> ovanf\u00f6r blocket.<\/p>\n<p>Om du fortfarande <a href=\"https:\/\/kinsta.com\/se\/blog\/inaktiverar-gutenberg-wordpress-redigerare\/\">anv\u00e4nder den klassiska TinyMCE-redigeraren<\/a> kan du l\u00e4gga till Google Maps inb\u00e4ddningskod genom att \u00f6ppna fliken <strong>Text<\/strong> och klistra in koden d\u00e4r:<\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/01\/lagger-inbaddningskod-wp-klassiska-redigerare.png\" alt=\"S\u00e5 h\u00e4r l\u00e4gger du till inb\u00e4ddningskod i WordPress klassiska redigerare\" width=\"1050\" height=\"577\"><figcaption class=\"wp-caption-text\">S\u00e5 h\u00e4r l\u00e4gger du till inb\u00e4ddningskod i WordPress klassiska redigerare<\/figcaption><\/figure>\n<p>N\u00e4r du har lagt till koden kan du g\u00e5 tillbaka till fliken <strong>Visual<\/strong> f\u00f6r att se en live-f\u00f6rhandsvisning av din karta.<\/p>\n<p>Och det var allt! Du har nyss l\u00e4rt dig hur du l\u00e4gger till Google Maps i WordPress utan ett plugin.<\/p>\n<h2>Anv\u00e4nd Googles Mina Kartor f\u00f6r att b\u00e4dda in mer komplicerade kartor utan ett plugin<\/h2>\n<p>Om du vill bli mer kreativ n\u00e4r det g\u00e4ller saker som flera platsmark\u00f6rer, anpassade anteckningar etc., kan du fortfarande g\u00f6ra det utan att beh\u00f6va ett plugin med Googles Mina Kartor-tj\u00e4nst.<\/p>\n<p>Mina kartor \u00e4r ett officiellt verktyg fr\u00e5n Google som l\u00e5ter dig skapa och dela dina egna kartor. Med det kan du skapa n\u00e5got som exemplet nedan, med massor av anpassade mark\u00f6rer och anpassad information som visas n\u00e4r en anv\u00e4ndare klickar p\u00e5 en mark\u00f6r:<\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/01\/exempel-googles-mina-kartor.png\" alt=\"Exempel p\u00e5 Googles Mina kartor\" width=\"1050\" height=\"686\"><figcaption class=\"wp-caption-text\">Exempel p\u00e5 Googles Mina kartor<\/figcaption><\/figure>\n<p>S\u00e5 h\u00e4r anv\u00e4nder du tj\u00e4nsten f\u00f6r att l\u00e4gga till anpassade Google Maps till WordPress.<\/p>\n<h3>Steg 1: Skapa din karta i Googles Mina kartor<\/h3>\n<p>F\u00f6r att komma ig\u00e5ng, <a href=\"https:\/\/www.google.com\/maps\/about\/mymaps\/\">Kartor och skapa<\/a> en ny karta. D\u00e4rifr\u00e5n kan du anv\u00e4nda kartbyggargr\u00e4nssnittet f\u00f6r att bygga din karta:<\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/01\/granssnittet-googles-mina-kartor-se.png\" alt=\"Gr\u00e4nssnittet f\u00f6r Googles Mina Kartor\" width=\"1050\" height=\"571\"><figcaption class=\"wp-caption-text\">Gr\u00e4nssnittet f\u00f6r Googles Mina Kartor<\/figcaption><\/figure>\n<p>\u00c4ven om vi inte kommer att t\u00e4cka det i detalj, kan detta gr\u00e4nssnitt l\u00e5ta dig bygga n\u00e5gra ganska kreativa kartor. F\u00f6r en djupare titt <a href=\"https:\/\/www.google.com\/earth\/outreach\/learn\/visualize-your-data-on-a-custom-map-using-google-my-maps\/\">t\u00e4cker den h\u00e4r hj\u00e4lpartikeln fr\u00e5n Google<\/a> mycket av den viktiga funktionaliteten.<\/p>\n<h3>Steg 2: Generera inb\u00e4ddningskod<\/h3>\n<p>N\u00e4r du \u00e4r klar med att bygga din karta m\u00e5ste du skapa inb\u00e4ddningskoden.<\/p>\n<p>Innan du kan f\u00e5 den koden m\u00e5ste du f\u00f6rst g\u00f6ra din karta offentlig. F\u00f6r att g\u00f6ra det, klicka p\u00e5 knappen <strong>Dela<\/strong>. Klicka sedan p\u00e5 <strong>\u00c4ndra&#8230;<\/strong> i popupf\u00f6nstret:<\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/01\/googles-mina-kartor-delningsinstallningar.png\" alt=\"Googles Mina Kartor Delningsinst\u00e4llningar\" width=\"1050\" height=\"352\"><figcaption class=\"wp-caption-text\">Googles Mina Kartor Delningsinst\u00e4llningar<\/figcaption><\/figure>\n<p>V\u00e4lj sedan <strong>P\u00e5 &#8211; Offentligt p\u00e5 webben<\/strong> och klicka p\u00e5 <strong>Spara<\/strong>:<\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/01\/aktivera-lankdelning.png\" alt=\"Aktivera l\u00e4nkdelning\" width=\"1050\" height=\"667\"><figcaption class=\"wp-caption-text\">Aktivera l\u00e4nkdelning<\/figcaption><\/figure>\n<p>N\u00e4r du har gjort det klickar du p\u00e5 rullgardinsmenyn n\u00e4ra kartans titel och v\u00e4ljer <strong>B\u00e4dda in p\u00e5 min webbplats<\/strong> f\u00f6r att generera den faktiska inb\u00e4ddningskoden:<\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/01\/tillgang-inbaddningkoden-mina-kartor.png\" alt=\"F\u00e5 tillg\u00e5ng till inb\u00e4ddningskoden fr\u00e5n Mina Kartor\" width=\"1050\" height=\"469\"><figcaption class=\"wp-caption-text\">F\u00e5 tillg\u00e5ng till inb\u00e4ddningskoden fr\u00e5n Mina Kartor<\/figcaption><\/figure>\n<p>Det \u00f6ppnar en popup med koden, som du ska kopiera. <strong>Gl\u00f6m inte att l\u00e4gga till din API-nyckel.<\/strong><\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/01\/inbaddningskoden-fran-mina-karton.png\" alt=\"Inb\u00e4ddningskoden fr\u00e5n Mina Kartor\" width=\"1050\" height=\"586\"><figcaption class=\"wp-caption-text\">Inb\u00e4ddningskoden fr\u00e5n Mina Kartor<\/figcaption><\/figure>\n<h3>Steg 3: L\u00e4gg till inb\u00e4ddningskod till en WordPress-webbplats<\/h3>\n<p>Nu kan du l\u00e4gga till inb\u00e4ddningskoden till din WordPress-webbplats precis som du skulle b\u00e4dda in koden som du f\u00e5r fr\u00e5n den vanliga Google Maps-webbplatsen.<\/p>\n<p>Om du inte \u00e4r s\u00e4ker p\u00e5 hur man g\u00f6r det, <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/#addcode\">klicka h\u00e4r f\u00f6r att hoppa till den delen av handledningen ovanifr\u00e5n<\/a>.<\/p>\n<h2><a id=\"plugins\"><\/a>Anv\u00e4nd ett Google Maps-plugin f\u00f6r WordPress ist\u00e4llet<\/h2>\n<p>Ut\u00f6ver de manuella metoderna ovan finns det ocks\u00e5 massor av Google Maps-plugins f\u00f6r WordPress som kan hj\u00e4lpa dig att b\u00e4dda in kartor p\u00e5 din webbplats.<\/p>\n<p>Det finns n\u00e5gra anledningar till att du kanske vill \u00f6verv\u00e4ga ett av dessa plugins \u00f6ver de manuella metoderna:<\/p>\n<ul>\n<li>De l\u00e5ter dig skapa mer komplicerade kartor med ett enkelt gr\u00e4nssnitt.<\/li>\n<li>Du kan g\u00f6ra allt utan att beh\u00f6va l\u00e4mna din WordPress-panel.<\/li>\n<li>N\u00e5gra av dem l\u00e4nkar till WordPress. Till exempel kanske du kan l\u00e4nka kartmark\u00f6rer till ett WordPress-inl\u00e4gg.<\/li>\n<li>N\u00e5gra av dem kan hj\u00e4lpa dig att optimera Google Maps f\u00f6r prestanda (<i>mer om detta senare<\/i>).<\/li>\n<\/ul>\n<p>F\u00f6r alla dessa plugins m\u00e5ste du skapa din egen API-nyckel f\u00f6r Google Maps innan du kan b\u00f6rja b\u00e4dda in kartor. <a href=\"https:\/\/supsystic.com\/documentation\/create-google-maps-api-key\/\">Denna handledning<\/a> visar dig hur man g\u00f6r det.<\/p>\n<h3>Google Maps Widget<\/h3>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/google-maps-widget\/\">Google Maps Widget<\/a> \u00e4r ett enkelt Google Maps-plugin som l\u00e5ter dig b\u00e4dda in en karta med hj\u00e4lp av Google Maps Static API, som erbjuder en mer prestandav\u00e4nlig strategi genom att b\u00e4dda in en statisk bild snarare \u00e4n en interaktiv karta (<i>vi kommer att f\u00f6rklara mer om detta i n\u00e4sta avsnitt<\/i>).<\/p>\n<p>Det \u00e4r ett bra alternativ om du vill ha n\u00e5got enkelt och l\u00e4tt. N\u00e4r du har aktiverat det m\u00e5ste du ta din <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/#google-maps-api\">Google Maps API-nyckel<\/a> och koppla in den i pluginets inst\u00e4llningar. Du kan l\u00e4gga till en Google-karta till ett widgetomr\u00e5de p\u00e5 din webbplats. Sedan kan bes\u00f6kare \u00f6ppna en st\u00f6rre interaktiv version av kartan i en lightbox:<\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/01\/google-maps-widget-granssnittet.png\" alt=\"Google Maps Widget-gr\u00e4nssnittet\" width=\"1050\" height=\"763\"><figcaption class=\"wp-caption-text\">Google Maps Widget-gr\u00e4nssnittet<\/figcaption><\/figure>\n<p>Du kan ocks\u00e5 anv\u00e4nda en interaktiv karta direkt om s\u00e5 \u00f6nskas, och Pro-versionen l\u00e5ter dig b\u00e4dda in kartor var som helst p\u00e5 din webbplats med en kortkod.<\/p>\n<h3>Google Maps Easy<\/h3>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/google-maps-easy\/\">Google Maps Easy<\/a> hj\u00e4lper dig att skapa egna kartor med egna mark\u00f6rer och anteckningar.<\/p>\n<p>N\u00e4r du l\u00e4gger till mark\u00f6rer har du m\u00f6jlighet att ladda upp dina egna ikoner, inkludera text och bilder i mark\u00f6rbeskrivningen och mycket mer. Du kan ocks\u00e5 styra hur din karta fungerar, som att v\u00e4lja om du vill l\u00e5ta anv\u00e4ndare zooma in eller inte:<\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/01\/google-maps-easy-granssnittet.png\" alt=\"Google Maps Easy-gr\u00e4nssnittet\" width=\"1050\" height=\"656\"><figcaption class=\"wp-caption-text\">Google Maps Easy-gr\u00e4nssnittet<\/figcaption><\/figure>\n<p>N\u00e4r du bygger din karta kan du b\u00e4dda in den med antingen en kortkod eller PHP-funktion.<\/p>\n<h3>Intergeo<\/h3>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/intergeo-maps\/\">Intergeo<\/a> \u00e4r ett annat popul\u00e4rt alternativ som l\u00e5ter dig skapa dina egna kartor med anpassade mark\u00f6rer och ha kontroll \u00f6ver kartfunktioner.<\/p>\n<p>N\u00e4r du har installerat och aktiverat pluginet kommer du att kunna bygga dina kartor direkt fr\u00e5n din WordPress-panel:<\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/01\/intergeo-granssnitt.png\" alt=\"Intergeo-gr\u00e4nssnitt\" width=\"1050\" height=\"587\"><figcaption class=\"wp-caption-text\">Intergeo-gr\u00e4nssnitt<\/figcaption><\/figure>\n<p>Sedan kan du b\u00e4dda in dem var som helst p\u00e5 din webbplats med hj\u00e4lp av en kortkod.<\/p>\n<h3>Gutenberg Block For Google Maps Embed<\/h3>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/embed-gutenberg-block-google-maps\/\">Gutenberg Block For Google Maps Embed \u00e4r<\/a> ett enkelt plugin som l\u00e4gger till ett dedikerat Google Maps-block till WordPress nya Gutenberg blockredigerare.<\/p>\n<p>Med det h\u00e4r blocket kan du b\u00e4dda in vilken adress som helst och ocks\u00e5 v\u00e4lja:<\/p>\n<ul>\n<li>M\u00e5tt<\/li>\n<li>Zoomniv\u00e5<\/li>\n<li>Interaktiv karta vs statisk karta (<i>igen, den senare metoden hj\u00e4lper till med prestanda)<\/i><\/li>\n<\/ul>\n<p>Det l\u00e5ter dig inte skapa egna kartor &#8211; men det \u00e4r ett bekv\u00e4mt alternativ om du anv\u00e4nder den nya blockredigeraren och bara vill ha ett enkelt s\u00e4tt att inkludera n\u00e5gra enkla kartor.<\/p>\n<h2><a id=\"performance\"><\/a>Google Maps kan sakta ner din WordPress webbplats &#8211; Hindra det<\/h2>\n<p>Medan Google Maps l\u00e5ter dig b\u00e4dda in massor av cool funktionalitet till din webbplats med sina interaktiva kartor, finns det en kostnad i form av s\u00e4mre prestanda eftersom det m\u00e5ste ladda ett stort antal skript f\u00f6r att driva alla dessa interaktiva funktioner.<\/p>\n<p>L\u00e5ng historia kort, att b\u00e4dda in interaktiva Google Maps kan sakta ner din webbplats.<\/p>\n<p>Det finns n\u00e5gra metoder du kan anv\u00e4nda f\u00f6r att bek\u00e4mpa detta.<\/p>\n<p>F\u00f6rst, om dina bes\u00f6kare inte beh\u00f6ver kunna interaktivt s\u00f6ka i din karta <i>p\u00e5 din webbplats,<\/i> \u00e4r ett enkelt s\u00e4tt att <a href=\"https:\/\/kinsta.com\/se\/lar\/snabba-upp-wordpress\/\">p\u00e5skynda saker och ting<\/a> utan n\u00e5gra verktyg fr\u00e5n tredje part att:<\/p>\n<ul>\n<li>Ta en sk\u00e4rmdump av kartan som ska anv\u00e4ndas p\u00e5 din webbplats<\/li>\n<li>L\u00e4nka sk\u00e4rmdumpen till kartan p\u00e5 Google Maps webbplats, eller \u00f6ppna en lightbox-popup med den interaktiva kartan n\u00e4r en anv\u00e4ndare klickar p\u00e5 den.<\/li>\n<\/ul>\n<p>P\u00e5 s\u00e5 s\u00e4tt laddar din webbplats bara en vanlig bild &#8211; inte alla skript som \u00e4r associerade med Google Maps.<\/p>\n<p>Som ett alternativ till att g\u00f6ra detta manuellt, kan du ocks\u00e5 anv\u00e4nda gratispluginet <a href=\"https:\/\/wordpress.org\/plugins\/aweos-google-maps-iframe-load-per-click\/\">AWEOS Google Maps Iframe load per click<\/a>. Detta plugin ers\u00e4tter automatiskt Google Maps inb\u00e4ddningar med en generisk platsh\u00e5llarbild. Sedan, om en anv\u00e4ndare klickar p\u00e5 knappen <strong>Ladda Karta,<\/strong> kommer det att ladda hela Google Maps inb\u00e4ddade karta:<\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/01\/google-maps-platshallarbild.png\" alt=\"Google Maps platsh\u00e5llarbild\" width=\"1050\" height=\"775\"><figcaption class=\"wp-caption-text\">Google Maps platsh\u00e5llarbild<\/figcaption><\/figure>\n<p>Du kan ocks\u00e5 anv\u00e4nda Google Maps Static API, som returnerar en vanlig bild utan JavaScript. Vissa Google Maps-plugins \u2013 inklusive <a href=\"https:\/\/wordpress.org\/plugins\/google-maps-widget\/\">Google Maps Widget<\/a> och <a href=\"https:\/\/wordpress.org\/plugins\/embed-gutenberg-block-google-maps\/\">Gutenberg Block For Google Maps Embed<\/a> &#8211; l\u00e5ter dig anv\u00e4nda Static API n\u00e4r du skapar dina kartor.<\/p>\n<p>Men vi inser att ibland kommer denna statiska strategi helt enkelt inte duga, och m\u00e5nga m\u00e4nniskor vill b\u00e4dda in den interaktiva Google Maps-upplevelsen direkt.<\/p>\n<p>Om s\u00e5 \u00e4r fallet \u00e4r ett annat bra s\u00e4tt att snabba upp Google Maps att anv\u00e4nda <strong>latladdning<\/strong>. Med latladdning kommer din webbplats att v\u00e4nta med att ladda Google Maps-inb\u00e4ddningar som \u00e4r l\u00e4ngre ner p\u00e5 sidan tills bes\u00f6karna b\u00f6rjar skrolla ned\u00e5t. Det g\u00f6r dina f\u00f6rstasides-laddningstider snabba, samtidigt som du b\u00e4ddar in interaktivt Google Maps-inneh\u00e5ll.<\/p>\n<p>Vi har redan skrivit om <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-latladdning\/\">hur man latladdar bilder och videor<\/a> och det \u00e4r samma id\u00e9 f\u00f6r Google Maps.<\/p>\n<p>Det finns n\u00e5gra plugins som l\u00e5ter dig g\u00f6ra detta. Till exempel l\u00e5ter <a href=\"https:\/\/wordpress.org\/plugins\/a3-lazy-load\/\">a3 Lazy Load<\/a> dig att latladda <a href=\"https:\/\/kinsta.com\/se\/blog\/iframe-kod-wordpress-webbplats\/\">Iframe-inb\u00e4ddningar<\/a> vilket inkluderar Google Maps:<\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/01\/latladda-google-maps.png\" alt=\"Latladda Google Maps\" width=\"1050\" height=\"649\"><figcaption class=\"wp-caption-text\">Latladda Google Maps<\/figcaption><\/figure>\n<p>Andra alternativ:<\/p>\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/bj-lazy-load\/\" target=\"_blank\" rel=\"noopener noreferrer\">BJ Lazy Load<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/rocket-lazy-load\/\" target=\"_blank\" rel=\"noopener noreferrer\">Lazy Load by WP Rocket<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/easy-lazy-loader\/\" target=\"_blank\" rel=\"noopener noreferrer\">Easy Lazy Loader<\/a><\/li>\n<\/ul>\n<h2>Sammanfattning<\/h2>\n<p>Om du bara vill b\u00e4dda in en enkel karta p\u00e5 din webbplats, kan du l\u00e4gga till Google Maps till WordPress utan ett plugin med hj\u00e4lp av den inbyggda inb\u00e4ddningskodfunktionen. Eller s\u00e5 kan du anv\u00e4nda verktyget Google Mina Kartor f\u00f6r att skapa en egen anpassad karta och b\u00e4dda in den.<\/p>\n<p>Ut\u00f6ver dessa manuella metoder, finns ocks\u00e5 gott om Google Maps-plugins f\u00f6r WordPress som kan ge dig massor av kontroll utan att du beh\u00f6ver l\u00e4mna din WordPress-panel<\/p>\n<p>Oavsett vilken metod du v\u00e4ljer, var uppm\u00e4rksam p\u00e5 prestandaeffekten av att anv\u00e4nda Google Maps. F\u00f6rs\u00f6k att bara anv\u00e4nda Google Maps n\u00e4r det \u00e4r absolut n\u00f6dv\u00e4ndigt och fundera p\u00e5 taktiker som platsh\u00e5llarbilder eller latladdning f\u00f6r att <a href=\"https:\/\/kinsta.com\/se\/lar\/snabba-upp-wordpress\/\">minska den negativa effekten p\u00e5 prestandan<\/a>.<\/p>\n<p>Har du n\u00e5gra andra fr\u00e5gor om att anv\u00e4nda Google Maps p\u00e5 WordPress? L\u00e5t oss veta i kommentarerna!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Letar du efter ett s\u00e4tt att b\u00e4dda in WordPress Google Maps-inneh\u00e5ll p\u00e5 din webbplats? Liksom m\u00e5nga saker i WordPress finns det flera olika s\u00e4tt att b\u00e4dda &#8230;<\/p>\n","protected":false},"author":38,"featured_media":33720,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[204,29],"topic":[],"class_list":["post-33697","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-googlemaps","tag-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>WordPress Google Maps-guide: B\u00e4dda in med eller utan plugin<\/title>\n<meta name=\"description\" content=\"Kolla in dessa olika s\u00e4tt p\u00e5 vilka du kan b\u00e4dda in Google Maps-inneh\u00e5ll i WordPress, anv\u00e4nda Google Maps API, och hur du kan hindra det fr\u00e5n att sakta ner din webbplats.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WordPress Google Maps-guide: B\u00e4dda in med eller utan plugin\" \/>\n<meta property=\"og:description\" content=\"Kolla in dessa olika s\u00e4tt p\u00e5 vilka du kan b\u00e4dda in Google Maps-inneh\u00e5ll i WordPress, anv\u00e4nda Google Maps API, och hur du kan hindra det fr\u00e5n att sakta ner din webbplats.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstasweden\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/fm.brianleejackson\" \/>\n<meta property=\"article:published_time\" content=\"2020-01-29T11:56:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-02-21T20:50:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/wordpress-google-maps-guide.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Brian Jackson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Kolla in dessa olika s\u00e4tt p\u00e5 vilka du kan b\u00e4dda in Google Maps-inneh\u00e5ll i WordPress, anv\u00e4nda Google Maps API, och hur du kan hindra det fr\u00e5n att sakta ner din webbplats.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/wordpress-google-maps-guide.png\" \/>\n<meta name=\"twitter:creator\" content=\"@brianleejackson\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_se\" \/>\n<meta name=\"twitter:label1\" content=\"Skriven av\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brian Jackson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 minuter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/\"},\"author\":{\"name\":\"Brian Jackson\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\"},\"headline\":\"WordPress Google Maps-guide: B\u00e4dda in med eller utan plugin\",\"datePublished\":\"2020-01-29T11:56:55+00:00\",\"dateModified\":\"2020-02-21T20:50:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/\"},\"wordCount\":2957,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/se\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/wordpress-google-maps-guide.png\",\"keywords\":[\"googlemaps\",\"WordPress\"],\"articleSection\":[\"De b\u00e4sta handledningarna f\u00f6r WordPress\"],\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/\",\"url\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/\",\"name\":\"WordPress Google Maps-guide: B\u00e4dda in med eller utan plugin\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/se\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/wordpress-google-maps-guide.png\",\"datePublished\":\"2020-01-29T11:56:55+00:00\",\"dateModified\":\"2020-02-21T20:50:01+00:00\",\"description\":\"Kolla in dessa olika s\u00e4tt p\u00e5 vilka du kan b\u00e4dda in Google Maps-inneh\u00e5ll i WordPress, anv\u00e4nda Google Maps API, och hur du kan hindra det fr\u00e5n att sakta ner din webbplats.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/wordpress-google-maps-guide.png\",\"contentUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/wordpress-google-maps-guide.png\",\"width\":1460,\"height\":730,\"caption\":\"WordPress Google Maps-guide: B\u00e4dda in med eller utan plugin\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/se\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress Google Maps-guide: B\u00e4dda in med eller utan plugin\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/se\/#website\",\"url\":\"https:\/\/kinsta.com\/se\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snabba, s\u00e4kra, premium hosting-l\u00f6sningar\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/se\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/se\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/se\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/se\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstasweden\/\",\"https:\/\/x.com\/kinsta_se\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\",\"name\":\"Brian Jackson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g\",\"caption\":\"Brian Jackson\"},\"description\":\"Brian has a huge passion for WordPress, has been using it for over a decade, and even develops a couple of premium plugins. Brian enjoys blogging, movies, and hiking. Connect with Brian on Twitter.\",\"sameAs\":[\"https:\/\/www.facebook.com\/fm.brianleejackson\",\"https:\/\/www.linkedin.com\/in\/brianleejackson\",\"https:\/\/x.com\/brianleejackson\"],\"url\":\"https:\/\/kinsta.com\/se\/blog\/author\/brianjackson\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"WordPress Google Maps-guide: B\u00e4dda in med eller utan plugin","description":"Kolla in dessa olika s\u00e4tt p\u00e5 vilka du kan b\u00e4dda in Google Maps-inneh\u00e5ll i WordPress, anv\u00e4nda Google Maps API, och hur du kan hindra det fr\u00e5n att sakta ner din webbplats.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/","og_locale":"sv_SE","og_type":"article","og_title":"WordPress Google Maps-guide: B\u00e4dda in med eller utan plugin","og_description":"Kolla in dessa olika s\u00e4tt p\u00e5 vilka du kan b\u00e4dda in Google Maps-inneh\u00e5ll i WordPress, anv\u00e4nda Google Maps API, och hur du kan hindra det fr\u00e5n att sakta ner din webbplats.","og_url":"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstasweden\/","article_author":"https:\/\/www.facebook.com\/fm.brianleejackson","article_published_time":"2020-01-29T11:56:55+00:00","article_modified_time":"2020-02-21T20:50:01+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/wordpress-google-maps-guide.png","type":"image\/png"}],"author":"Brian Jackson","twitter_card":"summary_large_image","twitter_description":"Kolla in dessa olika s\u00e4tt p\u00e5 vilka du kan b\u00e4dda in Google Maps-inneh\u00e5ll i WordPress, anv\u00e4nda Google Maps API, och hur du kan hindra det fr\u00e5n att sakta ner din webbplats.","twitter_image":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/wordpress-google-maps-guide.png","twitter_creator":"@brianleejackson","twitter_site":"@kinsta_se","twitter_misc":{"Skriven av":"Brian Jackson","Ber\u00e4knad l\u00e4stid":"15 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/"},"author":{"name":"Brian Jackson","@id":"https:\/\/kinsta.com\/se\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7"},"headline":"WordPress Google Maps-guide: B\u00e4dda in med eller utan plugin","datePublished":"2020-01-29T11:56:55+00:00","dateModified":"2020-02-21T20:50:01+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/"},"wordCount":2957,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/se\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/wordpress-google-maps-guide.png","keywords":["googlemaps","WordPress"],"articleSection":["De b\u00e4sta handledningarna f\u00f6r WordPress"],"inLanguage":"sv-SE","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/","url":"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/","name":"WordPress Google Maps-guide: B\u00e4dda in med eller utan plugin","isPartOf":{"@id":"https:\/\/kinsta.com\/se\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/wordpress-google-maps-guide.png","datePublished":"2020-01-29T11:56:55+00:00","dateModified":"2020-02-21T20:50:01+00:00","description":"Kolla in dessa olika s\u00e4tt p\u00e5 vilka du kan b\u00e4dda in Google Maps-inneh\u00e5ll i WordPress, anv\u00e4nda Google Maps API, och hur du kan hindra det fr\u00e5n att sakta ner din webbplats.","breadcrumb":{"@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/"]}]},{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/#primaryimage","url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/wordpress-google-maps-guide.png","contentUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/wordpress-google-maps-guide.png","width":1460,"height":730,"caption":"WordPress Google Maps-guide: B\u00e4dda in med eller utan plugin"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-google-maps\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/se\/"},{"@type":"ListItem","position":2,"name":"WordPress Google Maps-guide: B\u00e4dda in med eller utan plugin"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/se\/#website","url":"https:\/\/kinsta.com\/se\/","name":"Kinsta\u00ae","description":"Snabba, s\u00e4kra, premium hosting-l\u00f6sningar","publisher":{"@id":"https:\/\/kinsta.com\/se\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/se\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sv-SE"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/se\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/se\/","logo":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstasweden\/","https:\/\/x.com\/kinsta_se","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/se\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7","name":"Brian Jackson","image":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinsta.com\/se\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g","caption":"Brian Jackson"},"description":"Brian has a huge passion for WordPress, has been using it for over a decade, and even develops a couple of premium plugins. Brian enjoys blogging, movies, and hiking. Connect with Brian on Twitter.","sameAs":["https:\/\/www.facebook.com\/fm.brianleejackson","https:\/\/www.linkedin.com\/in\/brianleejackson","https:\/\/x.com\/brianleejackson"],"url":"https:\/\/kinsta.com\/se\/blog\/author\/brianjackson\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/33697","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/comments?post=33697"}],"version-history":[{"count":3,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/33697\/revisions"}],"predecessor-version":[{"id":33722,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/33697\/revisions\/33722"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/33697\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/33697\/translations\/it"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/33697\/translations\/fr"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/33697\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/33697\/translations\/pt"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/33697\/translations\/nl"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/33697\/translations\/de"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/33697\/translations\/se"},{"href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/33697\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/media\/33720"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/media?parent=33697"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/tags?post=33697"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/topic?post=33697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}