การลงทะเบียนคีย์ API ของ Google Maps

คุณสามารถเพิ่มส่วนแผนที่ลงในธีมของคุณเพื่อแสดงตำแหน่งที่ตั้งของธุรกิจของคุณ ธีมฟรีจาก Shopify จำนวนมากมีส่วนแผนที่ที่คุณสามารถเพิ่มลงในหน้าหลักของคุณได้

สำหรับแผนที่ที่จะแสดง คุณจะต้องลงทะเบียนคีย์ API ของ Google Maps แล้วรวมไว้ในการตั้งค่าส่วนแผนที่ในเครื่องมือแก้ไขธีม

หมายเหตุ: Google ได้ประกาศการเปลี่ยนแปลงบริการแผนที่ ซึ่งจะมีผลในวันที่ 11 มิถุนายน 2018 สำหรับข้อมูลเพิ่มเติม ให้ดูที่ประกาศโพสต์บล็อกเกี่ยวกับ Google Maps Platform ใหม่ของทาง Google

การใช้ Google Maps Platform

เมื่อใช้ API ของ Google เพื่อเพิ่มส่วนแผนที่ลงในธีมของคุณ แสดงว่าคุณยอมรับข้อกำหนดในการใช้บริการของ Google Maps Platform

ในวันที่ 11 มิถุนายน 2018 Google Maps Platform ได้นำเสนอการเปลี่ยนแปลงจำนวนมากเกี่ยวกับวิธีการจัดระเบียบและใช้ API ของ Google Maps การใช้ API เหล่านี้จะต้องตั้งค่าบัญชีการเรียกเก็บเงินด้วย Google Maps Platform อย่างไรก็ตาม นี่ไม่ได้หมายความว่าจะมีการเรียกเก็บค่าธรรมเนียมรายเดือนกับคุณในการใช้บริการดังกล่าว คุณได้รับเครดิตรายเดือนอย่างต่อเนื่องเพื่อรับบริการที่ครอบคลุมอย่างเต็มที่

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการกำหนดราคา ให้ดูที่เอกสารประกอบการกำหนดราคาและการเรียกเก็บเงินของ Google Maps Platform

ลงทะเบียนคีย์ API ของ Google Maps

คุณสามารถลงทะเบียนคีย์ API ของ Google Maps ได้

ขั้นตอน:

  1. ไปที่หน้า Google Maps Platform แล้วคลิก เริ่มใช้งาน

  2. เลือกสินค้า Places เพื่อรับ API ที่จำเป็นสำหรับการทำงานกับส่วนแผนที่ของธีมฟรี

  3. คลิก ดำเนินการต่อ

  4. ขั้นตอนเลือกโปรเจ็กต์จะขอให้คุณเชื่อมโยงชื่อชื่อหนึ่งกับการใช้ API ของ Google ของคุณ สร้างชื่อใหม่หรือเลือกโปรเจ็กต์ที่มีอยู่

  5. หลังจากยอมรับข้อกำหนดในการใช้บริการแล้ว ให้คลิก ถัดไป

  6. สร้างบัญชีการเรียกเก็บเงินด้วย Google Maps Platform บัญชีการเรียกเก็บเงินเป็นข้อกำหนดใน Google Maps Platform ใหม่ สำหรับข้อมูลเพิ่มเติม ให้ดูที่เอกสารประกอบการกำหนดราคาและการเรียกเก็บเงินของ Google Maps Platform

  7. หลังจากเปิดใช้ Google Maps Platform แล้ว ให้คัดลอกคีย์ API ของ Google Maps ใหม่ของคุณไปยังคลิปบอร์ด

เพิ่มคีย์ API ของ Google Maps ของคุณลงในธีมของคุณ

คุณสามารถเพิ่มคีย์ API ของ Google Maps ของคุณลงในธีมได้

ขั้นตอน:

  1. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก ปรับแต่ง

  2. คลิกที่ ส่วน

  3. คลิก เพิ่มส่วน

  4. คลิก แผนที่ > เพิ่ม

  5. ป้อนข้อมูลสำหรับแผนที่ของคุณ ในช่องคีย์ API ของ Google Maps ให้วางคีย์ API ของ Google Maps ของคุณ

  6. คลิกที่บันทึก

หากมีข้อผิดพลาดในการสื่อสารกับ API ของ Google Maps Platform ระบบจะแทนที่แผนที่นั้นด้วยรูปภาพพื้นหลังหรือสีที่คุณได้ระบุไว้ในเครื่องมือแก้ไขธีม

จำกัดการเข้าถึง API เฉพาะที่ร้านค้าของคุณเท่านั้น

Google Maps Platform จะแจ้งให้คุณจำกัดการเข้าถึง API ของคุณ คีย์ API ของคุณเป็นรหัสเฉพาะสำหรับส่วนแผนที่ของคุณ ดังนั้นคุณสามารถป้องกันไม่ให้ผู้อื่นใช้คีย์ API ของคุณได้โดยจำกัดการเข้าถึงเฉพาะที่โดเมนของคุณเท่านั้น

ตัวอย่างการป้อนเว็บไซต์หลายรายการเพื่อจำกัดการเข้าถึง API

ขั้นตอน:

  1. ไปที่หน้าข้อมูลประจำตัว API ของ Google

  2. เลือกโปรเจ็กต์ของคุณจากเมนู

  3. เลือกคีย์ API ที่คุณได้สร้างไว้เพื่อเริ่มแก้ไข

  4. ในส่วนข้อจำกัดของแอปพลิเคชัน ให้คลิก ผู้อ้างอิง HTTP (เว็บไซต์) แล้วป้อนโดเมนทั้งหมดที่เชื่อมโยงกับร้านค้าของคุณ รวมถึงโดเมน .myshopify.com ของคุณ ตัวอย่างเช่น หากคุณมีโดเมนแบบกำหนดเอง ให้ป้อนทั้ง https://myCustomDomain.com/* และ https://shop1.myshopify.com/*

  5. คลิกที่บันทึก

ทางเลือกอื่นๆ ในการใช้ Google Maps Platform

หากคุณต้องการแสดงแผนที่ในเว็บไซต์ของคุณ แต่ไม่ใช้บริการของ Google Maps Platform คุณสามารถวางแผนที่แบบฝังตัวในหน้าของคุณได้

แผนที่แบบฝังตัวใช้ HTML <iframe> ซึ่งสามารถวางลงในหน้าหรือส่วนหน้าหลักที่มีช่องป้อนข้อมูล Rich Text

พร้อมเริ่มต้นการขายด้วย Shopify แล้วหรือยัง

ทดลองใช้งานฟรี