Squarespace

अपने Squarespace डैशबोर्ड में Settings > Advanced > Code Injection पर जाएँ। अपना ज्योतिष विजेट लोड करने के लिए Header या Footer वाले हिस्से में एक custom HTML ब्लॉक जोड़ें।

यह स्निपेट Code Injection वाली जगह में डालें। यह आज का राशिफल लाकर पेज पर दिखाता है।

<div id="horoscope"></div>
<script>
fetch('${API_DOCS_URL}/api/astro/rashifal/daily/', {
  method: 'POST',
  headers: {
    'X-API-Key': 'YOUR_API_KEY',
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({ rashi: 'aries' })
})
.then(r => r.json())
.then(data => {
  document.getElementById('horoscope').innerText = data.get_daily_rashifal.general_prediction;
});
</script>

प्रोडक्शन में API कॉल किसी बैकएंड के ज़रिए भेजें, ताकि आपकी कुंजी सुरक्षित रहे। क्लाइंट-साइड कोड में API कुंजी रखने से कोई भी उसे इस्तेमाल कर सकता है।