סקירה כללית
הפלטפורמה של מפות Google זמינה לאינטרנט (JS, TS), ל-Android ול-iOS, וגם מציעה ממשקי API לשירותי אינטרנט לקבלת מידע על מקומות, מסלולים ומרחקים. הדוגמאות במדריך הזה נכתבו לפלטפורמה אחת, אבל יש קישורים למסמכי תיעוד להטמעה בפלטפורמות אחרות.
בעזרת הכלי ליצירה מהירה במסוף Google Cloud אפשר ליצור במהירות מאתר לאיתור מיקומים, כולל ייבוא של כרטיסי עסק והטמעה אוטומטית של קישורים להזמנת פגישות מספקים של צד שלישי. ממשק המשתמש האינטראקטיבי מאפשר ליצור קוד ולפרוס אותו ב-Cloud תוך מספר דקות.
המשתמשים שלכם רוצים לחקור מוצרים ושירותים אונליין ולמצוא את המיקום הטוב והנוח ביותר לביקור, לקביעת פגישה או לאיסוף הזמנה. הם רוצים להגיע למיקום שלכם כמה שיותר מהר, ואתם רוצים לספק להם חוויות אונליין עשירות שיגדילו את מספר הביקורים במיקומים הפיזיים שלכם, יחזקו את שביעות הרצון של המשתמשים ויפחיתו את מספר שיחות התמיכה. כדאי גם למדוד את ההצלחה של הכלי למציאת מיקום העסק כדי לקבוע אם הלקוחות יכולים למצוא את המיקום שלכם, ולהבין איפה כדאי לבצע שיפורים.
Locator Plus – ההנחיות והטיפים להתאמה אישית שאנחנו מספקים בנושא הזה – הוא השילוב האופטימלי של ממשקי ה-API של פלטפורמת מפות Google ליצירת חוויית משתמש מעולה במאתרים. אם תפעלו לפי השיטות האלה, תוכלו לעזור למשתמשים למצוא את המיקומים שלכם במפה, להציג להם מידע מפורט שיעזור להם לקבל החלטות ולספק להם מסלולים, בין שהם נוהגים, רוכבים על אופניים, הולכים או נוסעים בתחבורה ציבורית.
משתמשים ב-Locator Plus יכולים להיעזר בלוח הבקרה של ניתוח הנתונים כדי לנתח את הנתונים שלהם וליצור תובנות, וכך לקבל תמונה ברורה של מידת המעורבות של הקונים במאתר החנות. כדי לגשת לדוח הזה, עוברים לקטע דוחות התעניינות במסוף. למידע נוסף על הדוח הזה, ראו דוחות מעורבות.
בתרשים הבא מוצגים ממשקי ה-API המרכזיים שקשורים להטמעה של Locator Plus. בתרשים מוצגת גם מסד נתונים של נתוני המיקום שלכם, שאפשר לשלב עם פרטי המקומות כדי לספק למשתמשים את המידע הטוב והמלא ביותר האפשרי. (לחצו כדי להגדיל).

הפעלת ממשקי API
כדי להטמיע את השיטות האלה, צריך להפעיל את ממשקי ה-API הבאים במסוף Google Cloud: מידע נוסף על ההגדרה זמין במאמר תחילת העבודה עם הפלטפורמה של מפות Google.קטעי הטמעה
בהמשך מפורטות השיטות וההתאמות האישיות שנסקור בנושא הזה.
- הסמל של סימן הווי הוא שיטה מרכזית.
- סמל הכוכב הוא התאמה אישית אופציונלית, אבל מומלצת, לשיפור הפתרון.
הצגת המיקומים שלכם במפה אינטראקטיבית |
אפשר ליצור מפה שמאפשרת למשתמשים לראות את פרטי המיקום, לזוז ולשנות את רמת התצוגה. לחלופין, תוכלו להשתמש ב פתרון Quick Builder Locator Plus כדי ליצור מפה במהירות, כולל ייבוא קל של פרטי העסק מהדפים ב פרופיל העסק ב-Google, הטמעת קישורים לקביעת פגישות ופריסה ב-Google Cloud Storage. |
|
איך מספקים פרטים על המקום | אחרי שהמשתמשים מוצאים את המיקומים הקרובים ביותר שלכם במפה, כדאי לספק להם פרטי מקום משמעותיים לגבי המיקומים האלה כדי לעזור להם לקבל החלטות. | |
הצגת מיקומים בתצוגה של 45° | נותנים למשתמשים תמונה חזותית טובה יותר של המיקום שלכם בתצוגת לוויין מזווית של 45 מעלות. | |
זיהוי המיקום של המשתמש | מוסיפים פונקציונליות של הקלדה תוך כדי תנועה כדי לשפר את חוויית המשתמש בכל הפלטפורמות ולשפר את הדיוק של הכתובות באמצעות מספר מועט של הקשות. | |
הצגת זמן הנסיעה והמרחק למיקומים הקרובים ביותר | חישוב המרחק והזמן של נסיעה בין כמה מקומות מוצא ויעד, אפשר גם לציין אמצעי תחבורה שונים כמו הליכה, נסיעה או רכיבה על אופניים. | |
עזרה למשתמשים לקבוע פגישות |
לאפשר למשתמשים לקבוע פגישה מהחלונית הצדדית של פרטי המקום. לחלופין, תוכלו להשתמש ב פתרון Quick Builder Locator Plus כדי ליצור מפה במהירות, כולל ייבוא קל של פרטי העסק מהדפים ב פרופיל העסק ב-Google, הטמעת קישורים לקביעת פגישות ופריסה ב-Google Cloud Storage. |
|
הצגת מבצעים מקומיים | להציג למשתמשים מבצעים מקומיים שניתן ללחוץ עליהם בחלונית הצדדית של פרטי המקום. | |
הצגת מסלול ניווט | קבלת נתוני מסלולים מנקודת מוצא ליעד באמצעות אמצעי תחבורה שונים, כמו הליכה, נהיגה, רכיבה על אופניים ותחבורה ציבורית. | |
התאמה אישית של המפה | אתם יכולים ליצור סמנים מותאמים אישית למפה כדי לעזור למיקומים שלכם להתבלט, ולעצב את המפה כך שתתאים לצבעים של המותג שלכם. להציג (או להסתיר) נקודות עניין ספציפיות (POI) במפה כדי לעזור למשתמשים להתמצא טוב יותר, ולשלוט בצפיפות של נקודות העניין כדי למנוע עומס במפה. | |
קבלת תובנות לגבי השימוש באמצעות ניתוח נתונים | איך מגדירים את Google Analytics ומשתמשים בו כדי לקבל תובנות לגבי האסטרטגיה וההטמעה של הכלי למציאת מיקום. | |
שליחת מסלול לנייד | בנוסף להצגת מסלולים במאתר, אפשר גם לשלוח מסלולים לטלפון של המשתמש כדי לנווט באמצעות מפות Google בדרכים. | |
הצגת Street View כדי לעזור למשתמשים לראות את המיקומים | כדאי להציג למשתמשים תמונות Street View עם תצוגות של 360 מעלות כדי לעזור להם לנווט טוב יותר ולמצוא את המיקומים שלכם מהר יותר. | |
זיהוי מיקום המשתמש באמצעות מיקום גיאוגרפי | אם אתם לא רוצים להסתמך על שירותי המיקום במכשיר, תוכלו להשתמש במיקום גיאוגרפי כדי לזהות את מיקום המשתמש. | |
שילוב של נתוני מיקום מותאמים אישית עם פרטי המקום | כדאי לשלב פרטי מיקום מותאמים אישית עם פרטי המקום כדי לספק למשתמשים קבוצה עשירה של נתונים לקבלת החלטות. |
הצגת המיקומים שלכם במפה אינטראקטיבית
מכשיר לאיתור הוא חלק חשוב מחוויית המשתמש. עם זאת, בחלק מהאתרים לא תמצאו אפילו מפה פשוטה, ולכן המשתמשים יצטרכו לצאת מהאתר או מהאפליקציה כדי למצוא מיקום סמוך. המשמעות היא חוויית משתמש לא אופטימלית למשתמשים שצריכים לנווט בין דפים כדי לקבל את המידע הנדרש להם. במקום זאת, תוכלו לשפר את החוויה הזו על ידי הטמעה של מפות בהתאמה אישית באפליקציות שלכם.
יש כמה דרכים להפעיל את התכונה הזו: (1) באמצעות הפתרון Quick Builder Locator Plus כדי לספק את הפונקציונליות הזו מתוך האריזה, ו-(2) באמצעות הטמעה משלכם של מפות דינמיות. בקטע הזה מתוארות האפשרויות האלה בפירוט.
שימוש ב-Quick Builder Locator Plus
אתם יכולים להשתמש ב פתרון Quick Builder Locator Plus כדי לייבא את פרטי העסק מפרופיל העסק. עכשיו, שינוי בפרטי העסק בפרופיל העסק ישתקף במאתר לחיפוש החנות. השינויים האלה יכולים לכלול שעות פעילות, פרטים ליצירת קשר, תמונות, אפשרויות שירות ועוד. בעזרת Quick Builder תוכלו לבדוק במהירות איך מגדירים מיקומי עסקים במפה, יוצרים קוד שניתן לפריסה או פורסים ישירות ב-Google Cloud Storage תוך מספר דקות.


שימוש בהטמעה משלכם של מפות דינמיות
בדוגמה הזו נעשה שימוש ב: Maps JavaScript API | התכונה זמינה גם: Android | iOS |
אפשר להוסיף לדף מפה דינמית – כלומר מפה שהמשתמשים יכולים להזיז, להתקרב אליה או להתרחק ממנה ולקבל פרטים על מיקומים שונים ונקודות עניין – באמצעות כמה שורות קוד.
קודם כול, צריך לכלול את Maps JavaScript API בדף. כדי לעשות זאת, צריך לקשר את הסקריפט הבא בדף ה-HTML.
<script defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap&solution_channel=GMP_guides_locatorplus_v2_a"></script>
כתובת ה-URL מפנה לפונקציית ה-JavaScript initMap
שפועלת כשהדף נטען. בכתובת ה-URL אפשר גם להגדיר את השפה או האזור של המפה כדי לוודא שהפורמט שלה יהיה נכון למדינה הספציפית שאליה אתם מטרגטים. הגדרת אזור גם מבטיחה שההתנהגות של אפליקציות שמשמשות מחוץ לארצות הברית תהיה מוטה לאזור שהגדרתם. בפרטי הכיסוי של פלטפורמת מפות Google תוכלו למצוא רשימה מלאה של השפות והאזורים הנתמכים, ולקבל מידע נוסף על שימוש בפרמטר region
.
בשלב הבא, צריך קוד HTML div
כדי להציב את המפה בדף.
זהו המקום שבו המפה תוצג.
<div id="map"></div>
בשלב הבא מגדירים את הפונקציונליות הבסיסית של המפה. הפעולה הזו מתבצעת בפונקציית הסקריפט initMap
שצוינה בכתובת ה-URL של הסקריפט. בסקריפט הזה, שמוצג בדוגמה הבאה, אפשר להגדיר את המיקום הראשוני, סוג המפה ואת אמצעי הבקרה שיהיו זמינים למשתמשים במפה. שימו לב ש-getElementById()
מפנה למזהה div
של המפה שלמעלה.
function initMap() { const map = new google.maps.Map(document.getElementById("map"), { zoom: 12, center: { lat: 51.485925, lng: -0.129500 }, zoomControl: false }); }
בדרך כלל, בשירותי איתור תרצו להגדיר את המיקום הראשוני, את נקודת המרכז או את הגבולות ואת רמת הזום (המידה שבה המפה מוגדלת למיקום הזה). רוב הרכיבים האחרים, כמו שינוי ההגדרות של אמצעי הבקרה, הם אופציונליים, כי אתם קובעים את רמת האינטראקציה שלכם עם המפה.
אחזור של מזהי מקומות
בדוגמה הזו נעשה שימוש ב-: Places API | אפשרויות נוספות: JavaScript |
יכול להיות שיש לכם מסד נתונים של המיקומים שלכם עם מידע בסיסי כמו שם המיקום, הכתובת ומספר הטלפון שלו. כדי לאחזר את המידע שזמין בפלטפורמה של מפות Google לגבי המקום הזה, כולל קואורדינטות גיאוגרפיות ומידע שהמשתמשים סיפקו, צריך למצוא את מזהה המקום שתואם לכל אחד מהמיקומים במסד הנתונים. אפשר לבצע קריאה ל
נקודת הקצה Find Place בחיפוש המקומות של Places API ולבקש רק את השדה place_id
. דוגמה לבקשה של מזהה המקום של המשרד של Google בלונדון:
https://maps.googleapis.com/maps/api/place/findplacefromtext/json?input=google%20london&inputtype=textquery&fields=place_id&key=YOUR_API_KEY&solution_channel=GMP_guides_locatorplus_v2_a
אתם יכולים לאחסן את מזהה המקום הזה במסד הנתונים שלכם ולהשתמש בו כדרך יעילה לבקש מידע על המקום. בהמשך מפורטות הוראות לשימוש במזהה המקום כדי לבצע גיאוקוד, לאחזר את פרטי המקום ולבקש מסלול הגעה למקום.
המרת כתובות לקואורדינטות (geocoding) של המיקומים
בדוגמה הזו נעשה שימוש ב-: Geocoding API | אפשרויות נוספות: JavaScript |
אם במסד הנתונים של המיקומים יש כתובות רחוב אבל אין קואורדינטות גיאוגרפיות, צריך להשתמש ב-Geocoding API כדי לקבל את קווי הרוחב והאורך של הכתובת הזו לצורך הצבת הסמן במפה. אתם יכולים לבצע גיאוקוד של הכתובות בצד השרת, לשמור את קווי הרוחב והאורך במסד הנתונים ולחדש אותם לפחות כל 30 יום.
דוגמה לשימוש ב-Geocoding API כדי לקבל את קו הרוחב ואת קו האורך של מזהה המקום שהוחזר למשרד של Google בלונדון:
https://maps.googleapis.com/maps/api/geocode/json?place_id=ChIJVSZzVR8FdkgRTyQkxxLQmVU&key=YOUR_API_KEY&solution_channel=GMP_guides_locatorplus_v2_a
הוספת מיקומים למפה
השלב הבא הוא הוספת המיקומים שלכם למפה. בדרך כלל עושים זאת על ידי הוספת סמנים למפה, אבל יש גם כמה אפשרויות אחרות, כמו שכבות נתונים.
אחרי שמקבלים את קו הרוחב ואת קו האורך של המיקום, הנה דוגמה להוספת סמן למפה:
var marker = new google.maps.Marker({ position: { lat: 51.493073, lng: -0.146550 }, label:"A", title:"Location Name" }); // To add the marker to the map, call setMap(); marker.setMap(map);
בעזרת כמה סמנים, אפשר לראות את המיקום של כמה מיקומים יחד.

אם יש מספר גדול של מיקומים, מומלץ להשתמש בכלי לאשכולות של סמנים ל-JavaScript, ל-Android או ל-iOS. הנה דוגמה לאשכולות של סמנים בדוגמה של מאתר החנויות ב-JavaScript ב-GitHub.
איך מספקים פרטי מקום
בדוגמה הזו נעשה שימוש ב: Maps JavaScript API | האפשרויות הבאות זמינות גם כן: API | Android | iOS |
אתם יכולים לשתף את פרטי המקום שהמשתמשים צריכים לדעת לפני שהם מבקרים באחד מהמיקומים שלכם. פרטים עשירים על המקום, כמו פרטים ליצירת קשר, שעות פעילות, דירוגים של משתמשים, תמונות של משתמשים וסטטוס סגירה זמני, יאפשרו למשתמשים לדעת בדיוק למה לצפות כשהם יגיעו למיקום שלכם. אחרי שמבצעים קריאה ל-Places API, אפשר לסנן את התשובה ולייצר אותה בחלון מידע, בסרגל צד באינטרנט או בכל דרך אחרת שתרצו.
כדי לבקש פרטי מקום, תצטרכו את מזהה המקום של כל אחד מהמיקומים שלכם. במאמר איך מקבלים מזהי מקומות מוסבר איך לאחזר את מזהה המקום של המיקום שלכם.
מרחיבים את התצוגה כדי לראות סרטונים של בקשות לפרטים על מקומות:
הצגת שעות הפתיחה
בדיקת חסימות
שליטה בעלויות
בדוגמה הבאה נעשה שימוש בספריית המקומות וב-Maps JavaScript API כדי לאחזר פרטי מקום ולהוסיף אותם לחלון מידע. בהטמעה הזו נעשה שימוש באסטרטגיית חיסכון בעלויות, שמפעילה בקשה לקבלת פרטי מקום רק כשהמשתמש מבקש פרטים בלחיצה על הסמן, במקום לאחזר מראש פרטים לגבי כל המיקומים ללא קשר לתחומי העניין של המשתמש.
const marker = new google.maps.Marker({ map, position: { lat: 51.493073, lng: -0.14655 }, }); const request = { placeId: "ChIJVSZzVR8FdkgRTyQkxxLQmVU", fields: ["name", "formatted_address", "rating", "website"], }; const infowindow = new google.maps.InfoWindow(); const service = new google.maps.places.PlacesService(map); google.maps.event.addListener(marker, "click", function () { service.getDetails(request, (place, status) => { if (status === google.maps.places.PlacesServiceStatus.OK && place) { infowindow.setContent( "<div><strong>" + place.name + "</strong><br>" + place.formatted_address + "<br>" + "Rating: " + place.rating + " stars<br>" + place.website + "</div>" ); infowindow.open(map, this); } }); });
הצגת מיקומים בתצוגה של 45°
בדוגמה הזו נעשה שימוש ב: Maps JavaScript API | התכונה זמינה גם: Android | iOS |
הצגת תצוגה אווירית של המיקום עוזרת למשתמשים לקבל תמונה ברורה יותר של המיקום, וכך קל יותר להם למצוא אותו. כשמשתמש בוחר מיקום אחד כדי לראות פרטים נוספים, אפשר להתקרב למיקום הזה כדי להציג את תמונות הלוויין הזמינות מזווית של 45 מעלות.
בקוד לדוגמה הבא מוגדר למפה רמת זום גבוהה, סוג מפה תואם וזווית הטיה שמוצגת בה תמונה בזווית של 45°, אם היא זמינה. פרטים על זמינות התמונות בזווית של 45° מפורטים במסמכי התיעוד.
function seeDetail(location) { map.setCenter(location); map.setZoom(19); map.setMapTypeId(google.maps.MapTypeId.HYBRID); map.setTilt(45); }
איך מחזירים את התצוגה המקורית של המפה
משתמשים רוצים לעבור לעיתים קרובות בין תצוגה מפורטת של מיקום יחיד לתצוגת סיכום של כמה מיקומים בסביבה. כדי לעשות זאת, מוסיפים מאזין כדי לזהות מתי המשתמש יוצא מתצוגת הפרטים, באינטראקציות במפה או בתצוגת הרשימה. לדוגמה, האזנה לאירוע zoom_changed
באובייקט map
מציינת שהמשתמש הקטין את התצוגה באופן ידני מהתצוגה המפורטת או קרא לפונקציה אחרת שעדכנה את רמת הזום. בדוגמה הזו, התרחקות מהמפה מאפסת את המפה לסוג המפה ולזווית המקוריים.
let originalMapTypeId = google.maps.MapTypeId.ROADMAP; map.addListener("zoom_changed", () => { const newZoom = map.getZoom()!; if (newZoom < 19) { map.setTilt(0); map.setMapTypeId(originalMapTypeId); } });
זיהוי המיקום של המשתמש
בדוגמה הזו נעשה שימוש ב: Maps JavaScript API | התכונה זמינה גם: Android | iOS |
הרכיב החשוב הבא בכל מכשיר לאיתור הוא זיהוי המיקום ההתחלתי של המשתמש. כברירת מחדל, אפשר להשתמש בשירותי המיקום בנייד ובמיקום הגיאוגרפי של דפדפן האינטרנט כדי לבקש הרשאות מהמשתמשים להגדיר את המקור כמיקום הנוכחי של המשתמש. עם זאת, המשתמש יכול לדחות את ההרשאות האלה או להגדיר מיקום אחר כנקודת ההתחלה.
המשתמשים של היום רגילים לפונקציונליות של השלמה אוטומטית בזמן ההקלדה בגרסה של מפות Google לצרכנים. אפשר לשלב את הפונקציונליות הזו בכל אפליקציה באמצעות ספריות Places של פלטפורמת מפות Google במכשירים ניידים ובאינטרנט. כשמשתמש מקלידים כתובת, המערכת משלימה את שאר הפרטים באמצעות ווידג'טים. אפשר גם לספק פונקציונליות משלכם של השלמה אוטומטית באמצעות ספריות Places ישירות.
כדי להוסיף את ספריית השלמה האוטומטית של מקומות לאתר, צריך רק להוסיף כמה פרמטרים של שאילתות לכתובת ה-URL של הסקריפט של Maps JavaScript API. בדוגמה הבאה, הערך של הנוספה הוא libraries=places
.
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places&callback=initMap&solution_channel=GMP_guides_locatorplus_v2_a" defer></script>
בשלב הבא מוסיפים לדף תיבת טקסט לקלט של משתמשים.
<input id="autocomplete" placeholder="Enter starting address, city, or zip code" type="text"></input>
לבסוף, צריך לאתחל את שירות המילוי האוטומטי ולקשר אותו לתיבת הטקסט בעלת השם.
הגבלת ההגדרה
Place Autocomplete predictions to geocode types מאפשרת לשדה הקלט לקבל כתובות רחוב, שכונות, ערים ומספרי דואר, כך שמשתמשים יוכלו להזין כל רמת ספציפיות כדי לתאר את המקור שלהם. חשוב לבקש את השדה geometry
כדי שהתגובה תכלול את קו הרוחב ואת קו האורך של המקור של המשתמש. קואורדינטות המפה האלה ישמשו למרכוז המפה ולציון היחס בין המיקומים שלכם למקור.
// 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", addUserLocation); }
בדוגמה הזו, אחרי שהמשתמש בחר את הכתובת, הפונקציה addUserLocation()
מופעלת. הפונקציה הזו מקבלת את הגיאומטריה של התוצאה התואמת, את מיקום המשתמש, ואז מעבירה את המפה למיקום הזה ומוסיפה סימן.
function addUserLocation() { // Get the place details from the autocomplete object. const place = autocomplete.getPlace(); // Add a marker to the map. const marker = new google.maps.Marker({ map: map }); marker.setLabel("C"); marker.setPosition(place.geometry.location); // Zoom the map to the marker. map.panTo(place.geometry.location); map.setZoom(12); }
לאחר מכן תוכלו לראות את הקשר בין המשתמש לבין מיקומים מסוימים, כפי שמוצג בתמונה הבאה.

אפשר להרחיב את הקטע הזה כדי לראות סרטוני הדרכה להוספת השלמה אוטומטית של מקומות לאפליקציה:
אתר
אפליקציות ל-Android
אפליקציות ל-iOS
מוצגים זמן הנסיעה והמרחק למיקומים הקרובים ביותר
בדוגמה הזו נעשה שימוש ב-: Distance Matrix API | אפשרויות נוספות: שירות מטריצת מרחקים, Maps JavaScript API |
אחרי שתקבלו את המיקום של המשתמש, תוכלו להשוות אותו למיקומים שלכם. כך, באמצעות שירות מטריצת המרחקים ב-Maps JavaScript API, המשתמשים יכולים לבחור את המיקום שנוח להם ביותר לפי זמן הנסיעה או המרחק היבשתי.
הצגת מיקומים ליד משתמש מחייבת שמילאתם את המיקומים שלכם. כשמשתמשים במסד נתונים משלכם של מיקומים, חשוב לוודא שהנתונים בפורמט שאפשר להשתמש בו במפה, כמו GeoJSON שמתואר בנושא שכבת הנתונים.
הדרך הרגילה לארגן רשימת מיקומים היא למיין אותם לפי מרחק. לרוב המרחק הזה מחושב פשוט על ידי קו ישר מהמשתמש למיקום, אבל החישוב הזה יכול להיות מטעה. יכול להיות שהקו הישר עובר מעל נהר שאי אפשר לחצות או דרך כבישים עמוסים בזמן שמישהו יכול להגיע למיקום אחר בקלות רבה יותר. חשוב לעשות זאת אם יש לכם כמה מיקומים במרחק של כמה קילומטרים זה מזה.
שירות Distance Matrix מקבל רשימה של מיקומי מוצא ויעד ומחזיר לא רק את מרחק הנסיעה אלא גם את משך הנסיעה ביניהם. במקרה של משתמש, המקור יהיה המיקום הנוכחי שלו או נקודת ההתחלה הרצויה, והיעדים יהיו המיקומים של המקומות. אפשר לציין מקורות ויעדי הגעה כזוגות קואורדינטות או ככתובות. התאמה של כתובות תתבצע בזמן הקריאה לשירות. אפשר להשתמש במטריצה של המרחק עם מספר פרמטרים נוספים כדי להציג תוצאות על סמך זמני נסיעה נוכחיים או עתידיים.
בדוגמה הבאה קוראים לשירות Distance Matrix ומציינים את המיקום המוצא של המשתמש ואת המיקומים. בדוגמה הזו מוצג המרחק ממרכז המפה לשלושה משרדים של Google בלונדון.
מדריך מהיר לקידוד כתובות URL: %2C
= , (פסיק), %3A
= : (נקודה-פסיק) ו-%7C
= | (צינור).
https://maps.googleapis.com/maps/api/distancematrix/json?origins=51.493490%2C-0.097288
&destinations=place_id%3AChIJVSZzVR8FdkgRTyQkxxLQmVU%7Cplace_id%3AChIJVSZzVR8FdkgR-HklrBMO0Hc%7Cplace_id%3AChIJ4abvVDwbdkgRDZVFR7A6Bcc
&units=metric
&mode=driving
&key=YOUR_API_KEY
&solution_channel=GMP_guides_locatorplus_v2_a
הנה גרסה שאפשר להעתיק ולהריץ:
https://maps.googleapis.com/maps/api/distancematrix/json?key=YOUR_API_KEY&origins=51.493490%2C-0.097288&destinations=place_id%3AChIJVSZzVR8FdkgRTyQkxxLQmVU%7Cplace_id%3AChIJVSZzVR8FdkgR-HklrBMO0Hc%7Cplace_id%3AChIJ4abvVDwbdkgRDZVFR7A6Bcc&units=metric&mode=driving&solution_channel=GMP_guides_locatorplus_v2_a
התגובה בפועל מהשירות תהיה רשימה של כתובות תואמות, מרחקים ומשכי זמן, בדומה לדוגמה הבאה:
הרחבה כדי לראות את התשובה לדוגמה:
{ "destination_addresses": [ "123 Buckingham Palace Rd, Victoria, London SW1W 9SH, UK", "1-13 St Giles High St, West End, London WC2H 8AG, UK", "6 Pancras Square, Kings Cross, London N1C 4AG, UK" ], "origin_addresses": [ "Unnamed Road, London, UK" ], "rows": [ { "elements": [ { "distance": { "text": "4.5 km", "value": 4540 }, "duration": { "text": "15 mins", "value": 924 }, "status": "OK" }, { "distance": { "text": "5.0 km", "value": 5043 }, "duration": { "text": "17 mins", "value": 1044 }, "status": "OK" }, { "distance": { "text": "6.9 km", "value": 6919 }, "duration": { "text": "23 mins", "value": 1357 }, "status": "OK" } ] } ], "status": "OK" }
בתמונה הבאה מוצגים המקור (הסמן האדום C) והיעדים במפה:

לרוב, המרחק בקו ישר שונה מהמרחק בנתיב, כפי שמתואר בטבלה הבאה.
מיקום | מרחק ישר | דרך בתנועה / זמן |
---|---|---|
מיקום א' | 3.32 ק"מ | 4.5 ק"מ / 15 דקות |
מיקום ב' | 3.20 ק"מ | 5.0 ק"מ / 17 דקות |
מיקום ג' | 4.84 ק"מ | 6.9 ק"מ / 23 דקות |
למרות שמיקום ב' הוא הקרוב ביותר מבחינת המרחק, המסלול והזמן להגיע אליו ארוכים יותר כי אפשר להגיע למיקום א' דרך כביש מהיר.
אחרי שליחת הבקשה הזו, תוכלו לעבד את ההתאמה כדי למיין את התשובות לפי משך זמן הנסיעה. דוגמאות לפונקציה כזו מפורטות בcodelabs.
מתן הוראות ניווט
בדוגמה הזו נעשה שימוש ב: בשירות המסלולים של Maps JavaScript API | זמין גם: שירות האינטרנט Directions API לשימוש ב-Android וב-iOS, ישירות מהאפליקציה או מרחוק דרך שרת proxy |
הצגת המסלול למשתמשים מתוך האתר או האפליקציות שלכם מאפשרת להם לא לצאת מהאתר, כך שהם לא יוסחפו לדפים אחרים או יראו מתחרים במפה. אפשר גם להציג את פליטות הפחמן של כלי התחבורה הספציפי ולהציג את ההשפעה של כל נסיעה ספציפית.
בשירות מסלולי הגעה יש גם פונקציות שמאפשרות לעבד את התוצאות ולהציג אותן בקלות במפה.
בהמשך מופיעה דוגמה להצגת חלונית מסלול הגעה. למידע נוסף על הדוגמה, ראו הצגת מסלול הגעה בטקסט.
למידע נוסף על התכונות האלה של מפות Google, תוכלו לקרוא את מסמכי העזרה של Maps JavaScript API או לעיין בcodelabs המפורטים ליצירת מכשיר לאיתור.
עזרה למשתמשים לקבוע פגישות
כשמשתמשים צופים בפרטי המקום של המיקום שלכם בחלונית צדדית, אתם יכולים להציע להם את הנוחות של קביעת פגישה בלחיצה על לחצן, כפי שמוצג באיור הבא.

יש כמה דרכים להפעיל את התכונה הזו: (1) באמצעות הפתרון Quick Builder Locator Plus כדי לספק את הפונקציונליות הזו מראש, ו-(2) באמצעות פרופיל העסק. בקטע הזה מתוארות האפשרויות האלה בפירוט.
שימוש ב-Quick Builder Locator Plus
אתם יכולים להשתמש ב פתרון Quick Builder Locator Plus כדי לייבא בקלות את פרטי העסק מ פרופיל העסק. אחרי הייבוא של הנכסים לכלי ה-Quick Builder, תוכלו להפעיל קישורים מוטמעים להזמנת פגישות במיקומי העסק שלכם, אם האפשרות הזו זמינה, דרך Google הזמנת מקומות. גם אם אין לכם פרופיל עסק שמשויך לחשבון Google, עדיין תוכלו להשתמש בכלי הפשוט להטמעת קישורים להזמנות של עסקים שכבר הפעלתם דרך 'Google הזמנת מקומות'*.

*שירות Google הזמנת מקומות זמין רק במדינות או באזורים מסוימים שבהם עסקים עובדים עם ספק הזמנות נתמך. אם אתם מעוניינים להשתמש ב-'Google הזמנת מקומות' אבל אתם לא עובדים כרגע עם שותף של 'Google הזמנת מקומות', אתם יכולים לבקש מהספק שלכם למלא את טופס ההתעניינות הזה ולעיין במסמכי התיעוד שלנו כדי להבין איך הוא יכול להתחיל. אם אתם לא עובדים עם ספק ניהול הזמנות, תוכלו לראות את הספקים שעומדים בדרישות בקטע 'הזמנות' בכלי לניהול פרופיל העסק.
שימוש בפרופיל העסק כדי לאפשר לקבוע פגישות
כשאתם מנהלים את הנוכחות שלכם באינטרנט באמצעות פרופיל העסק ב-Google, המיקומים של העסק שאתם יוצרים משויכים למזהי המקומות בפלטפורמה של מפות Google, כדי לאפשר פונקציונליות משולבת של מיפוי עם נתוני העסק.
ממשקי ה-API של 'פרופיל העסק ב-Google' מאפשרים ליצור פעולות, כמו קביעת פגישות, שאפשר לאחזר ולהציג באפליקציות. עם זאת, כדי להפעיל את האפשרות הזו צריך לבצע כמה שלבים ידניים, כפי שמתואר בהמשך.
כשמשתמשים צופים בפרטים של אחד מהמיקומים שלכם בחלונית הצדדית, אתם יכולים לספק להם קישור לקביעת פגישה. בקטע הזה נסביר איך עושים את זה.
-
יוצרים ממשק Business Profile API
placeActionLink
למיקום מסוגAPPOINTMENT
,ONLINE_APPOINTMENT
אוDINING_RESERVATION
. הערך שלplaceActionLink
יהיה האובייקט שבו תשתמשו לקישור לפגישה בחלונית הצדדית. (אם כבר יצרתם את הקישור הרצוי לפעולה של קביעת פגישה, תוכלו לדלג לשלב הבא). זוהי דוגמה לתגובה מפעולהplaceActionLinks.create
POST מוצלחת:{ "name": "locations/15899957830169237700/placeActionLinks/9c984be778a7ebbc", "providerType": "MERCHANT", "isEditable": true, "uri": "https://example.com/reservation-uri", "placeActionType": "DINING_RESERVATION", "createTime": "2021-05-01T01:17:41.609161Z", "updateTime": "2021-05-01T01:17:41.609161Z" }
-
מוצאים את המיקום של פרופיל העסק שמשויך למזהה המקום בפלטפורמת מפות Google.
כשמשתמשים צופים בפרטים של מקום, הם צופים בפרטים של מזהה מקום בפלטפורמה של מפות Google. מזהה המקום משויך למזהה המיקום בפרופיל העסק, לכן כדי לאחזר ולהציג את הקישור לקביעת פגישות שיצרתם, תצטרכו למצוא את מזהה המיקום על סמך מזהה המקום במפה. מבצעים את הקריאות הבאות לממשקי Business Profile API:
- הצגת רשימה של החשבונות בפרויקט.
- הצגת רשימה של כל המיקומים בחשבון.
- במיקומים בחשבון, השדה
LocationKey
מכיל את מזהה המקום בפלטפורמת מפות Google, שאפשר להשוות למזהה המקום של המיקום שמוצג.
-
מזהה המיקום מאפשר לכם לקבל את הקישור הרצוי לפעולה. כדי לאחזר פגישה קיימת
placeActionLink
, מציגים את הרשימה של הפגישות הקיימותplaceActionLinks
במיקום הרצוי ומסננים לפיplaceActionType
כדי למצוא את הקישור לפגישה שבה רוצים להשתמש (APPOINTMENT
,ONLINE_APPOINTMENT
אוDINING_RESERVATION
).בדוגמה הבאה מוצגת פגישה
placeActionLink
בתגובה לשיחה עם LIST.{ "placeActionLinks": [ { "name": "locations/15899957830169237700/placeActionLinks/9c984be778a7ebbc", "providerType": "MERCHANT", "isEditable": true, "uri": "https://example.com/", "placeActionType": "APPOINTMENT", "createTime": "2021-05-01T01:17:41.609161Z", "updateTime": "2021-05-01T01:17:41.609161Z" } ] }
- יוצרים ומאכלסים את
<div>
בחלונית הצדדית עם נתונים רלוונטיים מהאובייקטplaceActionLink
, במיוחד מזהה ה-URI של הקישור לקביעת פגישות.
דרכים חלופיות להוספת קישורים לפגישות
אם אתם לא מנהלים פרופיל עסק ב-Google או שאתם לא רוצים להשתמש ב פתרון Quick Builder Locator Plus, תוכלו לבדוק את המסמכים של פלטפורמת תזמון הפגישות כדי להבין איך להטמיע ווידג'ט לקביעת פגישות באתר או באפליקציה. אפשרות אחרת היא להשתמש ב-Google Cloud, למשל Cloud Spanner לניהול מלאי (סרטון).
הצגת מבצעים מקומיים
בחלונית הצדדית 'פרטי המקום' של מיקום מסוים, אפשר להציג מבצעים מקומיים למשתמשים שילחצו עליהם. ה-API של 'Google לעסק שלי' מאפשר ליצור ולאחזר 'פוסטים' (כמו מבצעים מקומיים) שמשויכים למיקומים שלכם. בתרשים הבא מוצגת דוגמה למבצע מקומי בחלונית הצדדית של פרטי המקום.

(תרשים הארכיטקטורה בקטע כלי ה-builder המהיר מציג את הטכנולוגיות הזמינות להוספת מוצרים למאתר.)
מכיוון שהמבצעים המקומיים משויכים למיקומים, תצטרכו למצוא את מזהה המיקום בפרופיל העסק שמשויך למזהה המקום בפלטפורמה של מפות Google של המיקום שהמשתמשים צופים בו.
כשיש לכם את מזהה המיקום של פרופיל העסק, תוכלו לאחזר את המבצע הרלוונטי בתור localPost
כדי להציג אותו בחלונית הצדדית של פרטי המקום. אלה השלבים:
- באמצעות Google My Business API, אפשר ליצור פוסטים של מבצעים שרוצים להציג, מסוג
OFFER
. -
מאתרים במפה את המיקום או מזהה המיקום של פרופיל העסק שמשויכים למזהה המקום.
כשמשתמשים צופים בפרטים של מקום, הם צופים בפרטים של מזהה מקום בפלטפורמה של מפות Google. מזהה המקום משויך למזהה המיקום בפרופיל העסק, לכן צריך למצוא את מזהה המיקום על סמך מזהה המקום במפה כדי לאחזר ולהציג את הקישור להצעה המקומית של המיקום. מבצעים את הקריאות הבאות לממשקי Business Profile API:
- הצגת רשימה של החשבונות בפרויקט
- הצגת רשימה של כל המיקומים בחשבון.
- במיקומי החשבון, השדה
LocationKey
מכיל את מזהה המקום במפות Google, שאפשר להשוות למזהה המקום של המיקום שמוצג.
זוהי דוגמה לבקשה לקבלת פרטי מיקום בממשקי Business Profile API:
https://mybusiness.googleapis.com/v4/accounts/111098884960588804666/locations/15899957830169237700
התשובה מכילה את השדה
locationKey
, שהוא מזהה המקום שאפשר להשתמש בו בבקשות לפלטפורמה של מפות Google.הרחבה כדי לראות את התשובה לדוגמה.
{ "name": "accounts/111098884960588804666/locations/15899957830169237700", "locationName": "Sushi Sushi", "primaryPhone": "+49 2222 22222", "primaryCategory": { "displayName": "Restaurant", "categoryId": "gcid:restaurant", }, "regularHours": { "periods": [ { "openDay": "MONDAY", "openTime": "09:00", "closeDay": "MONDAY", "closeTime": "09:10" }, { "openDay": "TUESDAY", "openTime": "11:30", "closeDay": "TUESDAY", "closeTime": "24:00" } ] }, "locationKey": { "placeId": "ChIJs4wtL04X2jERbc8qHd_wZzk", "requestId": "2c72cbcb-ea2e-4d66-b684-0ef5f090300c" }, "latlng": { "latitude": 1.3670033, "longitude": 103.8556385 }, "openInfo": { "status": "OPEN", "canReopen": true }, "locationState": { "isGoogleUpdated": true, "canUpdate": true, "canDelete": true, "isVerified": true, "isPublished": true, "canHaveFoodMenus": true }, "attributes": [ { "attributeId": "has_delivery", "valueType": "BOOL", "values": [ false ] }, { "attributeId": "requires_masks_customers", "valueType": "BOOL", "values": [ true ] }, { "attributeId": "url_order_ahead", "valueType": "URL", "urlValues": [ { "url": "https://example.com/" }, ] }, { "attributeId": "pay_credit_card_types_accepted", "valueType": "REPEATED_ENUM", "repeatedEnumValue": { "setValues": [ "visa" ], "unsetValues": [ "american_express" ] } } ], "address": { "regionCode": "SG", "languageCode": "en-US", "postalCode": "560445", "addressLines": [ "445 Ang Mo Kio Ave 10" ] }, "profile": { "description": "Example restaurant" } }
-
עכשיו, אחרי שקיבלתם את מזהה המיקום, תוכלו לקבל את המבצע הרצוי. כדי לאחזר פוסט קיים של מבצע, מציגים את ה-
localPosts
הקיימים של המיקום ומסננים לפיtopicType
שלOFFER
כדי למצוא את תוכן המבצע שרוצים להשתמש בו.זו דוגמה לבקשה להצגת רשימה של הפוסטים המקומיים הפעילים של מיקום מסוים:
https://mybusiness.googleapis.com/v4/accounts/111098884960588804666/locations/15899957830169237700/localPosts
בדוגמה הבאה מוצג
OFFER
localPost
בתגובה.הרחבה כדי לראות את התשובה לדוגמה.
{ "localPosts": [ { "name": "accounts/111098884960588804666/locations/15899957830169237700/localPosts/2524928563578730680", "languageCode": "en", "summary": "Buy One Get One Free on all order-ahead bento boxes today!", "state": "LIVE", "event": { "title": "Bento BOGO", "schedule": { "startDate": { "year": 2020, "month": 1, "day": 20 }, "startTime": {}, "endDate": { "year": 2021, "month": 1, "day": 21 }, "endTime": {} } }, "updateTime": "2020-09-11T10:56:22.594Z", "createTime": "2020-09-11T10:56:22.594Z", "searchUrl": "https://local.google.com/place?id=4156539623820808045&use=posts&lpsid=2524928563578730680", "media": [ { "name": "accounts/111098884960588804666/locations/15899957830169237700/media/localPosts/AF1QipOBQCIf40SbF_PPJxb_zvfCHmaTbv9Zw02PoYPS", "mediaFormat": "PHOTO", "googleUrl": "https://lh3.googleusercontent.com/p/AF1QipOBQCIf40SbF_PPJxb_zvfCHmaTbv9Zw02PoYPS" } ], "topicType": "OFFER", "offer": { "couponCode": "BOGO-JET-CODE", "redeemOnlineUrl": "https://www.example.com/redeem", "termsConditions": "Offer only valid for order-ahead orders placed online." } }, ], }
- יוצרים ומאכלסים את
<div>
בחלונית הצדדית עם נתונים רלוונטיים מאובייקטlocalPost
.
התאמה אישית של המפה
יש כמה דרכים לשנות את המראה והפרטים של המפה. לדוגמה, אפשר:
- אתם יכולים ליצור סמנים מותאמים אישית כדי להחליף את הסיכות שמוגדרות כברירת מחדל במפה.
- לשנות את הצבעים של תכונות המפה כך שישקפו את המותג שלכם.
- אתם יכולים לקבוע אילו נקודות עניין יוצגו (אטרקציות, מסעדות, מקומות לינה וכו') ובאיזו צפיפות, כדי למקד את תשומת הלב של המשתמשים במיקומים שלכם ולהדגיש את הסמלים של נקודות העניין שיעזרו למשתמשים להגיע למיקום הקרוב ביותר.
יצירת סמנים מותאמים אישית במפה
אתם יכולים להתאים אישית את הסמנים על ידי שינוי צבע ברירת המחדל (כדי להציג אם המיקום פתוח כרגע) או החלפת הסמן בתמונה מותאמת אישית, כמו הלוגו של המותג שלכם. חלונות מידע או חלונות קופצים יכולים לספק למשתמשים מידע נוסף, כמו שעות פתיחה, מספר טלפון או אפילו תמונות. אפשר גם ליצור סמנים מותאמים אישית מסוג רסטר, וקטור, סמנים שניתן לגרור ואפילו סמנים מונפשים.
בהמשך מופיעה מפה לדוגמה עם סמנים מותאמים אישית. (קוד המקור מופיע ב נושא 'סמנים מותאמים אישית של Maps JavaScript API').
למידע מפורט, אפשר לעיין במסמכי התיעוד של הסמנים ל-JavaScript (אינטרנט), ל-Android ול-iOS.
עיצוב המפה
פלטפורמת מפות Google מאפשרת לכם לעצב את המפה כך שתסייע למשתמשים למצוא את המיקום הקרוב ביותר, להגיע אליו במהירות האפשרית ולחזק את המותג שלכם. לדוגמה, אתם יכולים לשנות את צבעי המפה כך שיתואמו למיתוג שלכם, ולצמצם את הסחות הדעת במפה על ידי שליטה בנקודות העניין שגלויות למשתמשים. ב-Google Maps Platform יש גם כמה תבניות למפות, חלקן מותאמות לתחומים שונים כמו תיירות, לוגיסטיקה, נדל"ן וקמעונאות.
אפשר ליצור או לשנות סגנונות מפה בדף Map Styles בפרויקט במסוף Google Cloud.
אפשר להרחיב את התמונה כדי לראות אנימציות של יצירת סגנון מפה ועיצוב שלה במסוף Cloud:
סגנונות מפה של תחומים
אנימציה שמראה סגנונות מפות מוגדרים מראש שמותאמים לתחומים ספציפיים, שאפשר להשתמש בהם. הסגנונות האלה מספקים נקודת התחלה אופטימלית לכל סוג של עסק. לדוגמה, בסגנון המפה 'קמעונאות' מופחת מספר נקודות העניין במפה, כדי לאפשר למשתמשים להתמקד במיקומים שלכם ובסמלי הדרך שיעזרו להם להגיע למיקום הקרוב ביותר במהירות ובביטחון.

בקרה על נקודות עניין
אנימציה שמגדירה את צבע הסמן של נקודות העניין ומגדילה את הצפיפות של נקודות העניין בסגנון המפה. ככל שהצפיפות גבוהה יותר, כך יופיעו יותר סמנים של נקודות עניין במפה.

לכל סגנון מפה יש מזהה משלו. אחרי שמפרסמים סגנון במסוף Cloud, מפנים למזהה המפה הזה בקוד. כלומר, אפשר לעדכן את סגנון המפה בזמן אמת בלי לבצע רפאקציה לאפליקציה. המראה החדש יופיע באופן אוטומטי באפליקציה הקיימת ויהיה בשימוש בפלטפורמות השונות. בדוגמאות הבאות מוסבר איך להוסיף מזהה מפה לדף אינטרנט באמצעות ממשק API של JavaScript במפות Google.
אם תכללו map_ids
אחד או יותר בכתובת ה-URL של הסקריפט, ממשק ה-API של JavaScript במפות Google יהפוך את הסגנונות האלה לזמינים באופן אוטומטי לעיבוד מהיר יותר של המפה כשתפעילו אותם בקוד.
<script
src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&map_ids=MAP_IDs&callback=initMap&solution_channel=GMP_guides_locatorplus_v2_a">
</script>
הקוד הבא מציג מפה עם עיצוב בדף האינטרנט. (לא מוצג רכיב HTML <div id="map"></div>
שבו המפה תופיע בדף).
map = new google.maps.Map(document.getElementById('map'), { center: {lat: 51.485925, lng: -0.129500}, zoom: 12, mapId: '1234abcd5678efgh' });
מידע נוסף על שילוב של עיצוב מפות מבוסס-ענן ב- JavaScript (אינטרנט), ב-Android וב-iOS
קבלת תובנות לגבי השימוש באמצעות ניתוח נתונים
בעזרת ניתוח הנתונים תוכלו לקבל תובנות חשובות לגבי האינטראקציה של המשתמשים עם הכלי לאיתור. בקטע הזה מוסבר איך להגדיר את ניתוח הנתונים של Google Analytics ושל 'פרופיל העסק ב-Google' ולעקוב אחריהם כדי לעקוב אחרי הנתונים שמעניינים אתכם ביותר. משתמשים ב-Quick Builder Locator Plus יכולים להשתמש בלוח בקרה של ניתוח נתונים כדי לנתח את הנתונים ולקבל תובנות. כך תוכלו לקבל תמונה ברורה יותר לגבי מידת ההתעניינות של המבקרים באתר במאתר החנויות, על סמך נתונים שהוסרו מהם פרטי הזיהוי.

כדי לגשת לדוח הזה, עוברים אל הקטע של דוחות ההתעניינות במסוף Cloud. למידע נוסף על הדוח הזה, ראו דוחות מעורבות.
לאור העוצמה והגמישות של Google Analytics, לא ננסה לספק מידע מקיף על הגדרה ועל שימוש. במקום זאת, נפנה אתכם למסמכי עזרה חשובים לקריאה נוספת ולהוראות, ונציין את השיקולים העיקריים לניתוח נתונים באפליקציית המיקום.
הגדרת Google Analytics
אם אתם כבר משתמשים ב-Google Analytics באפליקציה, אתם יכולים לדלג על הקטע הזה.
בהמשך מופיעה דוגמה ל'תג גלובלי' שצריך להדביק באתר כדי להפעיל את Google Analytics.
<!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/ gtag/js?id=G-XR5B5D4NW0"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-XR5B5D4NW0'); </script>
בין שאתם משתמשים ב-Google Tag Manager ובין שאתם מוסיפים את Google Analytics ישירות לאתר, חשוב להבין איך להשתמש בהטמעה של Google Analytics כדי לבצע את הפעולות הבאות:
- מפעילים אינטראקציות של משתמשים, כמו קליקים, שאפשר למדוד בנפרד מצפיות בדפי האתר (אירועים).
- להציג נתונים גולמיים (מדדים) בקיבוצים משמעותיים (מאפיינים או מאפיינים מותאמים אישית).
שימוש באירועים מותאמים אישית
דוגמה להגדרת אירוע בהתאמה אישית במאתר:
gtag('event', 'location', { 'method': 'address' });
חשוב לתת לשדות event
ו-method
שמות ברורים כדי שתוכלו להבין את האירועים בדוחות. מפעילים אותם עבור האינטראקציות הספציפיות שרוצים למדוד, למשל כאשר משתמש בוחר כתובת מהרשימה הנפתחת של השלמה אוטומטית, כפי שמוצג באיור הבא.

אפשר לשלוח את קריאת המעקב הבאה אל Google Analytics, שמשתמשת באירוע ובשיטה שהגדרתם. (כדי להקל על הקריאה, כל פרמטר של שאילתה יוצג בשורה נפרדת).
https://www.google-analytics.com/g/collect?v=2 &tid=G-XR5B5D4NW0 >m=2oe550 &_p=64678170 &sr=1920x1200 &ul=fr &cid=489856786.1598861364 &_s=2 &dl=http%3A%2F%2.storelocator.html &dt=Store%20Locator &sid=1620827159 &sct=1 &seg=1 &en=location &_et=6032 &ep.method=address
באיור הבא אפשר לראות איך הקריאה ל-Google Analytics מופיעה בתצוגת הבדיקה של הדפדפן, בכרטיסייה Network. (לחיצה להגדלה).

כדי לוודא שתגי מעקב האירועים המותאמים אישית מתועדים כראוי, אפשר להציג את התצוגה 'זמן אמת' ב-Google Analytics. לדוגמה, האירוע 'מיקום' שהוגדר קודם לכן להשלמה האוטומטית של מקומות מופיע ב-Google Analytics כפי שמוצג בתרשים הבא.


לחלופין, אפשר לעקוב אחרי אירועים בזמן אמת באמצעות DebugView, כפי שמוצג באיור הבא. חשוב לזכור: צריך להמתין 24 שעות לפני שאפשר לגשת לדוח אירועים מלא בקטע מעורבות > אירועים ב-Google Analytics.

אפשר גם לפתח אסטרטגיות למדידת היקף התנועה הפיזית למיקומים שלכם באפליקציית המיקום, ולשפר אותן. לדוגמה, ב-Google Analytics יש את המוצר ביקורים בחנות הפיזית ב-Analytics, שמקשר את ניתוח הביקור בחנות הפיזית (שמודד Google Ads) לניתוח הנתונים של מיקום העסק. אתם יכולים גם לפתח אסטרטגיות משלכם לקידום האפליקציה במיקום הפיזי, כמו מבצעים אונליין שניתן לממש במיקומים הפיזיים שלכם.
מדדים של פרופיל העסק
בנוסף למעקב אחרי האירועים, המדדים והמאפיינים שמעניינים אתכם באמצעות Google Analytics, לפרופיל העסק ב-Google יש גם מדדים משלו. לדוגמה, אם תוסיפו קישורים להזמנת תור ולמבצעים מקומיים למאתר, תוכלו לקבל מדדים לגבי הצפיות והקליקים האלה.
בבקשה לדוגמה הבאה לממשקי Business Profile API מופיעים כמה סוגים של מדדים. כדי לעקוב אחר קליקים על מוצרים, המדדים LOCAL_POST_VIEWS_SEARCH
ו-LOCAL_POST_ACTIONS_CALL_TO_ACTION
יהיו הרלוונטיים ביותר.
מרחיבים את הבקשה לדוגמה.
POST https://mybusiness.googleapis.com/v4/accounts/111098884960528804666/locations:reportInsights Body: { "locationNames": [ "accounts/111098884960528804666/locations/15899957830169237700" ], "basicRequest": { "metricRequests": [ { "metric": "QUERIES_DIRECT" }, { "metric": "QUERIES_INDIRECT" }, { "metric": "VIEWS_MAPS" }, { "metric": "VIEWS_SEARCH" }, { "metric": "ACTIONS_DRIVING_DIRECTIONS" }, { "metric": "LOCAL_POST_VIEWS_SEARCH" }, { "metric": "LOCAL_POST_ACTIONS_CALL_TO_ACTION" } ], "timeRange": { "startTime": "2021-01-01T01:01:23.045123456Z", "endTime": "2021-04-30T23:59:59.045123456Z" } } }
הרחבה כדי לראות את התשובה לדוגמה.
{ "locationMetrics": [ { "locationName": "accounts/111098884960528804666/locations/15899957830169237700", "timeZone": "Asia/Singapore", "metricValues": [ { "metric": "QUERIES_DIRECT", "totalValue": { "metricOption": "AGGREGATED_TOTAL", "timeDimension": { "timeRange": { "startTime": "2021-01-01T01:01:23.045123456Z", "endTime": "2021-04-30T23:59:59.045123456Z" } }, "value": "82" } }, { "metric": "QUERIES_INDIRECT", "totalValue": { "metricOption": "AGGREGATED_TOTAL", "timeDimension": { "timeRange": { "startTime": "2021-01-01T01:01:23.045123456Z", "endTime": "2021-04-30T23:59:59.045123456Z" } }, "value": "1493" } }, { "metric": "VIEWS_MAPS", "totalValue": { "metricOption": "AGGREGATED_TOTAL", "timeDimension": { "timeRange": { "startTime": "2021-01-01T01:01:23.045123456Z", "endTime": "2021-04-30T23:59:59.045123456Z" } }, "value": "1571" } }, { "metric": "VIEWS_SEARCH", "totalValue": { "metricOption": "AGGREGATED_TOTAL", "timeDimension": { "timeRange": { "startTime": "2021-01-01T01:01:23.045123456Z", "endTime": "2021-04-30T23:59:59.045123456Z" } }, "value": "631" } }, { "metric": "ACTIONS_DRIVING_DIRECTIONS", "totalValue": { "metricOption": "AGGREGATED_TOTAL", "timeDimension": { "timeRange": { "startTime": "2021-01-01T01:01:23.045123456Z", "endTime": "2021-04-30T23:59:59.045123456Z" } }, "value": "3" } }, { "metric": "LOCAL_POST_ACTIONS_CALL_TO_ACTION", "totalValue": { "metricOption": "AGGREGATED_TOTAL", "timeDimension": { "timeRange": { "startTime": "2021-01-01T01:01:23.045123456Z", "endTime": "2021-04-30T23:59:59.045123456Z" } }, "value": "42" } }, { "metric": "LOCAL_POST_VIEWS_SEARCH", "totalValue": { "metricOption": "AGGREGATED_TOTAL", "timeDimension": { "timeRange": { "startTime": "2021-01-01T01:01:23.045123456Z", "endTime": "2021-04-30T23:59:59.045123456Z" } }, "value": "11" } } ] } ] }
התגובה מכילה את המדדים, בעיקר:
- 1,571 צפיות במיקום במפות Google
- 631 צפיות במיקום בחיפוש Google.
- 3 בקשות לקבלת מסלול נסיעה למיקום.
- 42 קליקים על המבצע של
LOCAL_POST_ACTIONS_CALL_TO_ACTION
. - 11 צפיות בפוסטים מקומיים בחיפוש Google.
אפשרות נוספת למדדים היא להשתמש ב-Google הזמנת מקומות כדי ליצור קישורי פעולה. כשמשתמשים לוחצים על קישורי פעולה שנוצרו ב'הזמנה דרך Google', אפשר לתעד את הפעולות האלה ב-Google Analytics, וכך לעקוב אחרי ההמרות ב-Google Analytics. מידע נוסף זמין במסמכי העזרה בנושא מעקב המרות.
לא משנה באיזו אסטרטגיית מדדים אתם משתמשים, המדידה היא לא רק בדיקה של הביצועים ביחס ליעדים העסקיים שלכם. המספרים גם עוזרים לכם להבין את ההשפעה של השיפורים האלה על העסק שלכם. בנוסף, אפשר להשוות בין המדדים מ-Google Analytics במאתר לבין המדדים מפרופיל העסק. לדוגמה, בעזרת ההשוואה בין המדדים האלה תוכלו לראות כמה לקוחות מקבלים מסלול הגעה מהכלי לאיתור המיקום וממפות Google כדי לבקר במיקומים הפיזיים של העסק.
שיפורים בתוסף Locator Plus
בהתאם לצרכים של העסק או של המשתמשים, תוכלו לשפר עוד יותר את חוויית המשתמש.
שליחת מסלול לנייד
כדי להקל עוד יותר על המשתמשים להגיע למיקום מסוים, אפשר לשלוח להם קישור למסלול הגעה בהודעת טקסט או באימייל. כאשר הם ילחצו עליו, אפליקציית מפות Google תושק בטלפון שלהם אם היא מותקנת, או שהדף maps.google.com ייטען בדפדפן האינטרנט של המכשיר. בשתי הגרסאות האלה, המשתמש יכול להשתמש בניווט מפורט, כולל הנחיה קולית, כדי להגיע ליעד.
משתמשים ב
כתובות URL של מפות Google כדי ליצור כתובת URL של מסלול הגעה כמו זו שבהמשך, כאשר שם המקום בקידוד כתובת URL הוא הפרמטר destination
ומזהה המקום הוא הפרמטר destination_place_id
. אין עלות ליצירה של כתובות URL של מפות Google או לשימוש בהן, ולכן אין צורך לכלול מפתח API בכתובת ה-URL.
https://www.google.com/maps/dir/?api=1&destination=Google%20London&destination_place_id=ChIJVSZzVR8FdkgRTyQkxxLQmVU
אפשר גם לספק פרמטר שאילתה origin
באותו פורמט כתובת כמו היעד. אם לא תוסיפו את הפרמטר הזה, המסלול יתחיל מהמיקום הנוכחי של המשתמש, שעשוי להיות שונה מהמיקום שבו הוא השתמש באפליקציית Locator Plus. כתובות URL של מפות Google מספקות אפשרויות נוספות של פרמטרים לשאילתות, כמו travelmode
ו-dir_action=navigate
, כדי להפעיל את המסלול עם הניווט.
הקישור הזה שניתן ללחוץ עליו, שמרחיב את כתובת ה-URL לדוגמה שלמעלה, מגדיר את origin
כאצטדיון כדורגל בלונדון ומשתמש ב-travelmode=transit
כדי לספק מסלול הגעה לתחבורה הציבורית ליעד.
כדי לשלוח הודעת טקסט או אימייל שמכילים את כתובת ה-URL הזו, אנחנו ממליצים כרגע להשתמש באפליקציה של צד שלישי כמו twilio. אם אתם משתמשים ב-App Engine, אתם יכולים להשתמש בחברות צד שלישי כדי לשלוח הודעות SMS או אימיילים. למידע נוסף, ראו שליחת הודעות באמצעות שירותי צד שלישי.
הצגת Street View כדי לעזור למשתמשים לראות את המיקומים
במקומות רבים בעולם אפשר להשתמש ב-Street View כדי להציג את החלק החיצוני של המיקום, וכך לתת למשתמשים תמונה חזותית של המיקום לפני שהם מגיעים אליו. אתם יכולים להציג את Street View בפורמט אינטראקטיבי (אינטרנט) או בפורמט סטטי (API), בהתאם לרצונכם לאפשר למשתמשים "להסתכל מסביב" באזור ב-360 מעלות. Street View זמין גם ל-Android ול-iOS.
איך קובעים את המיקום של המשתמש באמצעות מיקום גיאוגרפי
ברוב המקרים אפשר לאתר את המיקום של המשתמשים באמצעות שירותי המיקום המובנים במכשירים או בדפדפנים שלהם. אנחנו מספקים דוגמה ל שימוש בתכונה של מיקום גיאוגרפי ב-HTML5 בדפדפן כדי להציג את המיקום הגיאוגרפי של משתמש או מכשיר במפה של Google. בנוסף, יש מסמכי עזרה בנושא בקשת הרשאות וקבלת מיקום ב- Android וב- iOS. עם זאת, יכול להיות שתצטרכו למצוא שירות חלופי לאיתור המיקום. לדוגמה, אם שירותי המיקום של המכשיר מושבתים או אם אתם חוששים שמיקום המכשיר יועתק.
Geolocation API הוא ממשק API בצד השרת שמחזיר מיקום ורדיוס דיוק על סמך מידע על אנטנות סלולריות וצמתים של Wi-Fi שהלקוח יכול לזהות. אפשר להשתמש במיקום גיאוגרפי כמנגנון גיבוי לקביעת המיקום של המשתמש, או כדי לבדוק את המיקום שדווח על ידי המכשיר.
שילוב של נתוני מיקום בהתאמה אישית עם פרטי מקום
בקטע הקודם, הוספת פרטי מקום, התייחסנו לשימוש בפרטי המקום כדי לספק למשתמשים מידע מפורט על המיקומים שלכם, כמו שעות פתיחה, תמונות וביקורות.
כדאי להבין את העלות של שדות נתונים שונים ב'פרטי המקום', שמסווגים כנתונים בסיסיים, פרטים ליצירת קשר ואווירה. כדי לנהל את העלויות, אחת מהאסטרטגיות היא לשלב את המידע שכבר יש לכם על המיקומים שלכם עם המידע העדכני (בדרך כלל פרטים בסיסיים ופרטים ליצירת קשר) ממפות Google, כמו סגירה זמנית, שעות פעילות בחגים, דירוגים, תמונות וביקורות של משתמשים. אם כבר יש לכם את הפרטים ליצירת קשר של המיקומים שלכם, לא תצטרכו לבקש את השדות האלה מ'פרטי המקום', ותוכלו להגביל את הבקשה לאחזור רק שדות של נתונים בסיסיים או של נתוני אקלים, בהתאם למה שאתם רוצים להציג.
יכול להיות שיש לכם נתוני מיקום משלכם שאפשר להוסיף לפרטים של המיקום או להשתמש בהם במקום בהם. בcodelab של הכלי לאיתור מיקום ב-full-stack מופיעה דוגמה לשימוש ב-GeoJSON עם מסד נתונים כדי לאחסן ולשלוף את פרטי המיקום שלכם.