உங்கள் தளத்தில் BuildingsScore உட்பொதிக்கவும்

உங்கள் சொந்தப் பக்கங்களில் எந்த முகவரிக்கும் நேரலை வாழ்வியல் மதிப்பீட்டைக் காட்டுங்கள் — இலவசமாக, பதிலளிக்கக்கூடிய வகையில், மேலும் எந்த கட்டமைப்பு படியும் இல்லாமல். சொத்து பட்டியல்கள், சுற்றுப்புற வழிகாட்டிகள், இடமாற்ற கருவிகள் மற்றும் நகரப் பக்கங்களுக்கு ஏற்றது. மதிப்பீட்டை தட்டும் பார்வையாளர்கள் முழுமையான BuildingsScore அறிக்கைக்கு செல்வார்கள்.

இரண்டு வரி HTML

மதிப்பீட்டை காட்ட விரும்பும் இடத்தில் ஒரு இட தாரகையை சேர்க்கவும், பிறகு ஒவ்வொரு பக்கத்திலும் ஒரு முறை ஸ்கிரிப்டை ஏற்றவும். மதிப்பிட விரும்பும் இடத்தின் ஆயத்தொலைவுகளை அமைக்கவும்:

<div data-buildingsscore data-lat="48.8584" data-lng="2.2945"></div>
<script async src="https://buildingsscore.com/embed.js"></script>

அவ்வளவுதான். ஸ்கிரிப்ட் இட தாரகையை ஒரு மதிப்பீட்டு அட்டையாக மாற்றி, தானாகவே அளவை சரிசெய்யும்.

நேரலை முன்னோட்டம்

மேலே உள்ள குறியீட்டு துண்டு உருவாக்கும் சரியான விட்ஜெட் இதுவே:

தளவமைப்புகள்

data-layout மூலம் இரண்டு வடிவங்கள் — vertical (மேலே காட்டப்பட்ட இயல்புநிலை, பக்கப்பட்டைகள் மற்றும் அட்டைகளுக்கு ஏற்றது) மற்றும் horizontal, ஒரு பட்டியலின் மேல் அல்லது முழு அகல வரிசையில் பொருந்தும் அகலமான பதாகை:

<div data-buildingsscore data-layout="horizontal"
     data-lat="48.8584" data-lng="2.2945"></div>

விருப்பங்கள்

இட தாரகையில் data-* பண்புகளைக் கொண்டு விட்ஜெட்டை கட்டமைக்கவும்:

பண்புவிளக்கம்
data-lat / data-lngமதிப்பிட வேண்டிய இடத்தின் ஆயத்தொலைவுகள். தேடல் தேவையில்லாத நம்பகமான விருப்பம் — இவை இருக்கும்போது பயன்படுத்தவும்.
data-addressமதிப்பிட வேண்டிய தெரு முகவரி (lat/lng இல்லாதபோது புவியியல் குறியிடப்படும்) மற்றும்/அல்லது அட்டையில் காட்டப்படும் லேபிள்.
data-layoutvertical (இயல்புநிலை, நீண்ட அட்டை) அல்லது horizontal (அகலமான பதாகை — இரண்டு நெடுவரிசை பரிமாண கட்டத்திற்கு அடுத்தாக மதிப்பீடு).
data-themeauto (இயல்புநிலை, பார்வையாளரின் OS-ஐ பின்பற்றும்), light அல்லது dark.
data-refகாரணியளவிற்கான உங்கள் தளம்/பிரச்சார குறிச்சொல். இயல்புநிலை உங்கள் டொமைன்.
data-heightஅட்டை தன்னை அளவிடுவதற்கு முன் px-இல் ஆரம்ப உயரம் (இயல்புநிலை 440).
data-cta"முழு அறிக்கையை காண்க" பொத்தானை மறைக்க 0 என அமைக்கவும்.

பக்கம் ஏற்றப்பட்ட பிறகு விட்ஜெட்களை சேர்க்கவும்

பட்டியல்களை மாறும் வகையில் வழங்குகிறீர்களா (முடிவற்ற சுருள், SPA, AJAX முடிவுகள்)? புதிய இட தாரகைகளை செருகிய பிறகு, அழைக்கவும்:

BuildingsScore.render();

எளிய iframe விரும்புகிறீர்களா?

ஸ்கிரிப்டை தவிர்த்து விட்ஜெட்டை நேரடியாக உட்பொதிக்கவும்:

<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 அறிக்கையை புதிய தாவலில் திறக்கும் — இதனால் பார்வையாளர் ஆழமான பார்வையை பெறும்போது உங்கள் பக்கம் அவரை தக்கவைத்துக்கொள்ளும். விட்ஜெட்டில் நாங்கள் ஒருபோதும் மூன்றாம் தரப்பு குக்கீகளை அமைப்பதில்லை, மேலும் மதிப்பீடு எங்கள் சேவையகங்களில் கணக்கிடப்படுகிறது, எனவே உங்கள் பக்கம் வேகமாகவே இருக்கும்.