Ugrás a tartalomra

online marketing 4 perc olvasás

Fontos változások a Google Térképpel kapcsolatosan

A Google ismét változásokat vezetett be a weboldalakon is népszerű Térkép alkalmazásában. Érdemes felülvizsgálni a kapcsolódó beállításokat, mivel a határidő letelte után a térképek várhatóan nem működnek majd.

Fontos változások a Google Térképpel kapcsolatosan

2018.07.16 -ával a Google megszünteti az ingyenes Google Térkép-felületek használatát a weboldalakon és költségköteles szolgáltatássá alakítja.

Pontosabban, a térképek csak abban az esetben, és olyan Google fiókkal illeszthetők be a weboldalakba, amelyhez a tulajdonos hozzárendeli bankkártyáját és rendelkezik egy úgynevezett hozzáférési (API) kulccsal.

Azért szükséges ez, mert ha az oldalletöltések száma meghaladja a havi 28000-es letöltési korlátot, úgy a Google további oldalletöltésenként esetén díjat számol fel.
Legalább is egyelőre, hiszen ezt is úgy kommunikálták, hogy "adnak" havi 200USD összegben keretet, ami aktuálisan 28000 letöltésre elegendő.

Van-e teendőd?

Abban az esetben, ha a honlapodon beágyazott térképet használtunk, több opció áll a rendelkezésedre:

  1. Amennyiben nincs feltétlenül szükséged a térképre, úgy minimális munkával ki tudjuk kapcsolni ezt az oldaladról.
  2. Ha szeretnéd a térképet mindenképpen megtartani, akkor viszont két további lehetőség közül választhatsz:

Ha ránk bíznád az első javaslat alapján, kattints ide a kapcsolatfelvételhez!

Hozzáférési (API) kulcs generálás folyamata:

  1. Elsőként nyisd meg az alábbi linket, és jelentkezz be a Google fiókod segítségével: https://console.developers.google.com/project/_/apiui/apis/library
  2. A bejelentkezést követően az alábbi képernyő fogad, kattints a középen található "Create" gombra: A Google APIs konzol Library oldala projekt nélkül, középen a „To view this page, select a project” üzenet és a Create gomb
  3. A felugró ablakban kattints a jobb felső sarokban található "New project" gombra. A Select a project ablak üres projektlistával, a jobb felső sarokban a New Project gomb
  4. A következő ablakban a saját projektünk nevét kell megadni, itt célszerű a weboldal nevével ellátni a fiókot. A "Create" gomb megnyomásával létrejön a projekt. A New Project űrlap kitöltött projektnévvel, alatta a projektazonosító, a hely mezője és a Create gomb
  5. A projekt megjelenik a listában, és kap egy egyedi azonosítót. Kattints a projekt nevére, majd az "Open" gombbal nyisd meg azt. A Select a project ablak, a listában az új projekt neve és egyedi azonosítója, jobb alul az Open gomb
  6. Ezt követőn az API Libraryba navigál minket az oldal, az alábbi keresőfelületen a "Maps JavaScript API" csempére kell kattintani. Amennyiben nem jelenik meg egyből a listán a "Search for APIs & Services" keresőmezőbe gépelve felhozza a felület a keresett csempét. Kattints a "Maps JavaScript API" csempére. Az API Library kezdőoldala keresőmezővel, a Maps kategóriában a Maps JavaScript API csempével
  7. A csempe aloldalán engedélyezni kell a hozzáférést az "Enable" gombra kattintva. A Maps JavaScript API adatlapja az API Libraryben, a leírás felett a kék Enable gomb
  8. Az engedélyezést követően az alábbi oldal fogad minket, kattints a felső sorban a "Credentials" fülre. A Maps JavaScript API Metrics nézete forgalmi és hibagrafikonnal, a felső fülek között a Credentials
  9. A "Create credentials" gombra kattintva a lenyíló listából válasszuk ki az "API key" menüpontot. A Credentials fülön lenyitott Create credentials menü, első helyen az API key lehetőség
  10. A gombra kattintva megkapjuk az úgynevezett API azaz hozzáférési kulcsot. Kattints a "Restrict Key" gombra. Fontos!, hogy ezt a teljes kódsort továbbítanod kell részünkre, ahhoz, hogy megfelelően be tudjuk illeszteni a weboldaladba. Az API key created ablak a részben kitakart új API-kulccsal, jobb alul a Restrict Key gomb
  11. A létrehozott API kulcs megjelenik a listánkon. A sor előtt megjelenő sárga felkiáltójelre kattintva megjelenik egy ablak, amelyben az "Edit settings" linkre kell kattintanod. A Credentials lista az API key 1 kulccsal, a figyelmeztető ikon buborékjában az Edit settings link
  12. Erre a beállításra azért van szükség, mert a kulcsot egyedileg generálja a rendszer, így ha nem rendelünk hozzá egy weboldalt, bárki szabadon felhasználhatja és a mi számlázási adatainkkal illesztheti be weboldalába a kulcsunkat. Ezért a megjelenő képernyőm válaszd az "Application restrictions" listából a "HTTP referrers (web sites)" opciót és az alul megjelenő mezőbe írd be a weboldalad teljes címét. Tehát ebben a formátumban http:// vagy https:// sajatoldalam.hu. Ezt követően kattints a "Save" gombra. Az API-kulcs beállításai: az Application restrictions alatt kijelölt HTTP referrers opció, megadott weboldalcím és Save gomb
  13. A mentést követően a kulccsal kapcsolatos beállításokkal végeztünk, most a számlázási részhez kell jogosultságot andunk. Kattints az oldal jobb felső sarkában megjelenő "Sign up for free trial" gombra. A Google APIs konzol fejléce, jobb felső sarokban a kék Sign up for free trial gomb
  14. Fogadd el a Google adatkezelési nyilatkozatát. A Try Cloud Platform for free űrlap: ország kiválasztása, az ingyenes próba feltételeinek elfogadása és az Agree and continue gomb
  15. Add meg pontosan a számlázási adatokat és a bankkártya számot, majd kattints a "Start my free trial" gombra. A próbaidőszak regisztrációs űrlapjának első része: fióktípus, adószám, cégnév és számlázási cím A regisztrációs űrlap folytatása: kapcsolattartó, havi automatikus fizetés, kitakart bankkártyaadatok és Start my free trial gomb
  16. A mentést követően ha megfelelően töltöttük ki az adatokat, az alábbi köszönő jelzést kell jóváhagynunk. A Google Cloud Platform üdvözlő ablaka a 12 hónapos ingyenes próbaidőszak és a 300 dolláros kredit megerősítésével
  17. A felületen válasszuk ismét az "APIs" menüpontot és azon belül a "Maps JavaScript API"-t. Amennyiben mindent jól csináltunk egy zöld pipával "API enabled" felirat fogad minket. A Maps JavaScript API adatlapja, a Manage gomb mellett zöld pipával az API enabled felirat
  18. Abban az esetben, ha a számlázást még nem engedélyezted, az alábbi linken teheted meg: https://developers.google.com/maps/documentation/javascript/usage-and-billing
  19. Kattints az "Enable Billing" gombra a továbblépéshez. A Maps JavaScript API Usage and Billing dokumentációs oldala, a díjszabási táblázatban az Enable Billing gombbal
  20. Ezt követően engedélyezd a számlázást. Az Enabling billing ablak a három lépéssel: projekt kiválasztása, számlázási profil beállítása, számlázás engedélyezése
  21. A következő ablakban válaszd ki a projektet a "Select" gombra kattintva. A Google Cloud Platform Billing oldala „Select a project” dobozzal, benne a Select és a Create gomb
  22. A megjelenő listában válaszd ki a létrehozott projektet, majd kattints az "Open" gombra. A projektválasztó ablak, a listában a korábban létrehozott projekt kijelölve, jobb alul az Open gomb
  23. Ezzel sikeresen engedélyezted a számlázást a fiókodnál. Így ha túllépi az oldalletöltés az ingyenes keretet a Google a bankkártyádról vonja le a szükséges további költségeket. A „You’re all set!” megerősítő ablak: a kiválasztott projektnél engedélyezve lett a számlázás

Ha a fentiekkel nem akarsz bajlódni, keresd bizalommal Dávid kollégánkat!

Németh Dávid
nd@fwmail.hu
Projekt manager

Te is olyan digitális megoldást keresel, amely vállalkozásodat támogatja?

A jó eredmény nem a fejlesztéssel kezdődik, és nem is az átadással ér véget. Weboldal, webshop, marketing vagy a folyamataid digitalizálása: a céged működéséből indulunk ki, és hosszú távon is a céljaidat szolgáljuk. Beszélgessünk róla!