7/26/2019 Ponencia-gamificacion-cii2015

1/43

Gamificacin: Cmofidelizar a los visitantes

de un Sitio Web?I Congreso Internacionalde Ingeniera 2015

Br. Miguel ngel RamosFras.

7/26/2019 Ponencia-gamificacion-cii2015

2/43

Sobre Mi Ponente: Br. Miguel ngel Ramos Fras. Estudios: Egresado de Escuela Ing. Computacin y

Sistemas (2!2" Experiencia Laboral:

o #r$itum %et.

o Red &eam So'tare.o Freelancer.o Fundador )Ideas * Mar+eting

Consultora, -ttp//ideasymar+eting.com/

Temas de Inters:o 0esarrollo 1e$.o Imagen Corporatia.o Community Management.o

Fideli3acin de Clientes.

7/26/2019 Ponencia-gamificacion-cii2015

3/43

Qu es

Gamificacin?

7/26/2019 Ponencia-gamificacion-cii2015

4/43

BBVA Game

7/26/2019 Ponencia-gamificacion-cii2015

5/43

7/26/2019 Ponencia-gamificacion-cii2015

6/43

7/26/2019 Ponencia-gamificacion-cii2015

7/43

7/26/2019 Ponencia-gamificacion-cii2015

8/43

Cmo aplicar Gamificacin en su

Sitio Web? Plataformas a utilizar

7/26/2019 Ponencia-gamificacion-cii2015

9/43

o 4erramienta con caractersticas propias de 5ami6cacin.o 5anar puntos7 medallas7 a medida 8ue el usuario pase

niveles.o Integracin con diersas plata'ormas. E9emplo 1ordpress.o :roporciona un cdigo de instalacin en 4&M;< para incorporarlo

en nuestro Sitio 1e$.o Es gratuito si no superas los !7 usuarios mensuales.o =cciones a premiar likes, tweets, videos vistos, visitas, etc.

7/26/2019 Ponencia-gamificacion-cii2015

10/43

o :ermite medir el tr>6co a nuestro Sitio 1e$.o Muestra estadsticas de cu>ntas personas ingresan

0a. Mes. :ases. Ciudades. Sistemas #peratios 0ispositio mil.

7/26/2019 Ponencia-gamificacion-cii2015

11/43

Pasos para la on!"uraci#n $ aptain %p

o Ingresar a -ttps//captainup.com/

7/26/2019 Ponencia-gamificacion-cii2015

12/43

Pasos para la on!"uraci#n $ aptain %p

o ;lenar los datos. Clic+ en el $otn &ree 'i"n %p.

7/26/2019 Ponencia-gamificacion-cii2015

13/43

Pasos para la on!"uraci#n $ aptain %p

o %om$re del Sitio 1e$ o app. Clic+ en Continue.

7/26/2019 Ponencia-gamificacion-cii2015

14/43

Pasos para la on!"uraci#n $ aptain %p

o ?rl del Sitio 1e$. Clic+ en Continue.

7/26/2019 Ponencia-gamificacion-cii2015

15/43

7/26/2019 Ponencia-gamificacion-cii2015

16/43

Pasos para la on!"uraci#n $ aptain %p

o Completados los pasos ! y 27 podemos er el script7 el cual secolocar> antes de la eti8ueta A/$ody del cdigo 4&M; de

nuestro Sitio 1e$.

7/26/2019 Ponencia-gamificacion-cii2015

17/43

Pasos para la on!"uraci#n $ aptain %p

o Si nuestro Sitio 1e$ estuiera en 1ordpress7 podemos seguirlos pasos 8ue nos indican en la pesta@a 1ordpress. Igual con

S-opi'y.

7/26/2019 Ponencia-gamificacion-cii2015

18/43

Pasos para la on!"uraci#n $ aptain %p

o Finalmente podemos apreciar el 0as-$oard de nuestra cuenta.

7/26/2019 Ponencia-gamificacion-cii2015

19/43

Entorno ( aptain %p

o )as*board $ +verview ( ont*l- ctive %sers

7/26/2019 Ponencia-gamificacion-cii2015

20/43

Entorno ( aptain %p

o )as*board $ +verview ( ctions data b- da-

7/26/2019 Ponencia-gamificacion-cii2015

21/43

Entorno ( aptain %p

o %sers

7/26/2019 Ponencia-gamificacion-cii2015

22/43

Entorno ( aptain %p

o 'ettin"s ( /eneral

7/26/2019 Ponencia-gamificacion-cii2015

23/43

Entorno ( aptain %p

o 'ettin"s ( T*eme 0 )esi"n

7/26/2019 Ponencia-gamificacion-cii2015

24/43

Entorno ( aptain %p

o 'ettin"s ( Team members and roles

7/26/2019 Ponencia-gamificacion-cii2015

25/43

Entorno ( aptain %p

o 1ad"es 2edallas3

7/26/2019 Ponencia-gamificacion-cii2015

26/43

Entorno ( aptain %p

o Levels 24iveles3

7/26/2019 Ponencia-gamificacion-cii2015

27/43

Entorno ( aptain %p

o ctions 2cciones3

7/26/2019 Ponencia-gamificacion-cii2015

28/43

Entorno ( aptain %p

o Install

7/26/2019 Ponencia-gamificacion-cii2015

29/43

Entorno ( aptain %p

o 5id"ets

7/26/2019 Ponencia-gamificacion-cii2015

30/43

Entorno ( aptain %p

o 6elp

7/26/2019 Ponencia-gamificacion-cii2015

31/43

Instalaci#n ( aptain %p

o Install $ opiar - pe"ar este c#di"o en el arc*ivo *tml,antes del cierre de la eti7ueta 89bod-

7/26/2019 Ponencia-gamificacion-cii2015

32/43

on!"urando cciones ( aptain %p

o '*are $ ;< puntos. = probamos el cuadro.

7/26/2019 Ponencia-gamificacion-cii2015

33/43

Probando uadro de >ue"o aptain %p

o 4i bien car"a el 'itio 5eb aparece una bienvenida al>ue"o.

7/26/2019 Ponencia-gamificacion-cii2015

34/43

ambiando uadro Presentaci#n a Idioma Espa?ol

o %bicamos la l@nea llamada cpt.src AB*ttps:99captainup.com9assets9embed.CsBD en el script

aptain %p 7ue *emos a"re"ado a nuestro *tml.

7/26/2019 Ponencia-gamificacion-cii2015

35/43

ambiando uadro Presentaci#n a Idioma Espa?ol

o "re"amos .es despus de la palabra embed. 4osdeber@a como la si"uiente captura:

7/26/2019 Ponencia-gamificacion-cii2015

36/43

Probando uadro de >ue"o aptain %p

o ar"amos de nuevo el 'itio 5eb - nos debe aparecer elmensaCe en espa?ol la ventana de 1ienvenida en

Espa?ol.

7/26/2019 Ponencia-gamificacion-cii2015

37/43

)emostraci#n >ue"o

de 4iveles

7/26/2019 Ponencia-gamificacion-cii2015

38/43

esultados aptain %p $ 'itio 5eb II;FG