แสดงคะแนนความน่าอยู่สดสำหรับที่อยู่ใดก็ได้บนหน้าเว็บของคุณ — ฟรี รองรับทุกอุปกรณ์ และไม่ต้องมีขั้นตอน build เหมาะสำหรับประกาศอสังหาริมทรัพย์ คู่มือย่านชุมชน เครื่องมือช่วยย้ายถิ่นฐาน และหน้าเมือง ผู้เยี่ยมชมที่แตะที่คะแนนจะเข้าสู่รายงาน BuildingsScore ฉบับเต็ม
เพิ่ม placeholder ในตำแหน่งที่ต้องการแสดงคะแนน จากนั้นโหลดสคริปต์หนึ่งครั้งต่อหน้า กำหนดพิกัดของสถานที่ที่ต้องการให้คะแนน:
<div data-buildingsscore data-lat="48.8584" data-lng="2.2945"></div> <script async src="https://buildingsscore.com/embed.js"></script>
เพียงเท่านี้ สคริปต์จะแทนที่ placeholder ด้วยการ์ดคะแนนและปรับขนาดให้พอดีโดยอัตโนมัติ
นี่คือวิดเจ็ตที่ได้จาก snippet ด้านบน:
มีสองรูปแบบผ่าน data-layout — vertical
(ค่าเริ่มต้นที่แสดงด้านบน เหมาะสำหรับแถบด้านข้างและการ์ด) และ
horizontal แบนเนอร์กว้างที่เหมาะกับส่วนบนของประกาศหรือแถวแบบเต็มความกว้าง:
<div data-buildingsscore data-layout="horizontal"
data-lat="48.8584" data-lng="2.2945"></div>
กำหนดค่าวิดเจ็ตด้วยแอตทริบิวต์ data-* บน placeholder:
| แอตทริบิวต์ | คำอธิบาย |
|---|---|
data-lat / data-lng | พิกัดของสถานที่ที่ต้องการให้คะแนน เป็นตัวเลือกที่เชื่อถือได้และไม่ต้องค้นหา — ใช้เมื่อมีข้อมูลนี้ |
data-address | ที่อยู่บนท้องถนนสำหรับให้คะแนน (จะ geocode หากไม่ระบุ lat/lng) และ/หรือเป็นป้ายกำกับที่แสดงบนการ์ด |
data-layout | vertical (ค่าเริ่มต้น การ์ดสูง) หรือ horizontal (แบนเนอร์กว้าง — คะแนนอยู่ข้างกริดมิติแบบสองคอลัมน์) |
data-theme | auto (ค่าเริ่มต้น ตามระบบปฏิบัติการของผู้เยี่ยมชม) light หรือ dark |
data-ref | แท็กเว็บไซต์/แคมเปญของคุณสำหรับการระบุที่มา ค่าเริ่มต้นคือโดเมนของคุณ |
data-height | ความสูงเริ่มต้นในหน่วย px ก่อนที่การ์ดจะวัดขนาดตัวเอง (ค่าเริ่มต้น 440) |
data-cta | ตั้งค่าเป็น 0 เพื่อซ่อนปุ่ม "ดูรายงานฉบับเต็ม" |
กำลังแสดงรายการแบบไดนามิก (infinite scroll, SPA, ผลลัพธ์ AJAX)? หลังจากแทรก placeholder ใหม่แล้ว ให้เรียก:
BuildingsScore.render();
ข้ามสคริปต์และฝังวิดเจ็ตโดยตรง:
<iframe src="https://buildingsscore.com/embed.html?lat=48.8584&lng=2.2945" style="width:100%;height:440px;border:0" loading="lazy" title="BuildingsScore"></iframe>
เมื่อใช้สคริปต์ การ์ดจะปรับขนาดอัตโนมัติตามเนื้อหา แต่เมื่อใช้ iframe แบบธรรมดา คุณต้องกำหนดความสูงแบบคงที่เอง
คะแนน ปุ่ม และทุกหมวดหมู่จะเปิดรายงาน BuildingsScore แบบโต้ตอบฉบับเต็มสำหรับสถานที่นั้นในแท็บใหม่ — หน้าเว็บของคุณจึงยังคงผู้เยี่ยมชมไว้ในขณะที่พวกเขาดูข้อมูลเชิงลึก เราไม่เคยตั้งค่าคุกกี้บุคคลที่สามในวิดเจ็ต และคะแนนคำนวณบนเซิร์ฟเวอร์ของเรา ดังนั้นหน้าเว็บของคุณจึงยังคงทำงานได้อย่างรวดเร็ว