Esta integración con la API de Interacty te ayudará a ampliar la funcionalidad de tus proyectos, puediendo agregarles nuevas características. Veamos el ejemplo: después de que termine el juego, el usuario será redirigido automáticamente a la página externa.
Este código cortado demuestra el manejo completo de eventos del juego:
<div class="remix-app" hash="3a92afd6f10b03e7">
<script src="https://p.interacty.me/l.js" async></script>
</div>
<script>
function postInit(InteractyClient) {
const interactyClient = new InteractyClient(%PUBLIC_KEY%)
interactyClient.events.subscribe('block.memory.game-completed', function(event) {
console.log('got event memory game-completed', event.payload)
})
}
</script>
<script async src="https://p.interacty.me/v1/sdk.umd.production.min.js?callback=postInit"></script>
Primero necesitas incrustar el proyecto en su sitio. En la cuenta de Interacty, haz clic en el icono de tres puntos junto al proyecto y luego:
Copiar enlace -> Incrustar en su sitio web o LMS. Copie el código en el área de código de inserción de instalación:

En la configuración de su cuenta, busca y copia la clave API pública:

Pegue la clave API pública y agrega la redirección de ubicación, por lo que el código final es:
<div class="remix-app" hash="3a92afd6f10b03e7">
<script src="https://p.interacty.me/l.js" async></script>
</div>
<script>
function postInit(InteractyClient) {
const interactyClient = new InteractyClient("jdxmcvzfg28z99t24a-p6o2-sog")
interactyClient.events.subscribe('block.memory.game-completed', function(event) {
console.log('got event memory game-completed', event.payload)
window.location.href = "https://wikipedia.org/"
})
}
</script>
<script async src="https://p.interacty.me/v1/sdk.umd.production.min.js?callback=postInit"></script>
¡Hecho! Ahora, después de completar el juego, se activará un evento API especial y se abrirá una nueva URL en el navegador.