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

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

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

การใช้ Google Maps Platform

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

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

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

ลงทะเบียนสร้างคีย์ Google Maps API

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

ขั้นตอน:

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

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

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

  4. สร้างชื่อใหม่หรือเลือกโปรเจ็กต์ที่มีอยู่

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

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

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

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

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

ขั้นตอน:

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

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

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

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

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

  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 แล้วหรือยัง

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