Squarespace

Öffne in deinem Squarespace-Dashboard Settings > Advanced > Code Injection. Füg im Bereich Header oder Footer einen eigenen HTML-Block hinzu, der dein Astrologie-Widget lädt.

Füg dieses Snippet im Bereich Code Injection ein. Es ruft ein Tageshoroskop ab und zeigt es auf der Seite an.

<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>

Im Live-Betrieb solltest du API-Aufrufe über ein Backend leiten, um deinen Schlüssel zu schützen. Steht dein API-Schlüssel im clientseitigen Code, kann ihn jeder benutzen.