5 วิดเจ็ต Google Maps เชิงโต้ตอบที่ดีที่สุดสำหรับเว็บไซต์ในปี 2022

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

ในบทความนี้ คุณจะพบกับวิดเจ็ต Google แผนที่ฟรี 5 อันดับแรกที่ใช้บนเว็บไซต์ของคุณ

5 เคล็ดลับที่ควรพิจารณาเมื่อใช้ Google Maps บนเว็บไซต์

1. ระบุที่ตั้งธุรกิจทั้งหมด – หากธุรกิจของคุณมีที่ตั้งหลายแห่ง อย่าลืมเพิ่มสถานที่เหล่านั้น เพื่อให้ Google แผนที่จะแนะนำไซต์ที่ใกล้ที่สุดตามตำแหน่งของผู้ใช้ วิดเจ็ต Google Maps ส่วนใหญ่ที่แสดงด้านล่างรองรับ
2. ฝังในตำแหน่งที่เหมาะสม – ปลั๊กอิน Google Maps บางตัวสำหรับเว็บไซต์อาจทำให้ความเร็วในการโหลดของเว็บไซต์ ดังนั้น ให้ฝังเฉพาะในตำแหน่งที่เหมาะสม เช่น "หน้าติดต่อ" ของไซต์ของคุณ นอกจากนี้ คุณสามารถทดสอบโดยใช้บริการต่างๆ เช่น Google Tag Manager หรือ Zaraz โดย Cloudflare เพื่อโหลดสคริปต์ของวิดเจ็ต Google Maps แบบอะซิงโครนัสเพื่อค้นหาผลกระทบต่อความเร็วของหน้าเว็บ
3. ตั้งค่าการควบคุมแผนที่ – ทำให้วิดเจ็ต Google Maps ใช้งานง่ายโดยเปิดใช้งานการควบคุมแผนที่ เช่น ประเภทแผนที่ (แผนงาน ดาวเทียม ภูมิประเทศ) ซูม มาตราส่วน หมุน เต็มหน้าจอ และอื่นๆ
4. การทดสอบ A/B – ลองใช้สีแผนที่ต่างๆ ตำแหน่งวิดเจ็ต ฯลฯ เพื่อกำหนดประสิทธิภาพ
5. ใช้องค์ประกอบส่งเสริม Conversion อื่นๆ – สมมติว่าคุณได้ตั้งค่าโปรไฟล์ Google My Business ของธุรกิจของคุณ เหตุใดจึงไม่ฝัง Google Reviews บนเว็บไซต์

วิดเจ็ต Google Maps ที่ดีที่สุดสำหรับเว็บไซต์ของคุณ

หมายเหตุ : คุณอาจต้องสร้าง API สำหรับ Google Maps บนแพลตฟอร์ม Google Cloud ของคุณ ซึ่งอาจมีค่าใช้จ่ายตามการใช้งานของคุณ

ElfSight Google Maps Widget

ElfSight เป็นบริการยอดนิยมที่มีปลั๊กอินต่างๆ สำหรับเว็บไซต์ เช่น ปฏิทินกิจกรรมพร้อมปุ่ม CTA, บทวิจารณ์ Yelp, สถิติ coronavirus, เครื่องเล่นเสียง และแถบเลื่อนคำรับรอง

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

ฟีเจอร์หลัก

• ทำให้ธุรกิจของคุณเข้าถึงได้ง่ายด้วยข้อมูลติดต่อโดยละเอียด – วิดเจ็ต Google Maps ของ ElfSight ช่วยให้คุณแสดงข้อมูลติดต่อประเภทต่างๆ บนแผนที่: เพิ่มเครื่องหมายและแสดงรายละเอียดสูงสุดในหน้าต่างข้อมูล รวมถึงโทรศัพท์ ที่อยู่ เวลาเปิดทำการ และอื่นๆ ; รวมสถานที่ทั้งหมดของคุณไว้ในรายการเดียวบนแผงตำแหน่งเพื่อให้ใช้งานได้ง่าย
• การค้นหาเส้นทางอัตโนมัติและการคำนวณเวลา – ผู้เยี่ยมชมเว็บไซต์ของคุณจะสามารถเห็นการคำนวณเส้นทางเดินหรือขับรถและเส้นทางที่มีประสิทธิภาพสูงสุดบนแผงเส้นทางโดยไม่ต้องออกจากหน้าของคุณ
• เลเยอร์แผนที่ห้าชั้น – POI (จุดสนใจ) (หน่วยงานทางภูมิศาสตร์โดยเฉพาะ เช่น เหตุการณ์สำคัญ สถาบัน แหล่งมรดก หรือสำนักงานขององค์กร) การจราจร การขนส่งสาธารณะ จักรยาน และสตรีทวิว คุณสามารถเปิดใช้งานรายการทั้งหมดบนแผนที่
• หลายตำแหน่งและไอคอนมากกว่า 50+ รายการ – เพิ่มเครื่องหมายบนแผนที่ของคุณไม่จำกัดจำนวน: ร้านค้า ร้านอาหาร สถานที่สาธารณะ และสวนสาธารณะ – เลือกจากห้องสมุดที่มีมากกว่า 50 หมวดหมู่ โดยแต่ละรายการมีไอคอน
• การควบคุมแผนที่ - วิดเจ็ตแผนที่ ElfSight Google ช่วยให้คุณเปิดใช้งานการควบคุมต่างๆ เช่น ประเภทแผนที่ (ดาวเทียม ภูมิประเทศ แผนงาน) สตรีทวิว ซูม มาตราส่วน ฯลฯ
• สไตล์ Google Maps ที่กำหนดเอง (JSON) – มีสี่สไตล์ในตัว (ค่าเริ่มต้น, สีเงิน, กลางคืน, ย้อนยุค) และคุณสามารถสร้างแผนที่สีที่กำหนดเองหรือเพิ่มโดยใช้ JSON คุณสามารถสร้างสไตล์ Google Maps ที่กำหนดเองได้ผ่าน Google Data Studio (นี่คือบทช่วยสอน) หรือ Snazzymaps
• การดำเนินการเมื่อคลิกเครื่องหมาย – เปิดหน้าต่างข้อมูล (แผงที่มีรายละเอียดที่คุณระบุ) เปลี่ยนเส้นทางไปยัง URL (แนะนำให้ผู้ใช้ไปยังหน้าที่เหมาะสม เช่น หน้าการจองหรือลงชื่อสมัครใช้) ไม่มี (จะไม่มีอะไรเกิดขึ้น)
• แอนิเมชั่น – ดึงความสนใจของผู้อ่านด้วยแอนิเมชั่นเครื่องหมาย
• ฝังในเว็บไซต์ใดก็ได้ – ไม่ว่าคุณจะใช้ WordPress, Google Sites, Blogger, Brizy, Weebly, Wix, Webflow, Squarespace, Clickfunnels หรือไซต์ HTML ใดๆ ก็ตาม คุณสามารถติดตั้งวิดเจ็ตตำแหน่ง Google Maps ได้อย่างง่ายดายโดยวางข้อมูลโค้ด
• สถิติและการควบคุมไซต์ – ค้นหาจำนวนการดูแต่ละวิดเจ็ตที่ได้รับและวิดเจ็ตไซต์ที่ฝังอยู่ คุณสามารถบล็อกไซต์จากแดชบอร์ด ElfSight ของคุณได้อย่างง่ายดาย - เป็นตัวเลือกที่ยอดเยี่ยมสำหรับเอเจนซี่

นี่คือวิดีโอเกี่ยวกับการใช้ ElfSight เพื่อสร้างวิดเจ็ต Google Maps สำหรับเว็บไซต์

เครื่องมือสร้างวิดเจ็ต Google Maps

สร้างวิดเจ็ตแผนที่ Google ของคุณเองด้านล่าง

ราคา

ElfSight มีสองรูปแบบการกำหนดราคา การกำหนดราคาแอปเดียวและราคาแอปทั้งหมด ราคาสำหรับปลั๊กอิน Google Maps แสดงไว้ด้านล่างเท่านั้น

• Lite – ฟรี – 1 เว็บไซต์, 200 วิวต่อเดือน, โลโก้ ElfSight
• พื้นฐาน – $5/เดือน – เว็บไซต์ไม่จำกัด, 5,000 วิวต่อเดือน, ไม่มีโลโก้ ElfSifght
• Pro – $10/เดือน – เว็บไซต์ไม่จำกัด, 50,000 วิวต่อเดือน, ไม่มีโลโก้ ElfSifght
• องค์กร – $ 25/เดือน – เว็บไซต์ไม่จำกัด, 5,000,000 วิวต่อเดือน, ไม่มีโลโก้ ElfSifght

แพ็กเกจแอปทั้งหมดมีวิดเจ็ต Google Maps และแอปอื่นๆ อีกกว่า 40 แอป เช่น วิดเจ็ตรีวิวแบบครบวงจร รายละเอียดราคาแสดงอยู่ด้านล่าง

คลิกที่นี่เพื่อลองใช้วิดเจ็ต Google Maps ของ ElfSight

ปลั๊กอินแผนที่พลังงาน

Powr เป็นไซต์เช่น ElfSight ที่มีปลั๊กอินที่มีประสิทธิภาพในการอัปเกรดไซต์ ปัจจุบันมีแอพมากกว่า 40 แอพในไลบรารีแอพ Pow นาฬิกานับถอยหลังสำหรับอีเมล เครื่องมือสร้างตารางราคา และตัวนับเวลาคือบางส่วน

เช่นเดียวกับแอป Powr ส่วนใหญ่ ปลั๊กอิน Powr Maps มีคุณลักษณะหลากหลาย และไม่เหมือนกับวิดเจ็ต ElfSight Google Maps Powr ไม่ต้องใช้คีย์ Google Maps API

ฟีเจอร์หลัก

• ผู้ให้บริการแผนที่สองราย – Open Street Map หรือ Google Maps
• หมุดตำแหน่งสูงสุด 5 ตำแหน่ง - ปักหมุดตำแหน่งสูงสุด 5 ตำแหน่งบนวิดเจ็ต Google Maps ของคุณ
• แผนที่เชิงโต้ตอบสำหรับสถานที่ใดๆ – ผู้ใช้จะสามารถซูม ปรับขนาด เปลี่ยนประเภทแผนที่ ฯลฯ ได้โดยตรงจากไซต์ของคุณ
• แผงตำแหน่งสำหรับการนำทางอย่างรวดเร็ว – แสดงรายการสถานที่ทั้งหมดที่คุณต้องการเน้น และผู้คนสามารถคลิกที่แต่ละรายการและดูตำแหน่งที่แน่นอน ระยะทาง และเส้นทางจากตำแหน่งปัจจุบันของพวกเขา
• เก้ารูปแบบการแสดงผลที่ไม่ซ้ำกัน - ปรับรูปแบบวิดเจ็ตเพื่อให้สอดคล้องกับธีมเว็บไซต์ของคุณ
• รองรับข้อความในภาษาใดก็ได้ - แปลวิดเจ็ตด้วยข้อความที่กำหนดเอง
• แบบอักษรที่กำหนดเอง สี พื้นหลัง และอื่นๆ – เลือกแบบอักษรที่แตกต่างกันกว่า 10 แบบ เปลี่ยนขนาดแบบอักษร สีข้อความ และอื่นๆ
• กำหนดขนาดวิดเจ็ตเอง – ปรับความกว้างของวิดเจ็ต
• CSS ที่กำหนดเอง - Power ช่วยให้คุณจัดรูปแบบปลั๊กอิน Google Maps ด้วย CSS ที่กำหนดเอง
• JavaScript ที่กำหนดเอง – เรียกใช้โค้ด JavaScript เมื่อโหลดปลั๊กอินบนไซต์
• ติดตั้งบนแพลตฟอร์มใดก็ได้ – ฝังปลั๊กอินตำแหน่ง Google Maps บนแพลตฟอร์มใดๆ ได้อย่างง่ายดายโดยคัดลอกและวางข้อมูลโค้ด HTML

ต่อไปนี้คือวิธีสร้างวิดเจ็ต Google Maps ฟรีสำหรับเว็บไซต์ที่มีปลั๊กอิน Powr Maps

การสาธิต

ราคา

ปลั๊กอิน Google Maps ของ Power ไม่มีค่าใช้จ่าย อย่างไรก็ตาม คุณอาจต้องอัปเกรดเป็นแผนชำระเงินเพื่อใช้คุณสมบัติพิเศษ เช่น การนำเข้าตำแหน่งจำนวนมากผ่าน CSV และการแสดงตำแหน่งที่ใกล้ที่สุด

• ฟรี – 5 แห่ง, สร้างตราสินค้า Power บนวิดเจ็ต
• Starter – $5.49/เดือน – 10 สถานที่, แถบค้นหา, พินที่กำหนดเอง, แสดงตำแหน่งที่ใกล้ที่สุด, ไม่มีการสร้างแบรนด์ Powr
• Pro – $13.49/เดือน – 50 ตำแหน่ง, แถบค้นหา, พินที่กำหนดเอง, CSS & JS ที่กำหนดเอง, แสดงตำแหน่งที่ใกล้ที่สุด, การนำเข้าจำนวนมากผ่าน CSV, ไม่มีการสร้างแบรนด์ Powr
• ธุรกิจ – $89.99/เดือน – ไม่จำกัดตำแหน่ง, แถบค้นหา, พินแบบกำหนดเอง, CSS & JS แบบกำหนดเอง, แสดงตำแหน่งที่ใกล้ที่สุด, การนำเข้าจำนวนมากผ่าน CSV, การสร้างแบรนด์แบบไม่มีอำนาจ

คลิกที่นี่เพื่อลองใช้ปลั๊กอิน Power Map

WP แผนที่

ในกรณีที่คุณใช้ WordPress เพื่อขับเคลื่อนไซต์ของคุณและกำลังมองหาปลั๊กอินแผนที่ WP Maps โดย flippercode เป็นโปรแกรมที่ยอดเยี่ยมที่มีคุณสมบัติมากมายและตัวเลือกที่ปรับแต่งได้

ฟีเจอร์หลัก

• แผนที่และตำแหน่ง ไม่จำกัด – ปักหมุดสถานที่ไม่จำกัดด้วยข้อมูลต่างๆ บนแผนที่ไม่จำกัด
• ปรับแต่งเครื่องหมาย – กำหนดเครื่องหมายของคุณเองให้กับหมวดหมู่หรือเลือกเครื่องหมายที่มีสีสันจากเครื่องหมายสำเร็จรูปกว่า 500 รายการจากคอลเลกชั่นไอคอนแผนที่
• แผนที่สี่ประเภท – แผนงาน ดาวเทียม ไฮบริด ภูมิประเทศ
• มุมมองถนน – เปิดใช้งานมุมมองถนน หัวข้อ Pov (มุมมอง) และ Pov Pitch สำหรับมุมมองถนน
• แผนที่ Stylization – Google แผนที่ที่กำหนดเองจาก Snazzymaps.com
• ค้นหาการควบคุม บนแผนที่ส่วนหน้าเพื่อค้นหาตำแหน่ง
• รองรับหลายภาษา ฟังก์ชั่นภาพ 45° และอื่นๆ

WP Maps เป็นปลั๊กอินแผนที่ฟรีสำหรับ WordPress เวอร์ชันที่ต้องชำระเงิน (PRO) มีคุณสมบัติเพิ่มเติม เช่น การนำเข้า/ส่งออกสถานที่ การแนะนำเส้นทางและเส้นทางสำหรับผู้เยี่ยมชม และการสนับสนุนหลายไซต์

แผนที่สุดเก๋

Snazzy Maps เป็นบริการออนไลน์ที่ให้คุณสร้างวิดเจ็ต Google Maps ที่มีสไตล์ทางออนไลน์ได้ฟรี สไตล์ทั้งหมดได้รับอนุญาตภายใต้ครีเอทีฟคอมมอนส์และใช้งานได้ฟรีโดยสมบูรณ์

ฟีเจอร์หลัก

• ไลบรารีสไตล์ – มีวิดเจ็ตแผนที่ของ Google หลายพันรูปแบบ โดยแต่ละแบบมีคะแนนที่ชื่นชอบตามตัวเลือกของผู้คน คุณสามารถสำรวจสไตล์นับพัน รับโค้ด JSON และใช้สไตล์ดังกล่าวเมื่อสร้างวิดเจ็ต Google Map แบบฝังได้
• สร้างสไตล์วิดเจ็ตแผนที่ของ Google เอง – กระบวนการทีละขั้นตอนช่วยให้คุณสร้างสไตล์ของคุณเองได้ง่ายขึ้น
• สร้างแผนที่ – ใช้รูปแบบแผนที่ กำหนดขนาดและตำแหน่งของวิดเจ็ต เพิ่มเครื่องหมาย ปรับแต่งภาษา การควบคุม และการตั้งค่าพฤติกรรม และสร้างซอร์สโค้ดสำหรับ Google Map
• ปลั๊กอิน – ใช้ปลั๊กอิน WordPress เพื่อสร้างและติดตั้ง Google Maps ภายในไซต์ WordPress ของคุณ

SnazzyMaps เป็นเว็บไซต์ฟรีที่ให้คุณสำรวจรูปแบบวิดเจ็ตแผนที่ของ Google สร้างสไตล์ของคุณเอง และสร้างโค้ด Google Map แบบฝังได้สำหรับเว็บไซต์

คลิกที่นี่เพื่อลอง SnazzyMaps

ปลั๊กอิน WordPress Maps สำหรับ Google Maps

หากคุณกำลังใช้ WordPress เพื่อขับเคลื่อนไซต์ของคุณและกำลังมองหาปลั๊กอินแผนที่ ปลั๊กอินวิดเจ็ต Google Maps โดย WebFactory Ltd นั้นยอดเยี่ยม

ฟีเจอร์หลัก

• กำหนดขนาด Google Map เอง
• เลือกประเภทแผนที่ของ Google – แผนที่ถนน แผนที่ดาวเทียม แผนที่ภูมิประเทศ แผนที่ไฮบริด
• โครงร่างสีของ Google map
• ประเภทลิงก์ – แผนผังไลท์บ็อกซ์ URL ที่กำหนดเอง
• ควบคุมระดับการซูม
• ตั้งค่าภาษาแผนที่ Google, ไอคอนพินที่กำหนดเอง, รหัสย่อเพื่อฝังแผนที่ Google ที่ใดก็ได้บนไซต์ WordPress ของคุณ และอีกมากมาย

WebFactory LTD มีปลั๊กอินอื่นที่เรียกว่า "Map Block สำหรับ Google Maps" สำหรับตัวแก้ไขบล็อก Gutenberg

ปลั๊กอินไม่มีค่าใช้จ่าย มีรุ่น Pro ที่มีคุณสมบัติเพิ่มเติม

คำพูดสุดท้ายเกี่ยวกับวิดเจ็ต Google Maps ที่ดีที่สุดสำหรับเว็บไซต์

การใช้วิดเจ็ตที่ถูกต้องในตำแหน่งที่เหมาะสมสามารถเปลี่ยนแคมเปญที่ทำงานได้ไม่ดีให้กลายเป็นจุดคุ้มทุนหรือสร้างผลกำไร บทความก่อนหน้านี้ของเราได้แบ่งปันวิธีการเพิ่มปุ่ม PayPal Pay แบบกำหนดเองบนเว็บไซต์ วิดเจ็ตตัวนับเวลาถอยหลังสำหรับเว็บไซต์ ฯลฯ เพื่อปรับปรุงอัตราการแปลงของไซต์ของคุณ ในทำนองเดียวกัน การใช้วิดเจ็ต Google Maps บนเว็บไซต์ก็มีประโยชน์อย่างยิ่งสำหรับธุรกิจในและต่างประเทศ

โดยส่วนตัวแล้ว ฉันแนะนำให้ใช้บริการเช่น ElfSight และ Powr เนื่องจากบริการเหล่านี้มีประเภทวิดเจ็ตเพิ่มเติมซึ่งจะมีประโยชน์ในอนาคต ตรวจสอบการทบทวน ElfSight vs. Powr สำหรับความแตกต่างที่สำคัญ ข้อดีและข้อเสีย ฯลฯ