{"id":24197,"date":"2019-02-26T04:07:58","date_gmt":"2019-02-26T12:07:58","guid":{"rendered":"https:\/\/kinsta.com\/?p=38977"},"modified":"2025-02-26T05:52:24","modified_gmt":"2025-02-26T08:52:24","slug":"wordpress-google-maps","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/wordpress-google-maps\/","title":{"rendered":"Guia do Google Maps no WordPress: Incorporado Com ou Sem Plugin"},"content":{"rendered":"<p>Procurando por uma forma de incorporar conte\u00fado do Google Maps em seu site WordPress?<\/p>\n<p>Como muitas coisas no WordPress, existem muitas formas diferentes para incorporar o Google Maps em seu site, dependendo de qual tipo de mapa voc\u00ea deseja incluir.<\/p>\n<p>Neste post, come\u00e7aremos mostrando como voc\u00ea pode adicionar Google Maps no WordPress sem um plugin. Em seguida, recomendaremos alguns plugins que <i>podem<\/i> ajud\u00e1-lo a incluir o Google Maps, bem como alguns benef\u00edcios de adotar essa abordagem. Tamb\u00e9m entraremos em detalhes sobre como usar a API do Google Maps de forma adequada, algo que agora \u00e9 obrigat\u00f3rio.<\/p>\n<p>Por fim, encerraremos com algumas considera\u00e7\u00f5es sobre desempenho de utiliza\u00e7\u00e3o do Google Maps no WordPress e compartilharemos dicas sobre como manter seu site WordPress carregando rapidamente, mesmo que seja necess\u00e1rio incorporar o Google Maps.<\/p>\n<p>Voc\u00ea pode clicar em uma das op\u00e7\u00f5es abaixo para avan\u00e7ar diretamente para uma se\u00e7\u00e3o espec\u00edfica ou apenas leia o artigo inteiro.<\/p>\n<ul>\n<li><a href=\"#google-maps-api\">API do Google Maps agora \u00e9 obrigat\u00f3ria<\/a><\/li>\n<li><a href=\"#withoutplugin\">Como adicionar Google Maps no WordPress sem um plugin<\/a><\/li>\n<li><a href=\"#plugins\">Plugins WordPress para Google Maps que oferecem maior flexibilidade<\/a><\/li>\n<li><a href=\"#performance\">Efeitos sobre o desempenho e dicas para melhorar a performance do Google Maps<\/a><\/li>\n<\/ul>\n<h2><a id=\"google-maps-api\"><\/a>API do Google Maps Agora \u00c9 Obrigat\u00f3ria<\/h2>\n<p>A partir de 11 de junho de 2018, a <strong>chave API passou a ser obrigat\u00f3ria para o Google Maps<\/strong>. Se voc\u00ea j\u00e1 implementou o Google Maps em seu site e ele n\u00e3o est\u00e1 mais funcionando, esse pode ser o motivo. Ou talvez esteja sem a chave API. A boa not\u00edcia \u00e9 que para 99% das pessoas ela ainda dever\u00e1 ser gratuita. Abaixo voc\u00ea encontra a <a href=\"https:\/\/cloud.google.com\/maps-platform\/pricing\/sheet\/\" target=\"_blank\" rel=\"noopener noreferrer\">tabela de pre\u00e7os da API do Google Maps<\/a>.<\/p>\n<figure style=\"width: 1533px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/01\/precos-api-google-maps.jpg\" alt=\"Pre\u00e7os da API do Google Maps\" width=\"1533\" height=\"1243\"><figcaption class=\"wp-caption-text\">Pre\u00e7os da API do Google Maps<\/figcaption><\/figure>\n<p>O Google tamb\u00e9m te oferece um cr\u00e9dito recorrente de US$200 em sua conta de faturamento mensalmente para compensar seus gastos. Assim, a menos que voc\u00ea esteja gerando milhares de solicita\u00e7\u00f5es, usar o Google Maps em seu site n\u00e3o deve envolver custo algum.<\/p>\n<p>Sabe o que mais mudou? Nada, mas agora voc\u00ea precisar seguir as seguintes etapas para usar o Google Maps no WordPress:<\/p>\n<ol>\n<li>Cadastre uma conta no Google Cloud Platform Console e a configure.<\/li>\n<li>Adicione suas informa\u00e7\u00f5es de faturamento, mesmo que voc\u00ea n\u00e3o venha a ser cobrado.<\/li>\n<li>Adicione a chave API ao seu c\u00f3digo de incorpora\u00e7\u00e3o do Google Maps ou \u00e0s configura\u00e7\u00f5es do plugin que estiver usando.<\/li>\n<\/ol>\n<h3>Como Conseguir Uma Chave API do Google Maps<\/h3>\n<p>Abaixo est\u00e3o os passos para conseguir sua chave API do Google Maps.<\/p>\n<h3>Passo 1<\/h3>\n<p>V\u00e1 at\u00e9 o <a href=\"https:\/\/cloud.google.com\/console\/google\/maps-apis\/overview\" target=\"_blank\" rel=\"noopener noreferrer\">Google Cloud Platform Console<\/a>. Se ainda n\u00e3o tiver uma conta, crie uma de gra\u00e7a.<\/p>\n<h3>Passo 2<\/h3>\n<p>Selecione ou crie um projeto.<\/p>\n<h3>Passo 3<\/h3>\n<p>Configure sua conta de faturamento. Mesmo que eles exijam que voc\u00ea informe um n\u00famero de cart\u00e3o de cr\u00e9dito, nunca haver\u00e1 uma cobran\u00e7a, a menos que os altos limites de uso sejam ultrapassados.<\/p>\n<h3>Passo 4<\/h3>\n<p>Ser\u00e1 solicitado que voc\u00ea escolha um ou mais produtos. Isso vai depender do tipo de mapa desejado. Por exemplo, se voc\u00ea estiver incorporando um mapa em seu site WordPress <a href=\"#withoutplugin\">sem um plugin<\/a> (conforme demonstrado nos passos a seguir), o ideal \u00e9 escolher a op\u00e7\u00e3o \u201cMaps Embed API\u201d.<\/p>\n<figure style=\"width: 1536px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/01\/google-maps-embed-api.png\" alt=\"Google Maps Embed API\" width=\"1536\" height=\"878\"><figcaption class=\"wp-caption-text\">Google Maps Embed API<\/figcaption><\/figure>\n<p>Se voc\u00ea estiver usando um plugin como <a href=\"#plugins\">Google Maps Widget<\/a> (demonstrado nas se\u00e7\u00f5es abaixo), sua escolha deve ser \u201cGoogle Maps Static API\u201d.<\/p>\n<p>Se estiver usando um plugin ou tema de terceiros, ele deve oferecer a documenta\u00e7\u00e3o sobre quais tipos de implementa\u00e7\u00e3o do Google Maps s\u00e3o utilizados. N\u00e3o se preocupe, porque voc\u00ea pode adicionar m\u00faltiplos tipos e alter\u00e1-los posteriormente.<\/p>\n<h3>Passo 5<\/h3>\n<p>Clique em \u201cHabilitar\u201d.<\/p>\n<figure style=\"width: 1444px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2019\/01\/enable-google-maps-api.png\" alt=\"Habilitar API do Google Maps\" width=\"1444\" height=\"411\"><figcaption class=\"wp-caption-text\">Habilitar API do Google Maps<\/figcaption><\/figure>\n<h3>Passo 6<\/h3>\n<p>Clique em \u201cAPIs\u201d e na op\u00e7\u00e3o \u201cCredenciais\u201d voc\u00ea encontrar\u00e1 sua chave API.<\/p>\n<figure style=\"width: 2229px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/01\/chave-api-google-maps.png\" alt=\"Chave API do Google Maps\" width=\"2229\" height=\"690\"><figcaption class=\"wp-caption-text\">Chave API do Google Maps<\/figcaption><\/figure>\n<h3>Passo 7<\/h3>\n<p>Se voc\u00ea estiver simplesmente incorporando a chave API do Google Maps, ela ser\u00e1 exibida como texto comum em seu c\u00f3digo-fonte. Assim, o ideal \u00e9 restringi-la, do contr\u00e1rio outras pessoas poderiam usar sua chave API em seus pr\u00f3prios sites WordPress ou projetos e aumentar a quantidade de utiliza\u00e7\u00e3o de sua conta.<\/p>\n<p>Para fazer isso, simplesmente clique no nome da sua chave API e ser\u00e1 permitido que voc\u00ea adicione uma restri\u00e7\u00e3o. Em seu site WordPress, adicionar um HTTP referer deve ser suficiente, como por exemplo <code>https:\/\/seudominio.com\/*<\/code>.\u00a0Isso permite que ele realize chamadas apenas em seu website.<\/p>\n<figure style=\"width: 1438px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/01\/restricao-chave-api-google-maps.png\" alt=\"Restri\u00e7\u00e3o da chave API do Google Maps\" width=\"1438\" height=\"1000\"><figcaption class=\"wp-caption-text\">Restri\u00e7\u00e3o da chave API do Google Maps<\/figcaption><\/figure>\n<h2><a id=\"withoutplugin\"><\/a>Como Adicionar Google Maps no WordPress Sem Um Plugin<\/h2>\n<p>Se voc\u00ea deseja incorporar apenas um mapa simples e n\u00e3o precisa de funcionalidades mais detalhadas como marcadores personalizados de localiza\u00e7\u00f5es ou outras anota\u00e7\u00f5es, pode adicionar o Google Maps sem um plugin atrav\u00e9s do website normal do Google Maps que voc\u00ea utiliza diariamente.<\/p>\n<p>Aqui est\u00e1 como isso funciona&#8230;<\/p>\n<h3>Passo 1: Copie o C\u00f3digo de Incorpora\u00e7\u00e3o do Google Maps<\/h3>\n<p>Para come\u00e7ar, use o website do Google Maps para criar o mapa que voc\u00ea deseja incorporar.<\/p>\n<p>Por exemplo, se deseja adicionar um marcador de local, abra o endere\u00e7o desse lugar no Google Maps, ou se voc\u00ea quiser incorporar dire\u00e7\u00f5es, abra a op\u00e7\u00e3o de rota.<\/p>\n<p>Ap\u00f3s criar o mapa que deseja incorporar em seu site, clique no menu suspenso no canto superior esquerdo:<\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/01\/como-acessar-codigo-incorporar.png\" alt=\"Como acessar o c\u00f3digo para incorporar\" width=\"1050\" height=\"654\"><figcaption class=\"wp-caption-text\">Como acessar o c\u00f3digo para incorporar<\/figcaption><\/figure>\n<p>Na lista de itens do menu, selecione a op\u00e7\u00e3o \u201c<strong>Compartilhar ou incorporar mapa<\/strong>\u201d:<\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption alignleft\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/01\/wordpress-google-maps-2.png\" alt=\"Abra as op\u00e7\u00f5es de incorpora\u00e7\u00e3o\" width=\"1050\" height=\"768\"><figcaption class=\"wp-caption-text\">Abra as op\u00e7\u00f5es de incorpora\u00e7\u00e3o<\/figcaption><\/figure>\n<p>Isso far\u00e1 o pop-up \u201c<strong>Compartilhar<\/strong>\u201d ser aberto. Nela, clique na aba \u201c<strong>Incorporar um mapa<\/strong>\u201d.<\/p>\n<p>Em seguida, ser\u00e1 poss\u00edvel selecionar o tamanho desejado entre as op\u00e7\u00f5es suspensas. Para a maioria dos sites WordPress o tamanho padr\u00e3o funciona bem, mas voc\u00ea pode aumentar ou diminuir as dimens\u00f5es do mapa se desejar.<\/p>\n<p>Ap\u00f3s fazer os ajustes, clique no bot\u00e3o \u201c<strong>Copiar HTML<\/strong>\u201d para copiar o c\u00f3digo de incorpora\u00e7\u00e3o:<\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/01\/wordpress-google-maps-3.png\" alt=\"C\u00f3digo de incorpora\u00e7\u00e3o do Google Maps\" width=\"1050\" height=\"762\"><figcaption class=\"wp-caption-text\">C\u00f3digo de incorpora\u00e7\u00e3o do Google Maps<\/figcaption><\/figure>\n<p>Na sequ\u00eancia, voc\u00ea precisar\u00e1 adicionar sua chave API ao c\u00f3digo. Assim, ele ficar\u00e1 com uma apar\u00eancia semelhante a esta:<\/p>\n<pre><code>&lt;iframe src=\"https:\/\/www.google.com\/maps\/embed\/v1\/search?key=<strong>SUA_CHAVE_API<\/strong>&parameters allowfullscreen&gt;&lt;\/iframe&gt;<\/code><\/pre>\n<h3><a id=\"addcode\"><\/a>Passo 2: Adicione o C\u00f3digo de Incorpora\u00e7\u00e3o do Google Maps ao Site WordPress<\/h3>\n<p>Agora, tudo o que voc\u00ea precisa fazer \u00e9 adicionar o c\u00f3digo de incorpora\u00e7\u00e3o ao seu site WordPress, no post ou p\u00e1gina que deseja incluir o mapa.<\/p>\n<p>Se voc\u00ea estiver usando o <a href=\"https:\/\/kinsta.com\/pt\/blog\/editor-gutenberg-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">novo editor em blocos WordPress Gutenberg<\/a> que foi lan\u00e7ado com o WordPress 5.0, pode fazer isso adicionando um bloco de <strong>HTML Personalizado<\/strong> e colando o c\u00f3digo de incorpora\u00e7\u00e3o nele. <strong>N\u00e3o se esque\u00e7a de adicionar sua chave API<\/strong>.<\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/01\/wordpress-google-maps-4.png\" alt=\"Como adicionar o c\u00f3digo de incorpora\u00e7\u00e3o no editor em blocos do WordPress\" width=\"1050\" height=\"562\"><figcaption class=\"wp-caption-text\">Como adicionar o c\u00f3digo de incorpora\u00e7\u00e3o no editor em blocos do WordPress<\/figcaption><\/figure>\n<p>\u00c9 poss\u00edvel ter uma pr\u00e9via de como seu mapa ficar\u00e1 clicando no bot\u00e3o <strong>Visualizar<\/strong> acima do bloco.<\/p>\n<p>Se voc\u00ea ainda <a href=\"https:\/\/kinsta.com\/pt\/blog\/desabilitar-o-editor-wordpress-gutenberg\/\" target=\"_blank\" rel=\"noopener noreferrer\">usa o editor cl\u00e1ssico TinyMCE<\/a>, pode adicionar o c\u00f3digo de incorpora\u00e7\u00e3o do Google Maps ao abrir a taba <strong>Texto<\/strong> e colar o c\u00f3digo nela:<\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/01\/wordpress-google-maps-5.png\" alt=\"Como adicionar o c\u00f3digo de incorpora\u00e7\u00e3o no editor cl\u00e1ssico do WordPress\" width=\"1050\" height=\"577\"><figcaption class=\"wp-caption-text\">Como adicionar o c\u00f3digo de incorpora\u00e7\u00e3o no editor cl\u00e1ssico do WordPress<\/figcaption><\/figure>\n<p>Ap\u00f3s adicionar o c\u00f3digo, \u00e9 poss\u00edvel voltar para a aba <strong>Visual<\/strong> para observar uma pr\u00e9via real do seu mapa.<\/p>\n<p>E pronto! Voc\u00ea acabou de aprender como adicionar o Google Maps no WordPress sem precisar de nenhum plugin.<\/p>\n<h2>Use o Google My Maps Para Incorporar Mapas Mais Complexos Sem Um Plugin<\/h2>\n<p>Se voc\u00ea quiser ser mais criativo e usar outros recursos como m\u00faltiplos marcadores em locais, anota\u00e7\u00f5es personalizadas, entre outras possibilidades, \u00e9 poss\u00edvel fazer isso sem a necessidade de um plugin com o servi\u00e7o Google My Maps.<\/p>\n<p>O My Maps \u00e9 uma ferramenta oficial do Google que permite a cria\u00e7\u00e3o e compartilhamento de seus pr\u00f3prios mapas personalizados. Com ela, voc\u00ea consegue criar algo como o exemplo abaixo, com muitas marca\u00e7\u00f5es e informa\u00e7\u00f5es personalizadas que s\u00e3o exibidas quando o usu\u00e1rio clica em um dos locais marcados:<\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2019\/01\/wordpress-google-maps-6.png\" alt=\"Exemplo do Google My Maps\" width=\"1050\" height=\"686\"><figcaption class=\"wp-caption-text\">Exemplo do Google My Maps<\/figcaption><\/figure>\n<p>Aqui est\u00e1 como utiliz\u00e1-la para adicionar o Google Maps personalizado no WordPress.<\/p>\n<h3>Passo 1: Crie Seu Mapa no Google My Maps<\/h3>\n<p>Para come\u00e7ar, <a href=\"https:\/\/www.google.com\/maps\/about\/mymaps\/\" target=\"_blank\" rel=\"noopener noreferrer\">v\u00e1 at\u00e9 o Google My Maps<\/a> e crie um novo mapa. Voc\u00ea pode usar a interface de constru\u00e7\u00e3o para desenvolver seu mapa:<\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/01\/wordpress-google-maps-7.png\" alt=\"Interface do Google My Maps\" width=\"1050\" height=\"571\"><figcaption class=\"wp-caption-text\">Interface do Google My Maps<\/figcaption><\/figure>\n<p>N\u00e3o vamos cobrir muitos detalhes, mas essa interface permite que voc\u00ea construa mapas muito criativos. Para um olhar mais profundo, leia <a href=\"https:\/\/www.google.com\/earth\/outreach\/learn\/visualize-your-data-on-a-custom-map-using-google-my-maps\/\" target=\"_blank\" rel=\"noopener noreferrer\">este artigo de ajuda do Google<\/a> que aborda diversas funcionalidades importantes.<\/p>\n<h3>Passo 2: Gere o C\u00f3digo de Incorpora\u00e7\u00e3o<\/h3>\n<p>Quando terminar de construir seu mapa, voc\u00ea precisar\u00e1 gerar o c\u00f3digo de incorpora\u00e7\u00e3o.<\/p>\n<p>Entretanto, antes de conseguir tal c\u00f3digo, \u00e9 necess\u00e1rio tornar seu mapa p\u00fablico. Para fazer isso, clique no bot\u00e3o \u201c<strong>Compartilhar<\/strong>\u201d. Em seguida, clique em \u201c<strong>Alterar<\/strong>\u201d&#8230; no pop-up:<\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/01\/wordpress-google-maps-8.png\" alt=\"Configura\u00e7\u00f5es de compartilhamento do Google My Maps\" width=\"1050\" height=\"352\"><figcaption class=\"wp-caption-text\">Configura\u00e7\u00f5es de compartilhamento do Google My Maps<\/figcaption><\/figure>\n<p>Em seguida, selecione \u201c<strong>Ativado \u2013 P\u00fablico na rede<\/strong>\u201d e clique em \u201c<strong>Salvar<\/strong>\u201d:<\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/01\/wordpress-google-maps-9.png\" alt=\"Ativa\u00e7\u00e3o do compartilhamento de link\" width=\"1050\" height=\"667\"><figcaption class=\"wp-caption-text\">Ativa\u00e7\u00e3o do compartilhamento de link<\/figcaption><\/figure>\n<p>Ap\u00f3s fazer isso, clique no menu suspenso pr\u00f3ximo ao t\u00edtulo do seu mapa e selecione \u201c<strong>Incorporar em meu site<\/strong>\u201d para gerar o c\u00f3digo de incorpora\u00e7\u00e3o real:<\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/01\/wordpress-google-maps-10.png\" alt=\"Acesso ao c\u00f3digo de incorpora\u00e7\u00e3o My Maps\" width=\"1050\" height=\"469\"><figcaption class=\"wp-caption-text\">Acesso ao c\u00f3digo de incorpora\u00e7\u00e3o My Maps<\/figcaption><\/figure>\n<p>Um pop-up com o c\u00f3digo ser\u00e1 aberto e voc\u00ea dever\u00e1 copi\u00e1-lo. <strong>N\u00e3o se esque\u00e7a de adicionar sua chave API<\/strong>.<\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/01\/wordpress-google-maps-11.png\" alt=\"C\u00f3digo de incorpora\u00e7\u00e3o do My Maps\" width=\"1050\" height=\"586\"><figcaption class=\"wp-caption-text\">C\u00f3digo de incorpora\u00e7\u00e3o do My Maps<\/figcaption><\/figure>\n<h3>Passo 3: Adicione o C\u00f3digo de Incorpora\u00e7\u00e3o ao Site WordPress<\/h3>\n<p>Agora voc\u00ea pode adicionar o c\u00f3digo de incorpora\u00e7\u00e3o ao seu site WordPress como se o tivesse obtido do website normal do Google Maps.<\/p>\n<p>Se voc\u00ea n\u00e3o souber como fazer isso, <a href=\"#addcode\">clique aqui para ir at\u00e9 a se\u00e7\u00e3o acima com o tutorial<\/a>.<\/p>\n<h2><a id=\"plugins\"><\/a>Use um Plugin WordPress Para Google Maps<\/h2>\n<p>Al\u00e9m dos m\u00e9todos manuais citados acima, existem diversos plugins WordPress para Google Maps que podem ajud\u00e1-lo a incorporar mapas em seu site.<\/p>\n<p>H\u00e1 algumas raz\u00f5es que voc\u00ea talvez queira considerar para optar por um dos plugins ao inv\u00e9s dos m\u00e9todos manuais:<\/p>\n<ul>\n<li>Eles permitem que voc\u00ea crie mapas mais complexos em uma interface simples.<\/li>\n<li>Voc\u00ea pode fazer tudo sem ter que sair do seu painel WordPress.<\/li>\n<li>Alguns deles fazem vincula\u00e7\u00f5es ao WordPress. Por exemplo, voc\u00ea \u00e9 capaz de vincular marcadores de mapas aos posts WordPress.<\/li>\n<li>Alguns deles podem ajud\u00e1-lo a otimizar o Google Maps para melhorar o desempenho (<i>mais sobre isso adiante<\/i>).<\/li>\n<\/ul>\n<p>Para todos esses plugins, voc\u00ea precisar\u00e1 gerar sua pr\u00f3pria chave API do Google Maps antes de come\u00e7ar a incorporar mapas. <a href=\"https:\/\/supsystic.com\/documentation\/create-google-maps-api-key\/\" target=\"_blank\" rel=\"noopener noreferrer\">Esse tutorial<\/a> mostra como fazer isso.<\/p>\n<h3>Google Maps Widget<\/h3>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/google-maps-widget\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google Maps Widget<\/a>\u00a0\u00e9 um plugin simples para Google Maps que permite que voc\u00ea incorpore um mapa usando Google Maps Static API, uma op\u00e7\u00e3o que oferece uma abordagem mais adequada para o desempenho ao incorporar uma imagem est\u00e1tica ao inv\u00e9s de um mapa interativo (<i>explicaremos isso mais a fundo na pr\u00f3xima se\u00e7\u00e3o<\/i>).<\/p>\n<p>Essa \u00e9 uma excelente op\u00e7\u00e3o se voc\u00ea deseja algo simples e leve. Ap\u00f3s fazer a ativa\u00e7\u00e3o, ser\u00e1 necess\u00e1rio inserir sua <a href=\"#google-maps-api\">chave API do Google Maps<\/a> nas configura\u00e7\u00f5es do plugin. \u00c9 poss\u00edvel adicionar um mapa do Google em qualquer \u00e1rea de widget em seu site. Assim, os visitantes podem abrir uma vers\u00e3o interativa maior em uma lightbox:<\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/01\/wordpress-google-maps-plugins-1.png\" alt=\"Interface do Google Maps Widget\" width=\"1050\" height=\"763\"><figcaption class=\"wp-caption-text\">Interface do Google Maps Widget<\/figcaption><\/figure>\n<p>Voc\u00ea tamb\u00e9m pode usar um mapa interativo diretamente se preferir, enquanto a vers\u00e3o Pro permite incorporar mapas em qualquer local de seu site com um shortcode.<\/p>\n<h3>Google Maps Easy<\/h3>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/google-maps-easy\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google Maps Easy<\/a>\u00a0te ajuda a criar mapas personalizados com seus pr\u00f3prios marcadores e anota\u00e7\u00f5es.<\/p>\n<p>Quando voc\u00ea adiciona marcadores, tem a capacidade de carregar seus pr\u00f3prios \u00edcones personalizados, incluir textos e imagens em suas descri\u00e7\u00f5es e muito mais. Tamb\u00e9m \u00e9 poss\u00edvel controlar como o mapa funciona, determinando se os usu\u00e1rios podem ou n\u00e3o usar o zoom:<\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/01\/wordpress-google-maps-plugins-2.png\" alt=\"Interface do Google Maps Easy\" width=\"1050\" height=\"656\"><figcaption class=\"wp-caption-text\">Interface do Google Maps Easy<\/figcaption><\/figure>\n<p>Ap\u00f3s criar seu mapa, voc\u00ea pode incorpor\u00e1-lo usando um shortcode ou fun\u00e7\u00e3o PHP.<\/p>\n<h3>Intergeo<\/h3>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/intergeo-maps\/\" target=\"_blank\" rel=\"noopener noreferrer\">Intergeo<\/a>\u00a0\u00e9 outra op\u00e7\u00e3o popular que permite que voc\u00ea crie seus pr\u00f3prios mapas com marcadores personalizados e tenha controle sobre todas as funcionalidades.<\/p>\n<p>Ap\u00f3s instalar e ativar o plugin, voc\u00ea ser\u00e1 capaz de construir seus mapas diretamente em seu painel WordPress:<\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/01\/wordpress-google-maps-plugins-3.png\" alt=\"Interface do Intergeo\" width=\"1050\" height=\"587\"><figcaption class=\"wp-caption-text\">Interface do Intergeo<\/figcaption><\/figure>\n<p>Em seguida, poder\u00e1 incorporar os mapas em qualquer lugar do seu site usando um shortcode.<\/p>\n<h3>Gutenberg Block For Google Maps Embed<\/h3>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/embed-gutenberg-block-google-maps\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg Block For Google Maps Embed<\/a>\u00a0\u00e9 um plugin simples que adiciona um bloco dedicado do Google Maps ao novo editor WordPress Gutenberg.<\/p>\n<p>Com esse bloco, voc\u00ea pode incorporar qualquer endere\u00e7o e tamb\u00e9m escolher:<\/p>\n<ul>\n<li>Dimens\u00f5es<\/li>\n<li>N\u00edvel de zoom<\/li>\n<li>Mapa interativo ou mapa est\u00e1tico (<i>novamente, o segundo m\u00e9todo ajuda no desempenho<\/i>)<\/li>\n<\/ul>\n<p>Ele n\u00e3o permite a cria\u00e7\u00e3o de mapas personalizados \u2013 mas essa \u00e9 uma op\u00e7\u00e3o conveniente se voc\u00ea usa o novo editor em blocos e deseja uma forma f\u00e1cil de incluir alguns mapas.<\/p>\n<h2><a id=\"performance\"><\/a>O Google Maps Pode Atrasar Seu Site WordPress \u2013 N\u00e3o Permita Que Ocorra<\/h2>\n<p>Embora o Google Maps permita que voc\u00ea incorpore diversas funcionalidades legais em seu site com mapas interativos, h\u00e1 uma troca em rela\u00e7\u00e3o ao desempenho, pois ele precisa carregar muitos scripts para possibilitar que todas essas funcionalidades interativas sejam oferecidas.<\/p>\n<p>Resumindo, incorporar o Google Maps pode causar lentid\u00e3o em seu site.<\/p>\n<p>Mas existem formas de combater isso.<\/p>\n<p>Primeiro, se voc\u00ea n\u00e3o precisa que as pessoas sejam capazes de navegar interativamente no mapa <i>em seu website<\/i>, uma forma simples de <a href=\"https:\/\/kinsta.com\/pt\/aprenda\/acelerar-o-seu-site-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">acelerar tudo<\/a> sem qualquer ferramenta de terceiros \u00e9:<\/p>\n<ul>\n<li>Fazer uma captura de tela do mapa que usar\u00e1 em seu site;<\/li>\n<li>Vincular essa captura de tela ao mapa real no website do Google Maps ou abrir um pop-up lightbox com o mapa interativo quando o usu\u00e1rio clicar sobre ela.<\/li>\n<\/ul>\n<p>Dessa forma, seu site carregar\u00e1 apenas uma imagem normal \u2013 ao inv\u00e9s de todos os scripts associados ao Google Maps.<\/p>\n<p>Como uma alternativa a fazer isso manualmente, voc\u00ea tamb\u00e9m pode usar o <a href=\"https:\/\/wordpress.org\/plugins\/aweos-google-maps-iframe-load-per-click\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugin AWEOS Google Maps iframe load per click<\/a>. Ele substitui automaticamente as incorpora\u00e7\u00f5es do Google Maps por uma imagem relacionada gen\u00e9rica. Assim, se um usu\u00e1rio clicar no bot\u00e3o \u201c<strong>Carregar mapa<\/strong>\u201d (\u201c<strong><i>Load Map<\/i><\/strong>\u201d), a incorpora\u00e7\u00e3o completa do Google Maps ser\u00e1 carregada:<\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/01\/imagem-generica-google-maps.png\" alt=\"Imagem gen\u00e9rica para o Google Maps\" width=\"1050\" height=\"775\"><figcaption class=\"wp-caption-text\">Imagem gen\u00e9rica para o Google Maps<\/figcaption><\/figure>\n<p>Ou voc\u00ea tamb\u00e9m pode usar Google Maps Static API que retorna uma imagem regular sem qualquer JavaScript. Alguns plugins para Google Maps \u2013 incluindo <a href=\"https:\/\/wordpress.org\/plugins\/google-maps-widget\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google Maps Widget<\/a> e <a href=\"https:\/\/wordpress.org\/plugins\/embed-gutenberg-block-google-maps\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg Block For Google Maps Embed<\/a> \u2013 permitem que a Static API seja utilizada quando voc\u00ea cria seus mapas.<\/p>\n<p>No entanto, percebemos que em algumas situa\u00e7\u00f5es a abordagem est\u00e1tica n\u00e3o \u00e9 suficiente e muitas pessoas querem incorporar a experi\u00eancia interativa no Google Maps diretamente.<\/p>\n<p>Se esse for o caso, outra boa maneira de acelerar o Google Maps \u00e9 utilizar <strong>lazy loading<\/strong>. Com essa abordagem, seu site aguardar\u00e1 para iniciar o carregamento do Google Maps abaixo da dobra at\u00e9 que os visitantes comecem a rolar a p\u00e1gina para baixo. Isso mant\u00e9m seus tempos iniciais de carregamento velozes, enquanto continua permitindo que voc\u00ea incorpore conte\u00fado interativo do Google Maps.<\/p>\n<p>J\u00e1 escrevemos <a href=\"https:\/\/kinsta.com\/pt\/blog\/lazy-load-no-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">como usar lazy load em imagens e v\u00eddeos<\/a> e a mesma ideia \u00e9 v\u00e1lida para o Google Maps.<\/p>\n<p>Existem alguns plugins que te possibilitam fazer isso. Por exemplo, o <a href=\"https:\/\/wordpress.org\/plugins\/a3-lazy-load\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugin a3 Lazy Load<\/a> permite que lazy load seja utilizado em <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-iframe\/\">incorpora\u00e7\u00f5es de iframes<\/a>, o que inclui o Google Maps:<\/p>\n<figure style=\"width: 1050px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/01\/wordpress-google-maps-lazy-load.png\" alt=\"Lazy load com Google Maps\" width=\"1050\" height=\"649\"><figcaption class=\"wp-caption-text\">Lazy load com Google Maps<\/figcaption><\/figure>\n<p>Outras op\u00e7\u00f5es s\u00e3o:<\/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>Resumo<\/h2>\n<p>Se voc\u00ea deseja apenas incorporar um \u00fanico mapa em seu site, pode adicionar o Google Maps ao WordPress sem um plugin, atrav\u00e9s do recurso de c\u00f3digo de incorpora\u00e7\u00e3o embutido. Ou \u00e9 poss\u00edvel usar a ferramenta Google My Maps para criar seu pr\u00f3prio mapa personalizado e incorpor\u00e1-lo.<\/p>\n<p>Al\u00e9m desses m\u00e9todos manuais, existem muitos plugins WordPress para Google Maps que s\u00e3o capazes de te proporcionar muito controle sem precisar sair de seu painel WordPress.<\/p>\n<p>N\u00e3o importa qual m\u00e9todo voc\u00ea escolha, preste aten\u00e7\u00e3o ao impacto que usar Google Maps causa no desempenho do site. Tente utilizar o Google Maps somente quando for absolutamente necess\u00e1rio e considere outras t\u00e1ticas como imagens gen\u00e9ricas ou lazy loading para <a href=\"https:\/\/kinsta.com\/pt\/aprenda\/acelerar-o-seu-site-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">reduzir o efeito negativo no desempenho<\/a>.<\/p>\n<p>Voc\u00ea tem outras perguntas sobre a utiliza\u00e7\u00e3o do Google Maps no WordPress? Compartilhe conosco nos coment\u00e1rios!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Procurando por uma forma de incorporar conte\u00fado do Google Maps em seu site WordPress? Como muitas coisas no WordPress, existem muitas formas diferentes para incorporar o &#8230;<\/p>\n","protected":false},"author":38,"featured_media":24222,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[93,30],"topic":[1033],"class_list":["post-24197","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-googlemaps","tag-wordpress","topic-plugins-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>Guia do Google Maps no WordPress: Incorporado Com ou Sem Plugin<\/title>\n<meta name=\"description\" content=\"Confira essas diferentes maneiras de incorporar o conte\u00fado Google Maps no WordPress, usar a API do Google Maps e como evitar que ela diminua seu site.\" \/>\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\/pt\/blog\/wordpress-google-maps\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Guia do Google Maps no WordPress: Incorporado Com ou Sem Plugin\" \/>\n<meta property=\"og:description\" content=\"Confira essas diferentes maneiras de incorporar o conte\u00fado Google Maps no WordPress, usar a API do Google Maps e como evitar que ela diminua seu site.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-google-maps\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstapt\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/fm.brianleejackson\" \/>\n<meta property=\"article:published_time\" content=\"2019-02-26T12:07:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-26T08:52:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/02\/wordpress-google-maps.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:title\" content=\"Guia do Google Maps no WordPress: Incorporado Com ou Sem Plugin\" \/>\n<meta name=\"twitter:description\" content=\"Confira essas diferentes maneiras de incorporar o conte\u00fado Google Maps no WordPress, usar a API do Google Maps e como evitar que ela diminua seu site.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/02\/wordpress-google-maps.png\" \/>\n<meta name=\"twitter:creator\" content=\"@brianleejackson\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brian Jackson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-google-maps\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-google-maps\/\"},\"author\":{\"name\":\"Brian Jackson\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\"},\"headline\":\"Guia do Google Maps no WordPress: Incorporado Com ou Sem Plugin\",\"datePublished\":\"2019-02-26T12:07:58+00:00\",\"dateModified\":\"2025-02-26T08:52:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-google-maps\/\"},\"wordCount\":2881,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-google-maps\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/02\/wordpress-google-maps.png\",\"keywords\":[\"googlemaps\",\"WordPress\"],\"articleSection\":[\"Melhores Tutoriais WordPress\"],\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/wordpress-google-maps\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-google-maps\/\",\"url\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-google-maps\/\",\"name\":\"Guia do Google Maps no WordPress: Incorporado Com ou Sem Plugin\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-google-maps\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-google-maps\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/02\/wordpress-google-maps.png\",\"datePublished\":\"2019-02-26T12:07:58+00:00\",\"dateModified\":\"2025-02-26T08:52:24+00:00\",\"description\":\"Confira essas diferentes maneiras de incorporar o conte\u00fado Google Maps no WordPress, usar a API do Google Maps e como evitar que ela diminua seu site.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-google-maps\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/wordpress-google-maps\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-google-maps\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/02\/wordpress-google-maps.png\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/02\/wordpress-google-maps.png\",\"width\":1460,\"height\":730,\"caption\":\"Guia do Google Maps no WordPress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/wordpress-google-maps\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Plugins WordPress\",\"item\":\"https:\/\/kinsta.com\/pt\/topicos\/plugins-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Guia do Google Maps no WordPress: Incorporado Com ou Sem Plugin\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/pt\/#website\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstapt\/\",\"https:\/\/x.com\/kinsta_pt\",\"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\/pt\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\",\"name\":\"Brian Jackson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/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\/pt\/blog\/author\/brianjackson\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Guia do Google Maps no WordPress: Incorporado Com ou Sem Plugin","description":"Confira essas diferentes maneiras de incorporar o conte\u00fado Google Maps no WordPress, usar a API do Google Maps e como evitar que ela diminua seu site.","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\/pt\/blog\/wordpress-google-maps\/","og_locale":"pt_PT","og_type":"article","og_title":"Guia do Google Maps no WordPress: Incorporado Com ou Sem Plugin","og_description":"Confira essas diferentes maneiras de incorporar o conte\u00fado Google Maps no WordPress, usar a API do Google Maps e como evitar que ela diminua seu site.","og_url":"https:\/\/kinsta.com\/pt\/blog\/wordpress-google-maps\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_author":"https:\/\/www.facebook.com\/fm.brianleejackson","article_published_time":"2019-02-26T12:07:58+00:00","article_modified_time":"2025-02-26T08:52:24+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/02\/wordpress-google-maps.png","type":"image\/png"}],"author":"Brian Jackson","twitter_card":"summary_large_image","twitter_title":"Guia do Google Maps no WordPress: Incorporado Com ou Sem Plugin","twitter_description":"Confira essas diferentes maneiras de incorporar o conte\u00fado Google Maps no WordPress, usar a API do Google Maps e como evitar que ela diminua seu site.","twitter_image":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/02\/wordpress-google-maps.png","twitter_creator":"@brianleejackson","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Brian Jackson","Tempo estimado de leitura":"14 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-google-maps\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-google-maps\/"},"author":{"name":"Brian Jackson","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7"},"headline":"Guia do Google Maps no WordPress: Incorporado Com ou Sem Plugin","datePublished":"2019-02-26T12:07:58+00:00","dateModified":"2025-02-26T08:52:24+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-google-maps\/"},"wordCount":2881,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-google-maps\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/02\/wordpress-google-maps.png","keywords":["googlemaps","WordPress"],"articleSection":["Melhores Tutoriais WordPress"],"inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/pt\/blog\/wordpress-google-maps\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-google-maps\/","url":"https:\/\/kinsta.com\/pt\/blog\/wordpress-google-maps\/","name":"Guia do Google Maps no WordPress: Incorporado Com ou Sem Plugin","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-google-maps\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-google-maps\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/02\/wordpress-google-maps.png","datePublished":"2019-02-26T12:07:58+00:00","dateModified":"2025-02-26T08:52:24+00:00","description":"Confira essas diferentes maneiras de incorporar o conte\u00fado Google Maps no WordPress, usar a API do Google Maps e como evitar que ela diminua seu site.","breadcrumb":{"@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-google-maps\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/pt\/blog\/wordpress-google-maps\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-google-maps\/#primaryimage","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/02\/wordpress-google-maps.png","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/02\/wordpress-google-maps.png","width":1460,"height":730,"caption":"Guia do Google Maps no WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/pt\/blog\/wordpress-google-maps\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Plugins WordPress","item":"https:\/\/kinsta.com\/pt\/topicos\/plugins-wordpress\/"},{"@type":"ListItem","position":3,"name":"Guia do Google Maps no WordPress: Incorporado Com ou Sem Plugin"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/pt\/#website","url":"https:\/\/kinsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstapt\/","https:\/\/x.com\/kinsta_pt","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\/pt\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7","name":"Brian Jackson","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/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\/pt\/blog\/author\/brianjackson\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/24197","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/comments?post=24197"}],"version-history":[{"count":8,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/24197\/revisions"}],"predecessor-version":[{"id":28723,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/24197\/revisions\/28723"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/24197\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/24197\/translations\/it"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/24197\/translations\/fr"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/24197\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/24197\/translations\/pt"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/24197\/translations\/nl"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/24197\/translations\/de"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/24197\/translations\/se"},{"href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/24197\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media\/24222"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media?parent=24197"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/tags?post=24197"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/topic?post=24197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}