Integración de la API de JavaScript


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:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/D6aiW2KqBNbJ2yq9N1b1etcOpR7jq6AdeQBiAVRz-image.png

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

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/3gf2DEPMpC7pfGa0DY4iGE5FjkFeUJ5UIHGRJmq8-image.png

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.


Was this article helpful?