Come aggiungere un gioco al tuo sito web: Inserisci HTML5/JS, Unity o iframe

Inserire un gioco nel tuo sito: Metodi e codice

Opzione 1: Gioco HTML5 / JavaScript (Self-hosted)

Se hai un gioco costruito con Phaser, PixiJS, Three.js o JavaScript puro:

<!DOCTYPE html> <html> <head> <title>Il mio gioco</title> <style>canvas { display:block; margin:auto; background:#111; }</style> </head> <body> <canvas id="gameCanvas" width="800" height="600"></canvas> <script src="game.js"></script> </body> </html> 

• Carica game.js + asset sul tuo server.
• Assicurati che le intestazioni CORS siano presenti se carichi da sottodominio/CDN.

Opzione 2: Build Unity WebGL

1. In Unity: File → Impostazioni di build → WebGL → Crea.
2. Carica la cartella Build (contiene .js, .wasm, .data, index.html).
3. Inserisci tramite iframe o integra il loader generato:

<iframe src="/games/mygameunity/index.html" width="960" height="600" allowfullscreen></iframe> 

Opzione 3: Inserimento iframe da portali di giochi

Siti come **CrazyGames, Poki, GameMonetize, GameDistribution** forniscono codici embed:

<iframe src="https://html5.gamedistribution.com/GAME_ID/" width="800" height="600" scrolling="none" frameborder="0"></iframe> 

Condivisione dei ricavi (pubblicità) tipicamente 30-50% a te.

Opzione 4: Plugin WordPress

• Arcade Games – importa giochi HTML5/Unity.
• Game Monetize / HTML5 Games – embed tramite shortcode.
• MyArcadePlugin – premium, grande libreria.

Controlli critici prima del lancio

• Testa su mobile (controlli touch, orientamento).
• Verifica HTTPS (richiesto per gamepad, fullscreen, storage APIs).
• Aggiungi loading="lazy" agli iframe sotto la piega.
• Includi una Content Security Policy che consenta gli script del gioco.
• Crediti sviluppatore / conformità licenza.