Το Google Maps είναι μια υπηρεσία που παρέχεται από το Google Cloud. Από το 2018 και μετά είναι επί πληρωμή, αλλά κάθε χρήστης που θέλει να το χρησιμοποιήσει λαμβάνει μια πίστωση των 200$ το μήνα από την Google. Στις περισσότερες περιπτώσεις, αυτό το ποσό είναι αρκετό για τη χρήση της υπηρεσίας, επομένως είναι σχεδόν δωρεάν.

Με το Google Maps θα μπορείτε να παρέχετε στους πελάτες σας ένα γρήγορο και βολικό checkout. Με τη λειτουργία της Google Autocomplete οι πελάτες σας θα μπορούν να ολοκληρώνουν τις παραγγελίες τους εύκολα και γρήγορα. Η αυτόματη εισαγωγή της διεύθυνσης του πελάτη μειώνει το χρόνο της συμπλήρωσης των πεδίων κατά την ολοκλήρωση της παραγγελίας και εξαλείφει την πιθανότητα λάθους πληκτρολόγησης της διεύθυνσης. Τα πεδία των στοιχείων της διεύθυνσης (χώρα, πόλη, περιφέρεια, ταχυδρομικός κώδικας κτλ.) συμπληρώνονται αυτόματα από την Google.


Σε αυτό το άρθρο θα βρείτε:

Πρώτα βήματα

1. Για να συνδέσετε το CloudCart κατάστημα σας με το Google Maps είναι απαραίτητο να δημιουργήσετε το δικό σας API κλειδί, αυτό μπορείτε να το κάνετε από το Google Console (κονσόλα). Για να συνδεθείτε, πρέπει να έχετε λογαριασμό Google ή, σε περίπτωση που δεν έχετε, να δημιουργήστε έναν. Μόλις συνδεθείτε στον λογαριασμό σας, θα μπορείτε να μεταβείτε στη διεύθυνση https://cloud.google.com/ και να συνδεθείτε στην κονσόλα από το κουμπί Console που βρίσκεται στην επάνω δεξιά γωνία της οθόνης.

2. Το επόμενο πράγμα που πρέπει να κάνετε είναι να εισαγάγετε τις απαραίτητες πληροφορίες στο Billing account σας (λογαριασμό χρέωσης) από το μενού που βρίσκεται στην αριστερή πλευρά της οθόνης > Billing για να μπορέσετε να χρησιμοποιήσετε την υπηρεσία Google Maps και να λάβετε την αρχική πίστωση των 300$.

Αφού εισαγάγετε με επιτυχία τα στοιχεία σας, θα λάβετε ένα μήνυμα σχετικά με τις πιστώσεις της Google και τις οποίες μπορείτε να χρησιμοποιήσετε για τις υπηρεσίες.

Δημιουργία project

1. Μόλις ολοκληρώσετε τις βασικές ενέργειες, θα μπορείτε να προχωρήσετε στη δημιουργία ενός έργου (project). Από προεπιλογή, κάθε νέος χρήστης έχει ήδη ένα δημιουργημένο project, παρόλα αυτά εσείς μπορείτε να δημιουργήσετε ένα νέο, στο οποίο θα πρέπει να ρυθμίσετε το Google Maps API κλειδί από το κουμπί New Project.

2. Συμπληρώστε τα πεδία: όνομα έργου, επιλέξτε τον οργανισμό σας και την τοποθεσία του και κάντε κλικ στο κουμπί Create για να δημιουργήσετε το project σας.

3. Στο κάτω μέρος του μενού πλοήγησης, επιλέξτε Google Maps Platform > Overview και επιλέξτε το project που έχετε ήδη δημιουργήσει, στην περίπτωση που έχετε περισσότερα από ένα, διαφορετικά θα ανοίξει αμέσως.

Θα πρέπει να ενεργοποιήσετε μερικά API εδώ:

  • Geolocation API - χρησιμεύει στον εντοπισμό του σημείου όπου βρίσκεται ο χρήστης.
  • Places API - χρησιμεύει στην αναζήτηση τοποθεσιών στο Google Maps, για παράδειγμα, όταν πληκτρολογείτε το όνομα ενός οργανισμού ή ενός κτηρίου η Google εμφανίζει την ακριβή διεύθυνση όπου βρίσκεται.
  • Mapa JavaScript API - αυτή είναι η πραγματική βιβλιοθήκη του Google Maps, που πρέπει να χρησιμοποιήσετε οπωσδήποτε.
  • Geocoding API - χρησιμεύει στην μετατροπή των διευθύνσεων σε συντεταγμένες. Οι συντεταγμένες είναι απαραίτητες κατά την υποβολή τους σε τρίτες υπηρεσίες.
  • Εάν θέλετε να χρησιμοποιήσετε μια στατική φωτογραφία στον χάρτη, η οποία θα είναι ορατή στον πίνακα διαχείρισης του καταστήματος σας, τότε ενεργοποιήστε το API Maps Static API.

Αυτά είναι τα 5 API που χρειάζεστε. Για να ενεργοποιήσετε το κάθε API, κάντε κλικ σε αυτό και επιλέξτε το Enable.

Για να επιστρέψετε πίσω και να ενεργοποιήσετε και τα υπόλοιπα, επιλέξτε APIs από το μενού πλοήγησης.

Από εδώ μπορείτε να ενεργοποιήσετε τα υπόλοιπα API κάνοντας κλικ σε αυτά και πατώντας ξανά το κουμπί Enable.

Δημιουργία API κλειδιού

1. Με το που ενεργοποιήσετε όλα τα απαραίτητα API, θα πρέπει να δημιουργήσετε  το δικό σας API κλειδί. Για να το κάνετε αυτό, μεταβείτε στο Google Maps Platform από το μενού, στην ενότητα Credentials και επιλέξτε APIs & Services.

2. Κάντε κλικ στο κουμπί + Create Credentials > API Key και αντιγράψτε το δημιουργημένο κλειδί. Αποθηκεύστε το σε ξεχωριστό αρχείο, έτσι ώστε να μπορείτε να το χρησιμοποιήσετε αργότερα.

Προστατέψτε το API κλειδί σας

Σας συνιστούμε να προστατέψετε το API κλειδί σας, γιατί διαφορετικά θα είναι ορατό και μπορεί εύκολα να κλαπεί από τρίτους, οι οποίοι μπορούν να κάνουν κάποια κατάχρηση και να χρεώσουν τον λογαριασμό σας. Όταν το κλειδί δεν είναι προστατευμένο, θα δείτε το παρακάτω εικονίδιο:

1. Για να το προστατέψετε, τοποθετήστε τον κέρσορα του ποντικιού πάνω από το μη προστατευμένο κλειδί και επιλέξτε edit settings.

2. Μπορείτε να αλλάξετε την ονομασία του (για παράδειγμα μπορεί να φέρει το όνομα του καταστήματος σας), να ορίσετε διαφορετικούς περιορισμούς. Εμείς σας συνιστούμε οι περιορισμοί να είναι σύμφωνα με την διεύθυνση του ιστότοπου, για το σκοπό αυτό επιλέξτε HTTP referrers (web sites) και εισαγάγετε την ιστοσελίδα σας στο πεδίο New Item και κάντε κλικ στο κουμπί Done.

3. Στο πεδίο περιορισμών API μπορείτε επίσης να προστατεύσετε το κλειδί σας για ορισμένες υπηρεσίες. Για να το κάνετε αυτό, επιλέξτε τα πέντε API που έχετε ενεργοποιήσει προηγουμένως (Geolocation API, Places API, Map JavaScript API, Geocoding API, Maps Static API) από το αναπτυσσόμενο μενού.

Το προστατευμένο κλειδί θα μοιάζει κάπως έτσι:

Μόλις ολοκληρώσετε τις ρυθμίσεις, θα πρέπει να μεταβείτε στον πίνακα διαχείρισης του καταστήματος σας και να εισαγάγετε το API κλειδί για να συνδέσετε το Google Maps.

Ρυθμίσεις στον πίνακα διαχείρισης του CloudCart καταστήματος σας

Πριν ξεκινήσετε να κάνετε τις ρυθμίσεις στον πίνακα διαχείρισης, θα χρειαστεί να περιμένετε λίγο (συνήθως 5 με 10 λεπτά) για να ενεργοποιηθεί η υπηρεσία από την πλευρά της Google, διαφορετικά θα λάβετε ένα μήνυμα σφάλματος.


1. Για να τοποθετήσετε το κλειδί API στο κατάστημα σας, μεταβείτε στις Ρυθμίσεις > Ρυθμίσεις καλαθιού. Στο παράθυρο που θα ανοίξει, μεταβείτε στην ενότητα Άλλο και στο πεδίο Google Maps API κλειδί τοποθετήστε το κλειδί σας και κάντε κλικ στην Αποθήκευση που βρίσκεται στην επάνω δεξιά γωνία της οθόνης.

2. Για να βεβαιωθείτε ότι όλα λειτουργούν σωστά μεταβείτε στο κατάστημα σας, επιλέξτε ένα προϊόν και προσθέστε το στο καλάθι. Συνεχίστε στο checkout και επιλέξτε την προσθήκη μιας διεύθυνσης. Εάν όλα πάνε όπως πρέπει, ένας χάρτης Google θα εμφανιστεί μαζί με κάποιες συστάσεις διευθύνσεων κατά την πληκτρολόγηση μιας διεύθυνσης. Όλα τα πεδία θα συμπληρώνονται αυτόματα κατά την εισαγωγή μιας διεύθυνσης ή με το πάτημα του κουμπιού για τον εντοπισμό της συσκευής.

Το κλειδί σας έχει ενεργοποιηθεί, όπως και οι δυνατότητες που έχετε με τη δημιουργία των γεωγραφικών περιοχών (ζωνών) και των γεωμετρικών πολυγώνων.



Σε περίπτωση που κάποιος καταφέρει να κλέψει το API κλειδί σας και προσπαθήσει να το χρησιμοποιήσει με ένα domain διαφορετικό από αυτό που έχετε εισαγάγει στην κονσόλα της Google, τότε το σύστημα θα το εντοπίσει και θα εμφανίσει ένα μήνυμα σφάλματος:

Δημιουργία προϋπολογισμού (budget)

Για να αποφύγετε τη χρέωση από την Google για την συγκεκριμένη υπηρεσία, μπορείτε να δημιουργήσετε ένα budget (προϋπολογισμό) ίσο με τις δωρεάν πιστώσεις που λαμβάνετε από την Google κάθε μήνα. Εκτός αυτού, μπορείτε να ρυθμίσετε ειδοποιήσεις που να σας ενημερώνουν όταν φτάσετε ένα συγκεκριμένο ποσό.


1. Για να το κάνετε αυτό, συνδεθείτε στον λογαριασμό σας και ανοίξτε το Google Console. Από το μενού πλοήγησης, επιλέξτε Billing > My Billing account > Budget & Alerts.

2. Στο πεδίο Target Amount, εισαγάγετε την αξία του budget που θέλετε να δημιουργήσετε. Στην περίπτωση μας αυτό είναι το ποσό των 200$.

3. Στο επόμενο βήμα μπορείτε να ρυθμίσετε την ειδοποίηση που θέλετε να λαμβάνετε κάθε φορά που φτάνετε σε ένα συγκεκριμένο όριο του budget σας:

Παρακολούθηση της χρήσης

Από την κονσόλα της Google, στην ενότητα Google Maps Platform > Metrics, μπορείτε να παρακολουθήσετε τον τρόπο με τον οποίο η ιστοσελίδα σας χρησιμοποιεί το Google Maps. Έχετε στη διάθεση σας διάφορες μετρήσεις και επιλογές φιλτραρίσματος, σύμφωνα με τα διαφορετικά API.

Στο Overview θα βρείτε πληροφορίες σχετικά με τον τρόπο χρήσης των APIs που έχετε ενεργοποιήσει:

Αυτά είναι όλα όσα χρειάζονται για την σύνδεση του καταστήματος σας με το Google Maps με την βοήθεια ενός API κλειδιού, έτσι ώστε να διευκολύνετε τους πελάτες σας στην ολοκλήρωση των παραγγελιών τους.

Troubleshooting

Εάν για κάποιο λόγο το κλειδί API σας δεν είναι έγκυρο κατά την ολοκλήρωση της παραγγελίας τους, οι πελάτες σας θα δουν μια "σπασμένη" κάρτα και δεν θα μπορούν να ολοκληρώσουν την παραγγελία τους. Σε αυτήν την περίπτωση, θα λάβετε μια αυτόματη ειδοποίηση στον πίνακα διαχείρισης του καταστήματός σας σχετικά με το υπάρχον ζήτημα. 

Ζητήστε την υπηρεσία

Σε περίπτωση που χρειαστείτε βοήθεια με τις ρυθμίσεις των Google Maps, μπορείτε να ζητήσετε την υπηρεσία από το παρακάτω κουμπί. Η ομάδα μας θα λάβει όλα τα απαραίτητα μέτρα για τη ρύθμιση και τη λειτουργία του Google Maps στο CloudCart κατάστημα σας.


Παραγγελία