Dagens Hiku på din nettside.

Dagens Hiku er et rolig tallspill med fire nye brett hver dag, fra lett til ekspert. Det er gratis å bygge inn på en nettavis eller nettside, med to linjer kode.

Regelen er kort: tallet sier hvor langt det hopper, vannrett eller loddrett. Lander det på et annet tall, trekkes de fra hverandre. Målet er å få alle tallene til å forsvinne. Brettene er de samme som i Hiku-appen for iPhone.

Slik gjør du

Lim inn koden under der spillet skal stå, for eksempel i en artikkel eller på en egen spillside.
Publiser. Spillet henter dagens brett selv og tilpasser høyden sin.

HTML

<div data-hiku data-lang="nb"></div>
<script src="https://hikupuzzle.com/daily/embed.js" async></script>

Skriptet trenger bare å stå én gang per side, selv om du har flere spill på samme side.

Prøv og kopier

Velg innstillingene, se spillet endre seg, og kopier koden når dere er fornøyde.

Kode

Valg

Valgene settes som attributter på <div data-hiku>.

Attributt	Verdier	Hva det gjør
`data-lang`	`nb`, `en`, `sv`, `da`, `fi`, `de`	Språket i spillet: norsk, engelsk, svensk, dansk, finsk eller tysk. Uten dette brukes språket på siden rundt (`<html lang="…">`), og ellers norsk.
`data-theme`	`light`, `dark`	Låser fargene. Uten dette følger spillet leserens lyse eller mørke modus.
`data-align`	`left`	Plasserer spillet til venstre. Uten dette står det midt i plassen det får, og er aldri bredere enn 480 piksler.
`data-level`	`easy`, `medium`, `hard`, `expert`	Hvilket av dagens fire brett som vises først. Uten dette åpner spillet på nivået leseren spilte sist, og ellers på Lett. Leseren kan alltid bytte.

Eksempel, alltid lyst og med Middels først:

HTML

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

Uten skript

Tillater ikke publiseringssystemet skript, kan spillet legges inn som en vanlig iframe. Da tilpasser ikke høyden seg selv, så sett den fast. 860 piksler gir plass til hele spillet, også når et brett er løst; spillet er aldri bredere enn 480 piksler.

HTML uten skript

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

Valgene settes da i adressen: ?lang=sv, &theme=dark, &level=hard. Plasseringen styres av stilen på rammen; fjern margin:0 auto for å legge den til venstre.

Personvern og drift

Ingen informasjonskapsler og ingen sporing. Ingen spilldata eller resultater sendes til oss. Resultater og stjerner lagres bare i leserens egen nettleser. Lenken til App Store inneholder navnet på nettstedet spillet står på, slik at vi i App Store Connect kan se samlet hvor mange som kom fra hver side. Den informasjonen går bare til Apple, og bare hvis leseren trykker på lenken. Vi teller visninger med Cloudflare Web Analytics, uten informasjonskapsler og uten å følge enkeltpersoner: vi ser hvor mange som åpnet spillet og på hvilket nettsted, ikke hvem. Vertstjenesten mottar ellers vanlige tekniske forespørsler når filene lastes, som for alle nettsider.
Isolert spill. Selve spillet kjører i en iframe fra en annen adresse og kan ikke lese eller påvirke siden rundt seg. Det lille innlastingsskriptet, embed.js, kjører på avisens side som andre eksterne skript: det oppretter rammen og tilpasser høyden, og gjør ikke noe annet. Kildekoden er kort og kan leses på embed.js. Redaksjoner som ikke tillater eksterne skript, bruker iframe-versjonen.
Lett. Første gang lastes rundt 70 kB komprimert. Rammen lastes først når leseren nærmer seg den.
Nye brett ved midnatt i leserens tidssone. Biblioteket rekker i tre år, og brettene er de samme som i appen.
Driftes på Cloudflare. Vertstjenesten ser leserens IP-adresse når filene lastes, som for alle nettsider.

For tekniske redaksjoner

Anbefalt for strenge sikkerhetskrav

Bruk iframe-versjonen over. Da kjører ingen kode fra oss på deres side, bare i rammen. Det eneste dere mister, er at høyden ikke tilpasser seg selv.

Content Security Policy

Med innlastingsskriptet trengs begge disse; med ren iframe bare den siste:

CSP

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

Legg dem til i de eksisterende direktivene deres. Spillet i rammen henter filer fra samme adresse, og telleskriptet fra static.cloudflareinsights.com. Det skjer inne i rammen og berører ikke deres regler.

Stabilitet

Adressene …/daily/embed.js og …/daily/, og attributtene i tabellen over, blir stående. Nye valg legges til uten å endre de eksisterende.
Skriptet lastes med async og holder aldri igjen resten av siden.
Er Cloudflare utilgjengelig, blir plassen der spillet skulle stått tom. Siden rundt påvirkes ikke.

Vilkår

Dagens Hiku er gratis å bruke, på nettaviser, blogger og andre nettsider. Det eneste kravet er at lenken til Hiku-appen i spillet står som den er: ikke skjul, fjern eller dekk den til.

Si gjerne fra til es@rubberduck.no når dere tar det i bruk. Da varsler vi dere før endringer som kan berøre dere.

Kontakt

Har du spørsmål, eller vil du vite mer før dere tar det i bruk? Send en e-post til es@rubberduck.no.