EyeSpy360 API และ SDK

ทัวร์เสมือนจริง EyeSpy360™ คืออะไร?


คำแนะนำแบบ 360 องศาของอสังหาริมทรัพย์ เรือ โรงแรม และอื่นๆ อีกมากมายที่ผู้ใช้สร้างและเผยแพร่ด้วยตนเองโดยใช้ EyeSpy360 ™ Virtual Tour Editor ที่ง่ายและรวดเร็ว ดูวิดีโอสาธิตของเราที่ https://www.eyespy360.com มันง่ายมากจริงๆ


วิดเจ็ต HTML ของ EyeSpy360™ คืออะไร


วิดเจ็ต EyeSpy360 ™ เป็น API / SDK ที่ให้คุณเพิ่มการสร้างและเผยแพร่ทัวร์เสมือนจริงไปยังตัวแก้ไขรายการอสังหาริมทรัพย์ของคุณเอง ทำได้ง่ายเพียงเพิ่มโค้ดบรรทัดเดียว:


 <script src="https://e3.eyespy360.com/widget/virtual-tours.1.0.2.js?key=1234&secret=ABCDEF&externalTourID=myPropertyID&target=virtualTourURL"></script>


สำหรับใคร?


คุณได้ดำเนินการระบบการจัดการรายการทรัพย์สินที่ผู้ใช้ของคุณสร้าง แก้ไข และเผยแพร่รายการทรัพย์สิน รายชื่อเหล่านี้ประกอบด้วยคำอธิบายและรูปภาพ และคุณต้องการให้ผู้ใช้ของคุณสร้างทัวร์เสมือนจริง 360 องศาได้


มันทำงานอย่างไร?


คุณอาจมีฟิลด์แบบฟอร์ม URL ทัวร์เสมือนสำหรับบันทึกข้อมูลรายชื่ออสังหาริมทรัพย์และแก้ไขแบบฟอร์มอยู่แล้ว ถ้าไม่สร้างก่อน เพิ่มโค้ดฝังตัว EyeSpy360 ™ Widget หนึ่งบรรทัด และตั้งค่าพารามิเตอร์ เป้าหมาย เป็น ID ของฟิลด์อินพุต HTML สำหรับ URL ทัวร์ชมเสมือน เช่น <input id="virtualTourURL" วิดเจ็ตจะวางปุ่ม Virtual Tour Editor ไว้หลังช่องป้อนข้อมูลโดยอัตโนมัติ



เมื่อผู้ใช้คลิกที่ปุ่ม Tour Editor EyeSpy360 ™ Tour Editor จะปรากฏภายในหน้าเว็บเดียวกันเป็นป๊อปอัป 95% x 95% ผู้ใช้อัปโหลดภาพ 360 เชื่อมโยงผ่านทางเข้าและออก ดูตัวอย่างทัวร์เสมือนจริง แล้วคลิก 'เผยแพร่' URL ที่เผยแพร่จะถูกป้อนโดยอัตโนมัติในฟิลด์แบบฟอร์ม URL ทัวร์เสมือนที่ระบุโดยพารามิเตอร์วิดเจ็ตเป้าหมาย Tour Editor จะปิดลงเมื่อผู้ใช้คลิกปุ่มปิดที่ด้านบนขวา หรือหากผู้ใช้คลิกนอก Tour Editor โดยที่เว็บไซต์หลักจะยังคงมองเห็นได้ในขอบป๊อปอัป 5%


จากนั้นคุณจะเก็บค่า URL ทัวร์ชมเสมือนไว้ในฐานข้อมูลของคุณพร้อมกับช่องอื่นๆ ที่ผู้ใช้แก้ไข ขณะที่ผู้ใช้บันทึกการเปลี่ยนแปลง


พารามิเตอร์วิดเจ็ต


คีย์, ความลับ - บังคับ ฟิลด์คีย์และข้อมูลลับจะแสดงในส่วน 'การตั้งค่า -> ข้อมูลรับรอง API' ของคุณใน https://e3.eyespy360.com ไม่มีบัญชี EyeSpy360 ™ ? รับหนึ่งฟรี

externalTourID - บังคับ ตัวระบุเฉพาะที่คุณให้มา ความยาวสูงสุด 36 ตัวอักษร คุณจะจัดเก็บคุณสมบัติของคุณในที่เก็บข้อมูลภายใต้ตัวระบุเฉพาะบางตัวอยู่แล้ว ใช้ที่นี่

เป้าหมาย - บังคับ ID ของฟิลด์อินพุต HTML ที่ตัวแก้ไข EyeSpy360 ™ Virtual Tour จะใส่ Tour URL

ตัวแทน - ไม่บังคับ หากระบบการจัดการทรัพย์สินของคุณเป็นแบบหลายผู้ใช้หรือแม้แต่หลายบริษัท โปรดตั้งค่าฟิลด์นี้เป็นชื่อผู้ใช้หรือบริษัท วิธีนี้จะช่วยคุณติดตามว่าทัวร์ใดเป็นของตัวแทนรายใดในแบ็กเอนด์ของ EyeSpy360 ™ ตัวอย่าง: Jon Doe, Jane Doe, Doe Estates

ทัวร์ - ไม่บังคับ ชื่อของทัวร์เสมือนจริง ตั้งค่านี้เป็นชื่อรายการที่พักของคุณ เพื่อให้ผู้ใช้ของคุณไม่จำเป็นต้องป้อนอีกครั้งใน Tour Editor ตัวอย่าง บ้านคาเวนดิช

hl - ตัวเลือก ภาษาอินเทอร์เฟซ ค่าที่รองรับคือ ar,bg,de,en,es,fr,nl,pt,ru,th,zh ค่าเริ่มต้นคือ 'en'


การปรับแต่งปุ่มวิดเจ็ต


คุณจะต้องการเปลี่ยนรูปลักษณ์ของปุ่ม 'Tour Editor' เพื่อให้เข้ากับรูปลักษณ์และความรู้สึกของเว็บไซต์ของคุณ คุณสามารถทำได้โดยใช้ CSS ที่คุณต้องการกับองค์ประกอบ eyespy360_btn ตัวอย่าง:

 #eyespy360_btn {
  สี: แดง;
  น้ำหนักตัวอักษร: ตัวหนา;
  ขอบซ้าย: 10px;
}


SDK ทัวร์เสมือนจริงของ Android


คุณยังสามารถฝัง EyeSpy360 ™ Tour Editor ลงในแอปพลิเคชัน Android ได้โดยตรง ดู SDK ที่ https://github.com/eyespy360/Virtual-Tour-Android-SDK


iOS Virtual Tour SDK


คุณยังสามารถฝัง EyeSpy360 ™ Tour Editor ลงในแอปพลิเคชัน iOS ได้โดยตรง ดู SDK ได้ที่: https://github.com/eyespy360/Virtual-Tour-iOS-SDK


ทดสอบเนื้อหา


ภาพพาโนรามาและแผนผังชั้น:

https://www.eyespy360.com/downloads/EyeSpy360_Test_Images.zip


ฉันจะฝังทัวร์ในรายการทรัพย์สินที่เผยแพร่ของฉันได้อย่างไร


การฝังใน iframe:

 <iframe width="640" height="390" src="virtualTourURL" allowfullscreen></iframe>


โดยที่ VirtualTourURL คือค่าจากที่เก็บข้อมูลของคุณ ปรับ ความกว้าง และ ความสูง ให้เข้ากับการออกแบบของคุณ