Řešení Product Locator pro maloobchod. Propojení online nakupování s obchody v okolí

By 6 září, 20215 října, 2021Blog, Mapy

V dnešní době spotřebitelé očekávají neomezené možnosti nákupu, jako je vyzvednutí na oběžné dráze nebo doručení ve stejný den. Tým Google analyzoval rozšířené vyhledávání výrazů „na mojí trase“ a „skladem“ a dospěl k závěru, že pohodlí je jedním z nejdůležitějších faktorů pro potenciální kupující. Zahrnutí dostupnosti produktů a možností vyzvednutí na každé z vašich stránek popisující produkt může zvýšit vaše online konverzní poměry a zvýšit návštěvnost obchodu. V tomto článku popisujeme řešení společnosti Google, která vám může pomoci toho dosáhnout.

Řešení Google Product Locator

Použití řešení Product Locator na stránkách s popisem produktu spojuje zákazníky s informacemi, které potřebují pro zjištění možnosti vyzvednutí a doručení. Zákazníci tak mají přehled o možnostech vyzvednutí a doručení během celé nákupní cesty, nejen při placení. Product Locator může dále pomoci přilákat zákazníky k návštěvě tím, že ukáže přesnou vzdálenost od fyzických obchodů a dokonce i odhadovanou dobu řízení, aby se navíc zdůraznilo pohodlí návštěvy prodejny.

Studie provedená Shopify zjistila, že představení místní nabídky posílilo klíčové metriky obchodu, včetně 45 % vyzvednutí lokálně a tím, že po příjezdu provedl zákazník další nákup.

Průvodce implementací Product Locator

Pomozte online nakupujícím najít nejlepší a nejpohodlnější způsob, jak získat váš produkt, a implementujte řešení Product Locator ve vašem e-shopu. Níže popisujeme základní kroky implementace.

Povolení rozhraní API

Chcete-li implementovat Product Locator, musíte v Google Cloud Console povolit následující rozhraní API. Kliknutím na odkazy přejdete do služby Google Cloud Console a povolíte každé rozhraní API pro vybraný projekt:

Přidružení store locator k místům v Google Maps Platform

V tomto kroku přiřadíte store locator k místu v Google Maps Platform jako sadu konečných destinací, kde si uživatelé mohou produkty vyzvednout. Nejprve vyhledejte ID místa, které odpovídá každému z obchodů ve vaší databázi. Můžete bezplatně volat koncový bod funkcí Find Place a najít místo v Places API pomocí Place Search a požádat pouze o pole place_id.

Zde je příklad dotazu na ID místa pro Google kancelář v Londýně:

https://maps.googleapis.com/maps/api/place/findplacefromtext/json?input=google%20london&inputtype=textquery&fields=place_id&key=YOUR_API_KEY

ID tohoto místa můžete uložit do své databáze se zbytkem dat z obchodu a použít ho jako účinný způsob, jak požadovat informace o úložišti.

Pokud má vaše databáze obchodů adresy, ale nikoli zeměpisné souřadnice, použijte rozhraní Geocoding API k získání zeměpisné šířky a délky dané adresy a vypočítejte, které obchody jsou vašemu zákazníkovi nejbližší.

Zde je příklad použití Geocoding API k získání zeměpisné šířky a délky ID místa, které bylo vráceno pro kancelář Google London:

https://maps.googleapis.com/maps/api/geocode/json?place_id=ChIJVSZzVR8FdkgRTyQkxxLQmVU&key=YOUR_API_KEY

Určení polohy uživatele

Klíčovou součástí Product Locator je identifikace počátečního umístění vašeho uživatele. Uživateli můžete nabídnout dvě možnosti, jak určit jeho počáteční umístění: zadání polohy nebo udělení oprávnění ke geolokaci ve webovému prohlížeči nebo mobilní lokalizační službě.

Zpracování zadaných položek pomocí automatického doplňování

Dnešní uživatelé jsou ve spotřebitelské verzi Google Map zvyklí na funkci automatického doplňování/našeptávání. Tuto funkci lze integrovat do jakékoli aplikace pomocí knihoven Google Maps Platform Places na mobilních zařízeních a webu.

V následujícím příkladu přidejte na svůj web knihovnu Place Autocomplete přidáním parametru libraries=places do Maps JavaScript API URL skriptu.

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places&callback=initMap" defer></script>

Dále přidejte na svou stránku textové pole pro vstup uživatele:

<input id="autocomplete" placeholder="Enter
  starting address, city, or zip code" type="text"></input>

Nakonec je třeba inicializovat službu automatického doplňování a propojit ji s pojmenovaným textovým polem. Omezení predikcí automatického doplňování na typy geokódů konfiguruje vaše vstupní pole tak, aby přijímalo adresy ulic, čtvrtí, města a PSČ, aby uživatelé mohli zadat libovolnou úroveň specifičnosti a popsat jejich polohu. Nezapomeňte požádat o pole geometrie, aby odpověď obsahovala zeměpisnou šířku a délku polohy uživatele. Tyto souřadnice použijete k označení vztahu vašich míst k původu.

// Create the autocomplete object, restricting the search predictions to
// geographical location types.
const autocomplete = new google.maps.places.Autocomplete(
document.getElementById("autocomplete"),
{ types: ["geocode"],
  componentRestrictions: {'country': ['gb']},
  fields: ['place_id', 'geometry', 'formatted_address'] }
);
// When the user selects an address from the drop-down
// zoom to the select location and add a marker.
autocomplete.addListener("place_changed", searchFromOrigin);
}
Použijte geolokaci v prohlížeči

Chcete-li si vyžádat a pracovat s geolokací prohlížeče HTML5, přečtěte si průvodce od Googlu, jak povolit okno Použít moji polohu.

Identifikace nejbližších obchodů

Jakmile budete mít polohu uživatele, můžete ji porovnat s místy, kde se nacházejí vaše prodejny. Díky službě Distance Matrix služba Maps JavaScript API pomáhá vašim uživatelům vybrat místo, které je pro ně nejvhodnější, podle doby jízdy nebo vzdálenosti po silnici.

Služba Distance Matrix Service, Maps JavaScript API funguje tak, že vytvoří seznam výchozích a cílových míst a vrátí nejen cestovní vzdálenost, ale také čas mezi nimi. V případě uživatele by původní výchozí bod byl tam, kde se aktuálně nachází, nebo jejich požadovaný výchozí bod a cíle by byly místa prodeje. Počátky a cíle lze zadat jako dvojice souřadnic nebo jako adresy. K zobrazení výsledků na základě aktuálních nebo budoucích jízdních časů můžete použít službu Distance Matrix Service, Maps JavaScript API s dalšími parametry.

Více o implementaci služby Distance Matrix Service, Maps JavaScript API si můžete přečíst v dokumentaci Google.

Zobrazení informací o obchodu

Můžete sdílet podrobné informace o místě, jako jsou kontaktní informace, provozní doba a aktuální stav otevřeného prostoru, což zákazníkům pomůže vybrat si preferované místo nebo dokončit objednávku.

Poté, co zavoláte rozhraní Maps JavaScript API, abyste získali podrobnosti o místě, můžete filtrovat a vykreslit odpověď. Chcete-li požádat o podrobnosti o místě, budete potřebovat ID místa pro každou z vašich lokací.

Následující žádost o podrobnosti o daném místě vrací adresu, souřadnice, webové stránky, telefonní číslo, hodnocení a otevírací dobu pro ID místa odpovídajícího kanceláři:

var request = {
  placeId: 'ChIJVSZzVR8FdkgRTyQkxxLQmVU',
  fields: ['name', 'formatted_phone_number', 'geometry', 'opening_hours', 'rating', 'utc_offset_minutes', 'website']
};


service = new google.maps.places.PlacesService(map);
service.getDetails(request, callback);


function callback(place, status) {
  if (status == google.maps.places.PlacesServiceStatus.OK) {
    createMarker(place);
  }
}

Shrnutí

Když vaši uživatelé uvidí vaše produkty online, chtějí najít nejlepší a nejpohodlnější způsob, jak dostat jejich objednávku. Udělejte to co nejjednodušší a nejrychlejší, abyste zvýšili míru online konverze a přilákali více zákazníků do vašich fyzických lokalit. V tomto článku jsme představili nejdůležitější kroky k implementaci Product Locator. Doporučujeme však zkontrolovat úplnou implementační příručku vytvořenou společností Google a v případě jakýchkoli dotazů nás neváhejte kontaktovat. Naši odborníci na Google Maps Platform vás rádi provedou!