En este artículo presentamos algunas de las situaciones habituales y algunas de las incidencias que experimentan los usuarios al intentar participar en una promoción que ha sido incrustada en una página web mediante un Widget, y una guía de resolución que da solución a todos los casos.

A continuación enumeramos las incidencias más habituales en caso de usuarios que acceden a la promoción publicada en widget:

• Incidencia 1: El usuario no puede registrarse

• Incidencia 2: El usuario tras identificarse vuelve a la pantalla de Login

• Incidencia 3: No se mantiene el idioma del usuario en promociones multiiodioma

• Incidencia 4: El usuario ve una pantalla de “juego no válido” al terminar un juego

• Incidencia 5: Tras hacer Autologin el usuario se le pide de nuevo que se identifique

• Incidencia 6: Aparece pantalla de error tras hacer login con Facebook y/o Google

• Incidencia 7: Error: “jQuery is not defined” o “$ is not defined”

• Incidencia 8: Mi Wordpress no acepta el tag <iframe/>

• Incidencia 9: Las ventanas emergentes y popups quedan desplazados

Incidencia 1: El usuario no puede registrarse

Incidencia: El usuario no puede registrarse, le aparece la siguiente pantalla con el botón "Reintentar", que al hacer clic abre la promoción fuera del widget.

Problema: El problema es debido a la configuración de seguridad del navegador del usuario que bloquea las cookies de terceros.

Resolución: Para evitar esta incidencia la solución es conectar un subdominio propio a la promoción o bien abrir la pantalla de participación y registro fuera del widget. En este enlace explicamos el paso a paso de las dos posibles soluciones.

Incidencia 2: El usuario tras identificarse vuelve a la pantalla de Login

Incidencia: Los usuarios no pueden pasar de la pantalla de Login, entran en bucle y no pueden avanzar en el proceso de registro y participación.

Problema: El sistema de Login para que el usuario pueda identificarse en la promoción funciona a través de cookies. El problema es debido a la configuración de seguridad del navegador del usuario que bloquea las cookies de terceros.

Resolución: Para evitar esta incidencia la solución es conectar un subdominio a la promoción o bien configurar que la página de participación y registro suceda fuera del widget, tal y como explicamos en este enlace.

Incidencia 3: El usuario no puede cambiar de idioma en promociones multiidioma

Incidencia: Al hacer clic en uno de los idiomas disponibles, no se muestra el contenido de la promoción en el idioma escogido.

Problema: El cambio de idioma de la promoción depende de cookies, y la configuración de seguridad del nacegador del usuario bloquea las cookies de terceros.

Resolución: Para evitar que las restricciones causadas por las cookies de terceros bloqueen el cambio de idioma de la promoción, la solución es conectar un subdominio a la promoción, tal y como explicamos en el primer punto de esta guía de resolución.

Incidencia 4: El usuario ve una pantalla de “juego no válido” al terminar un juego

Incidencia: El usuario consigue acceder a la pantalla de jugar, pero verá que el juego no es válido, porque no se ha podido setear una cookie de seguridad/login que tenemos para el juego.

Problema: El problema es debido a la configuración de seguridad del navegador del usuario que bloquea las cookies de terceros. 

Resolución: Para evitar esta incidencia la solución es conectar un subdominio propio a la promoción o bien abrir la pantalla de participación y registro fuera del widget. En este enlace explicamos el paso a paso de las dos posibles soluciones.

Incidencia 5: tras hacer Autologin el usuario se le pide de nuevo que se identifique

Incidencia: El usuario no puede pasar de la pantalla de Login, pues ve la pantalla sin los botones de login social FB, Google, email, etc.

Problema: Uno de los problemas habituales de la integración de Autologin + Widget es el hecho de hacer el embed del widget con un dominio que no pertenece a la web principal. En este caso aplican las cookies de terceros, y si el navegador las bloquea, entonces no se puede iniciar la sesión del participante con su token, y aparece una pantalla como la que mostramos a continuación.

Resolución: La solución es conectar un subdominio a la promoción, tal y como explicamos en el primer punto de esta guía de resolución.

Incidencia 6. Aparece pantalla de error tras hacer login con Facebook y/o Google

Incidencia: Al intentar hacer Login Social, le aparece un pantalla de conexión rechazada.

Problema: Por la propia política de seguridad de redes sociales, el Login con una cuenta de Google no está soportado dentro de un iframe. Es por este motivo que en caso que la promoción esté incrustada en una página y tenga configurado que la página de participación abra dentro del widget en navegadores desktop, cuando el usuario intente hacer clic en un Login Social le generará el siguiente error:

Resolución: Si se quiere mantener el Social Login, se deberá forzar que la página de la participación de la promoción abra fuera del widget, tal y como explicamos en el punto 2 de este tutorial.

Incidencia 7. Error: "jQuery is not defined" o "$ is not defined"

Incidencia: Al inspeccionar el código fuente de la página donde está incrustado el widget la consola muestra el error "jQuery is not defined" o "$ is not defined":

Resolución: Para solucionarlo, se deberá añadir el siguiente código en la parte superior del código del widget:

<script
src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script>

Incidencia 8. Mi Wordpress no acepta el tag <iframe /> 

Incidencia: Algunas versiones de Wordpress no admiten el tag <iframe /> per defecto y es necesario convertirlo al tag [iframe /].

Ejemplo:

El código por defecto es:

<iframe class="_widget" src="https://a.cstmapp.com/p/948383?micro=1&utm_source=widget&utm_medium=embed" width="100%" height="300" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen="true"></iframe>

Resolución: En este caso, habrá que cambiar el código del widget por el siguiente:

[iframe class="_widget" src="https://a.cstmapp.com/p/948383?micro=1&utm_source=widget&utm_medium=embed" width="100%" height="300" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen="true"][/iframe]

Incidencia 9. Las ventanas emergentes y popups quedan desplazados

Incidencia: Si el alto del widget supera al alto de la zona visible de la pantalla, es posible que algunas ventanas flotantes queden fuera de la zona visual del usuario.

Resolución: Estas ventanas flotantes se centran verticalmente respecto a la altura del widget, por lo que no recomendamos que los valores de "altura máxima" del widget superen el 100%. Este valor indica que, como mucho, el widget tendrá la altura de la ventana del usuario. Esto hará que las ventanas emergentes siempre sean visibles al aparecer y no lleven al usuario a confusión.