{"id":6273,"date":"2024-01-20T11:00:05","date_gmt":"2024-01-20T08:00:05","guid":{"rendered":"https:\/\/sunucucozumleri.com\/?p=6273"},"modified":"2024-01-22T00:37:36","modified_gmt":"2024-01-21T21:37:36","slug":"siteye-google-harita-ekleme","status":"publish","type":"post","link":"https:\/\/sunucucozumleri.com\/blog\/siteye-google-harita-ekleme\/","title":{"rendered":"Siteye Google Harita Ekleme"},"content":{"rendered":"<p>Bir web sitesine Google Haritalar eklemek, ziyaret\u00e7ilere fiziksel bir konumu g\u00f6stermenin ve yol tarifi alman\u0131n kolay bir yoludur. \u00d6zellikle i\u015fletme web siteleri i\u00e7in bu \u00f6nemlidir, \u00e7\u00fcnk\u00fc m\u00fc\u015fterilere ma\u011faza veya ofislerine nas\u0131l ula\u015facaklar\u0131n\u0131 g\u00f6stermek, m\u00fc\u015fteri deneyimini \u00f6nemli \u00f6l\u00e7\u00fcde art\u0131rabilir. Google Haritalar&#8217;\u0131n kullan\u0131m\u0131 olduk\u00e7a basittir ve a\u015fa\u011f\u0131da, bir web sitesine Google Haritalar nas\u0131l eklenir konusunda size ad\u0131m ad\u0131m rehberlik edece\u011fiz.<\/p>\n<p><strong>Google Haritalar API&#8217;sini Edinin<\/strong>: \u0130lk ad\u0131m, Google Haritalar&#8217;\u0131 web sitenize eklemek i\u00e7in gerekli olan API&#8217;yi (Application Programming Interface) alman\u0131zd\u0131r. Google Haritalar API&#8217;si, web sitenizle Google Haritalar aras\u0131ndaki ileti\u015fimi sa\u011flar. Google Cloud Platform hesab\u0131n\u0131z\u0131 olu\u015fturarak ve bir proje ba\u015flatarak API&#8217;yi alabilirsiniz. API anahtar\u0131n\u0131z\u0131 g\u00fcvende tuttu\u011funuzdan emin olun, \u00e7\u00fcnk\u00fc bu web sitenizin Google Haritalar ile etkile\u015fimini yetkilendiren anahtard\u0131r.<\/p>\n<p><strong>Google Cloud Platform&#8217;da Proje Olu\u015fturun<\/strong>: Google Cloud Platform&#8217;a giri\u015f yap\u0131n ve bir proje olu\u015fturun. Projenize daha sonra API anahtar\u0131n\u0131z\u0131 ekleyeceksiniz. Proje olu\u015ftururken bir proje ad\u0131 ve proje kimli\u011fi se\u00e7melisiniz.<\/p>\n<p><strong>Google Haritalar API&#8217;sini Etkinle\u015ftirin<\/strong>: Projenizi olu\u015fturduktan sonra, Google Haritalar API&#8217;sini etkinle\u015ftirmeniz gerekecek. Bunun i\u00e7in API K\u00fct\u00fcphaneleri b\u00f6l\u00fcm\u00fcne gidin, &#8220;Google Maps JavaScript API&#8221;yi bulun ve etkinle\u015ftirin.<\/p>\n<p><strong>API Anahtar\u0131n\u0131z\u0131 Olu\u015fturun<\/strong>: \u015eimdi API anahtar\u0131n\u0131z\u0131 olu\u015fturman\u0131z gerekiyor. Bunun i\u00e7in &#8220;Kimlik Do\u011frulama&#8221; b\u00f6l\u00fcm\u00fcne gidin, &#8220;API anahtar\u0131 olu\u015fturun&#8221; se\u00e7ene\u011fini se\u00e7in ve bir anahtar ad\u0131 girin. Bu anahtar, Google Haritalar&#8217;\u0131 web sitenize eklemek i\u00e7in kullanacaks\u0131n\u0131z.<\/p>\n<p><strong>API Anahtar\u0131n\u0131 Web Sitinize Ekleyin<\/strong>: API anahtar\u0131n\u0131z\u0131 ald\u0131ktan sonra, web sitenizin HTML koduna eklemeniz gerekecek.<\/p>\n<p>[code_snippet_source id=4 line_numbers=true]<\/p>\n<p><script src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=API_ANAHTARINIZ&#038;callback=initMap\" async defer><\/script><\/p>\n<p>Yukar\u0131daki kodu kullanarak API anahtar\u0131n\u0131z\u0131 ekleyebilirsiniz. API_ANAHTARINIZ k\u0131sm\u0131n\u0131 kendi API anahtar\u0131n\u0131zla de\u011fi\u015ftirmeyi unutmay\u0131n.<\/p>\n<p><strong>Harita Konteynerini Belirleyin<\/strong>: \u015eimdi haritay\u0131 nereye eklemek istedi\u011finizi belirlemeniz gerekecek. HTML kodunuzda bir<\/p>\n<div>\n<p>Yukar\u0131daki kod, bir harita konteyneri olu\u015fturur ve geni\u015fli\u011fini ve y\u00fcksekli\u011fini belirler. Bu de\u011ferleri web sitenizin tasar\u0131m\u0131na g\u00f6re uyarlaman\u0131z gerekebilir.<\/p>\n<p><strong>Harita \u00d6zelliklerini Tan\u0131mlay\u0131n<\/strong>: \u015eimdi harita \u00f6zelliklerini tan\u0131mlaman\u0131z gerekecek. JavaScript kullanarak harita \u00f6zelliklerini ve g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc belirleyebilirsiniz. A\u015fa\u011f\u0131daki kod, temel bir harita \u00f6rne\u011fi olu\u015fturur:<\/p>\n<p>[code_snippet_source id=7 line_numbers=true]<\/p>\n<p>Yukar\u0131daki kod, bir harita olu\u015fturur, merkez koordinatlar\u0131n\u0131 belirler ve yak\u0131nla\u015ft\u0131rma seviyesini ayarlar. Kendi harita \u00f6zelliklerinizi ve koordinatlar\u0131n\u0131z\u0131 kullanarak bu kodu \u00f6zelle\u015ftirebilirsiniz.<\/p>\n<p><strong>Marker Ekleyin<\/strong>: Haritan\u0131za i\u015faret\u00e7iler (markers) ekleyerek belirli konumlar\u0131 g\u00f6sterebilirsiniz. \u00d6rne\u011fin, i\u015fletmenizin konumunu g\u00f6stermek i\u00e7in bir i\u015faret\u00e7i ekleyebilirsiniz. A\u015fa\u011f\u0131daki kod, bir i\u015faret\u00e7i ekler:<\/p>\n<p>[code_snippet_source id=6 line_numbers=true]<\/p>\n<p>&nbsp;<\/p>\n<p>Yukar\u0131daki kod, bir i\u015faret\u00e7i olu\u015fturur ve belirli bir konumda g\u00f6r\u00fcnmesini sa\u011flar. \u0130\u015fletmenizin koordinatlar\u0131n\u0131 ve ad\u0131n\u0131 kullanarak i\u015faret\u00e7iyi \u00f6zelle\u015ftirebilirsiniz.<\/p>\n<p><strong>Haritay\u0131 Web Sitesine Ekleyin<\/strong>: Haritay\u0131 web sitenize eklemek i\u00e7in HTML kodunuzu ve JavaScript kodunuzu birle\u015ftirin ve web sitenizin ilgili sayfas\u0131na yerle\u015ftirin. Bu, haritan\u0131n web sitenizde g\u00f6r\u00fcnmesini sa\u011flar.<\/p>\n<p><strong>Web Sitesini Yay\u0131nlay\u0131n<\/strong>: Son ad\u0131m, web sitenizi yay\u0131nlamakt\u0131r. Haritan\u0131z art\u0131k web sitenizin belirli bir sayfas\u0131nda g\u00f6r\u00fcnmelidir. Web sitenizin ziyaret\u00e7ileri, harita \u00fczerinden konumunuzu g\u00f6rebilir ve yol tarifi alabilirler.<\/p>\n<p>Bu ad\u0131mlar\u0131 takip ederek, web sitenize Google Haritalar&#8217;\u0131 ekleyebilir ve ziyaret\u00e7ilere i\u015fletmenizin veya organizasyonunuzun konumunu g\u00f6sterebilirsiniz. Bu, m\u00fc\u015fterilerinize veya ziyaret\u00e7ilerinize fiziksel konumunuzu bulmalar\u0131na yard\u0131mc\u0131 olabilir ve daha fazla ki\u015fiye ula\u015fman\u0131za yard\u0131mc\u0131 olabilir.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Makale \u0130\u00e7eri\u011fi<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"\u0130\u00e7indekiler Tablosunu A\u00e7\/Kapat\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/sunucucozumleri.com\/blog\/siteye-google-harita-ekleme\/#Web_Sitesinde_Google_Haritalar_Olmasinin_Faydalari_Nelerdir\" >Web Sitesinde Google Haritalar Olmas\u0131n\u0131n Faydalar\u0131 Nelerdir?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/sunucucozumleri.com\/blog\/siteye-google-harita-ekleme\/#Html_Harita_Ekleme\" >Html Harita Ekleme<\/a><\/li><\/ul><\/nav><\/div>\n<h3><span class=\"ez-toc-section\" id=\"Web_Sitesinde_Google_Haritalar_Olmasinin_Faydalari_Nelerdir\"><\/span>Web Sitesinde Google Haritalar Olmas\u0131n\u0131n Faydalar\u0131 Nelerdir?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Web sitesinde Google Haritalar&#8217;\u0131n bulunmas\u0131, bir\u00e7ok avantaj sunar ve kullan\u0131c\u0131lara \u00f6nemli bilgiler sa\u011flar. \u0130\u015fte web sitenizde Google Haritalar kullanman\u0131n baz\u0131 faydalar\u0131:<\/p>\n<p><strong>Konum Bilgisi Sa\u011flama<\/strong>: Google Haritalar, i\u015fletmenizin veya organizasyonunuzun fiziksel konumunu ziyaret\u00e7ilere g\u00f6stermenin en iyi yoludur. Bu, m\u00fc\u015fterilerinizin veya ziyaret\u00e7ilerinizin size nas\u0131l ula\u015facaklar\u0131n\u0131 kolayca anlamalar\u0131n\u0131 sa\u011flar.<\/p>\n<p>Yol Tarifi Verme: Google Haritalar, web sitenizdeki ziyaret\u00e7ilere do\u011frudan yol tarifi sunman\u0131za olanak tan\u0131r. Bu, m\u00fc\u015fterilerinizin veya konuklar\u0131n\u0131z\u0131n sizi ziyaret etmelerini kolayla\u015ft\u0131r\u0131r.<\/p>\n<p><strong>\u00c7evre Bilgisi: Haritalar<\/strong>, i\u015fletmenizin veya organizasyonunuzun \u00e7evresindeki \u00f6nemli yerleri veya cazibe merkezlerini g\u00f6stererek, ziyaret\u00e7ilere \u00e7evre hakk\u0131nda bilgi verir. Bu, ziyaret\u00e7ilerinize b\u00f6lgeyi daha iyi ke\u015ffetme f\u0131rsat\u0131 sunar.<\/p>\n<p>A\u00e7\u0131l\u0131\u015f Saatleri ve \u0130leti\u015fim Bilgileri: Google Haritalar, i\u015fletme saatleri, telefon numaras\u0131 ve web sitesi gibi ileti\u015fim bilgilerini g\u00f6stermenizi sa\u011flar. Bu, ziyaret\u00e7ilerinizin size ula\u015fma ve sizi ziyaret etme konusunda daha fazla g\u00fcvence sahibi olmalar\u0131na yard\u0131mc\u0131 olur.<\/p>\n<p><strong>Mobil Uyumluluk<\/strong>: Google Haritalar, mobil cihazlarda da sorunsuz \u00e7al\u0131\u015f\u0131r ve kullan\u0131c\u0131lar\u0131n kolayca gezinmelerini sa\u011flar. Mobil kullan\u0131c\u0131lar i\u00e7in web sitenizdeki harita eri\u015filebilir olmal\u0131d\u0131r.<\/p>\n<p><strong>Profesyonel G\u00f6r\u00fcn\u00fcm<\/strong>: Google Haritalar, web sitenize profesyonel bir g\u00f6r\u00fcn\u00fcm katar. M\u00fc\u015fterileriniz veya ziyaret\u00e7ileriniz, i\u015fletmenizin fiziksel konumunu kolayca bulabildiklerinde, daha g\u00fcvenilir ve eri\u015filebilir oldu\u011funuz izlenimini edinirler.<\/p>\n<p><strong>Rehberlik ve Yol G\u00f6sterme:<\/strong> Google Haritalar, ziyaret\u00e7ilere belirli bir konuma nas\u0131l ula\u015facaklar\u0131 konusunda yol g\u00f6sterir. Bu, \u00f6zellikle yeni yerlere gitmekte olanlar i\u00e7in \u00e7ok yararl\u0131d\u0131r.<\/p>\n<p><strong>Daha Fazla Trafik<\/strong>: \u0130nsanlar web sitenizde harita bulduklar\u0131nda, muhtemelen daha fazla zaman ge\u00e7irirler. Bu, web sitenizin trafi\u011fini art\u0131rabilir ve kullan\u0131c\u0131lar\u0131n daha fazla i\u00e7erik g\u00f6r\u00fcnt\u00fclemesini sa\u011flayabilir.<\/p>\n<p><strong>M\u00fc\u015fteri \u0130ncelemeleri:<\/strong> Google Haritalar, i\u015fletmenizin veya organizasyonunuzun m\u00fc\u015fteri incelemelerini g\u00f6sterir. Bu, m\u00fc\u015fterilerinize di\u011ferlerinin deneyimlerini g\u00f6stermenize yard\u0131mc\u0131 olabilir.<\/p>\n<p><strong>G\u00fcncel Bilgiler<\/strong>: Google Haritalar, i\u015fletme bilgilerinizi g\u00fcncel tutman\u0131z\u0131 sa\u011flar. Adres, telefon numaras\u0131 veya \u00e7al\u0131\u015fma saatlerinde de\u011fi\u015fiklik oldu\u011funda bu bilgileri h\u0131zl\u0131ca g\u00fcncelleyebilirsiniz.<\/p>\n<p>Sonu\u00e7 olarak, web sitenizde Google Haritalar&#8217;\u0131 kullanmak, ziyaret\u00e7ilerinize \u00f6nemli bilgiler sunman\u0131n yan\u0131 s\u0131ra, i\u015fletmenizin veya organizasyonunuzun daha eri\u015filebilir ve g\u00fcvenilir oldu\u011fu izlenimini verir. Bu nedenle, fiziksel bir konuma sahipseniz veya ziyaret\u00e7ilere yol tarifi sa\u011flamak istiyorsan\u0131z, Google Haritalar&#8217;\u0131 web sitenizde kullanmay\u0131 d\u00fc\u015f\u00fcnmelisiniz.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Html_Harita_Ekleme\"><\/span>Html Harita Ekleme<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>HTML sayfan\u0131za harita eklemek i\u00e7in genellikle Google Maps ya da benzeri bir hizmetin sa\u011flad\u0131\u011f\u0131 harita API&#8217;lerini kullanabilirsiniz. Burada, basit bir \u015fekilde Google Maps&#8217;\u0131 kullanarak bir harita nas\u0131l ekleyebilece\u011finizi g\u00f6sterece\u011fim:<\/p>\n<style>\n      \/* Haritan\u0131n boyutunu belirleyin *\/<br \/>      #map {<br \/>        height: 400px;<br \/>        width: 100%;<br \/>      }<br \/>    <\/style>\n<p><!-- Harita i\u00e7in bir div olu\u015fturun --><\/p>\n<p>[code_snippet_source id=5 line_numbers=true]<\/p>\n<p>Bu kod par\u00e7ac\u0131\u011f\u0131, sayfan\u0131zda basit bir Google Haritas\u0131 olu\u015fturur ve belirledi\u011finiz konuma bir i\u015faret\u00e7i yerle\u015ftirir. YOUR_API_KEY k\u0131sm\u0131n\u0131, daha \u00f6nce ald\u0131\u011f\u0131n\u0131z API anahtar\u0131n\u0131zla de\u011fi\u015ftirmeyi unutmay\u0131n.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Bir web sitesine Google Haritalar eklemek, ziyaret\u00e7ilere fiziksel bir konumu g\u00f6stermenin ve yol tarifi alman\u0131n kolay bir yoludur. \u00d6zellikle i\u015fletme web siteleri i\u00e7in bu \u00f6nemlidir, \u00e7\u00fcnk\u00fc m\u00fc\u015fterilere ma\u011faza veya ofislerine nas\u0131l ula\u015facaklar\u0131n\u0131 g\u00f6stermek, m\u00fc\u015fteri deneyimini \u00f6nemli \u00f6l\u00e7\u00fcde art\u0131rabilir. Google Haritalar&#8217;\u0131n kullan\u0131m\u0131 olduk\u00e7a basittir ve a\u015fa\u011f\u0131da, bir web sitesine Google Haritalar nas\u0131l eklenir konusunda size ad\u0131m &hellip;<\/p>\n","protected":false},"author":1,"featured_media":6274,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[232],"tags":[],"class_list":["post-6273","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"acf":[],"_links":{"self":[{"href":"https:\/\/sunucucozumleri.com\/blog\/wp-json\/wp\/v2\/posts\/6273","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sunucucozumleri.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sunucucozumleri.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sunucucozumleri.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sunucucozumleri.com\/blog\/wp-json\/wp\/v2\/comments?post=6273"}],"version-history":[{"count":0,"href":"https:\/\/sunucucozumleri.com\/blog\/wp-json\/wp\/v2\/posts\/6273\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sunucucozumleri.com\/blog\/wp-json\/wp\/v2\/media\/6274"}],"wp:attachment":[{"href":"https:\/\/sunucucozumleri.com\/blog\/wp-json\/wp\/v2\/media?parent=6273"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sunucucozumleri.com\/blog\/wp-json\/wp\/v2\/categories?post=6273"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sunucucozumleri.com\/blog\/wp-json\/wp\/v2\/tags?post=6273"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}