તમારા પોતાના પૃષ્ઠો પર કોઈ પણ સરનામા માટે લાઇવ રહેવાલાયકતા સ્કોર દર્શાવો — મફત, રિસ્પોન્સિવ અને કોઈ બિલ્ડ સ્ટેપ વિના. પ્રોપર્ટી લિસ્ટિંગ, નેઇબરહૂડ ગાઇડ, રિલોકેશન ટૂલ્સ અને સિટી પૃષ્ઠો માટે ઉત્તમ. સ્કોર પર ટૅપ કરનારા મુલાકાતીઓ સંપૂર્ણ BuildingsScore રિપોર્ટ પર પહોંચે છે.
જ્યાં સ્કોર દેખાડવો હોય ત્યાં પ્લેસહોલ્ડર ઉમેરો, પછી સ્ક્રિપ્ટ પ્રતિ પૃષ્ઠ એક વખત લોડ કરો. સ્કોર કરવા ઇચ્છો તે સ્થળના કોઓર્ડિનેટ્સ સેટ કરો:
<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-layout | vertical (ડિફૉલ્ટ, ઊંચો કાર્ડ) અથવા horizontal (પહોળું બૅનર — સ્કોર ટૂ-કૉલમ ડિમેન્શન ગ્રિડની બાજુમાં). |
data-theme | auto (ડિફૉલ્ટ, મુલાકાતીના OS ને અનુસરે છે), light અથવા dark. |
data-ref | એટ્રિબ્યૂશન માટે તમારો સાઇટ/કેમ્પેઇન ટૅગ. ડિફૉલ્ટ: તમારો ડોમૅઇન. |
data-height | કાર્ડ પોતાનું માપ લે તે પહેલાં px માં પ્રારંભિક ઊંચાઈ (ડિફૉલ્ટ 440). |
data-cta | "સંપૂર્ણ રિપોર્ટ જુઓ" બટન છુપાવવા 0 સેટ કરો. |
ગતિશીલ રીતે લિસ્ટિંગ રેન્ડર કરો છો (ઇન્ફિનિટ સ્ક્રોલ, SPA, AJAX પરિણામો)? નવા પ્લેસહોલ્ડર દાખલ કર્યા પછી, આ કૉલ કરો:
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 રિપોર્ટ ખોલે છે — આ રીતે મુલાકાતી વિગતવાર દૃષ્ટિ મેળવે ત્યારે પણ તમારું પૃષ્ઠ તેને જાળવી રાખે છે. અમે વિજેટમાં ક્યારેય થર્ડ-પાર્ટી કૂકીઝ સેટ કરતા નથી, અને સ્કોર અમારા સર્વર પર ગણવામાં આવે છે, તેથી તમારું પૃષ્ઠ ઝડપી રહે છે.