Hiku des Tages auf Ihrer Website.

Hiku des Tages ist ein ruhiges Zahlenrätsel mit vier neuen Brettern jeden Tag, von leicht bis Experte. Es lässt sich kostenlos in eine Nachrichtenseite oder Website einbinden, mit zwei Zeilen Code.

Die Regel ist kurz: Die Zahl sagt, wie weit sie springt, waagerecht oder senkrecht. Landet sie auf einer anderen Zahl, wird die kleinere von der größeren abgezogen. Ziel ist, alle Zahlen verschwinden zu lassen. Die Bretter sind dieselben wie in der Hiku-App für iPhone.

So geht es

  1. Fügen Sie den Code unten dort ein, wo das Spiel erscheinen soll, zum Beispiel in einem Artikel oder auf einer eigenen Rätselseite.
  2. Veröffentlichen. Das Spiel lädt die Bretter des Tages selbst und passt seine Höhe an.
HTML
<div data-hiku data-lang="de"></div>
<script src="https://hikupuzzle.com/daily/embed.js" async></script>

Das Skript muss nur einmal pro Seite stehen, auch wenn die Seite mehrere Spiele enthält.

Ausprobieren und kopieren

Wählen Sie die Einstellungen, sehen Sie, wie sich das Spiel ändert, und kopieren Sie den Code, wenn alles passt.

Code

Optionen

Die Optionen werden als Attribute am <div data-hiku> gesetzt.

AttributWerteWirkung
data-langnb, en, sv, da, fi, deSprache des Spiels: Norwegisch, Englisch, Schwedisch, Dänisch, Finnisch oder Deutsch. Ohne diese Angabe gilt die Sprache der umgebenden Seite (<html lang="…">), sonst Norwegisch.
data-themelight, darkLegt die Farben fest. Ohne diese Angabe folgt das Spiel dem hellen oder dunklen Modus des Lesers.
data-alignleftSetzt das Spiel nach links. Ohne diese Angabe steht es zentriert im verfügbaren Platz und ist nie breiter als 480 Pixel.
data-leveleasy, medium, hard, expertWelches der vier Bretter des Tages zuerst erscheint. Ohne diese Angabe öffnet das Spiel mit dem Level, das der Leser zuletzt gespielt hat, sonst mit Leicht. Der Leser kann jederzeit wechseln.

Beispiel, immer hell und mit Mittel zuerst:

HTML
<div data-hiku data-lang="de" data-theme="light" data-level="medium"></div>
<script src="https://hikupuzzle.com/daily/embed.js" async></script>

Ohne Skript

Erlaubt Ihr Redaktionssystem keine Skripte, binden Sie das Spiel als einfaches iframe ein. Die Höhe passt sich dann nicht selbst an, also legen Sie sie fest. 860 Pixel reichen für das ganze Spiel, auch mit gelöstem Brett; das Spiel ist nie breiter als 480 Pixel.

HTML ohne Skript
<iframe src="https://hikupuzzle.com/daily/?lang=de"
  title="Hiku des Tages" loading="lazy"
  style="display:block;width:100%;max-width:480px;height:860px;border:0;margin:0 auto"></iframe>

Die Optionen stehen dann in der Adresse: ?lang=sv, &theme=dark, &level=hard. Die Ausrichtung ergibt sich aus dem Stil des Rahmens; entfernen Sie margin:0 auto, um ihn links auszurichten.

Datenschutz und Betrieb

Für technische Teams

Empfohlen bei strengen Sicherheitsanforderungen

Nutzen Sie die iframe-Variante oben. Dann läuft kein Code von uns auf Ihrer Seite, nur im Rahmen. Sie verzichten lediglich auf die automatische Höhe.

Content Security Policy

Mit dem Ladeskript werden beide benötigt, mit reinem iframe nur die zweite:

CSP
script-src https://hikupuzzle.com;
frame-src https://hikupuzzle.com;

Ergänzen Sie Ihre bestehenden Direktiven. Das Spiel im Rahmen lädt Dateien von derselben Adresse und das Zählskript von static.cloudflareinsights.com. Das geschieht im Rahmen und berührt Ihre Richtlinie nicht.

Stabilität

Bedingungen

Hiku des Tages ist kostenlos nutzbar auf Nachrichtenseiten, Blogs und anderen Websites. Einzige Bedingung: Der Link zur Hiku-App im Spiel bleibt, wie er ist. Bitte nicht ausblenden, entfernen oder überdecken.

Geben Sie uns gern unter es@rubberduck.no Bescheid, wenn Sie es einsetzen. Dann informieren wir Sie vor Änderungen, die Sie betreffen könnten.

Kontakt

Fragen, oder möchten Sie vor dem Einsatz mehr wissen? Schreiben Sie an es@rubberduck.no.