viernes, 2 de diciembre de 2016

Colocar contadores de reacciones en Facebook Live.

El otro día les comparti como crear un video de Facebook Live a través de una webcam o camara externa, y poderlo programar anticipadamente. Aquí les dejo el link:

Ahora aumentaremos un detalle muy interesante es que es colocar un contador de reacciones, muy usado en deportes ultimamente, pero que puede ser aplicado a cualquier transmición. Esto quiere decir que tu audiencia podra saber cuantos likes, corazones, etc. recibe tu transmisión.

Este es el paso a paso:

1. Instalar el programa OBS Studio desde este enlace, es gratuito y muy f√°cil de usar:

2. Ingresa a https://developers.facebook.com/  en aplicaciones crea una nueva app, deberas colocarle un nombre, escoger una categoria (Yo utilizo comunicaci√≥n),darle a "crear e ingresar el captcha.

3. Creada la app, ingresar a "Configuración", donde tendrás 2 valores:
a. Identificador de la aplicación
b. Clave secreta e la aplicaci√≥n (este deber√° estar oculta, darle click a mostrar y colocar la clave de tu facebook), en ese momento ser√° visible. 

4. Ingresar a la direcci√≥n: https://smashballoon.com/custom-facebook-feed/access-token/ en la parte inferior de la pag√≠na colocar ambos valores, el identificador y la clave secreta y obtendras: Access Token. Copialo y pegalo en un block de notas.

5. Ingresa a tu Fanpage, en Herramientas de publicaci√≥n dale click a Videos, + En vivo, y obtendras 3 valores:
a. Url del servidor de transmisi√≥n
b. Url del servidor
c. Clave de transmisión. Copialo y pegalo en el block de notas anteior.
Dale siguiente y escoje una hora y fecha de transmisión.

6. En el muro de tu fanpage ingresa a la publicación, abrela y obtendras un link como este:
https://www.facebook.com/00000000/videos/22222222/
Copia el segundo n√ļmero en este caso simulado "22222222" y pegalo en el mismo block de notas.

7. Descarga la carpeta en el siguiente vinculo: http://bit.ly/fliverea
La carpeta contendra algunos archivos vamos a trabajar con 3:
a. foto-a.jpg (Es la imagen asignada para la reacci√≥n like, deberas editarla manteniendo el formato.)
b. foto-b.jpg (Es la imagen asignada para la reacci√≥n love, deberas editarla manteniendo el formato.)
c. logo.png  (Es la imagen asignada para el logo de tu emrpesa, deberas editarla manteniendo el formato.)
d. index2.html (Este codigo html deberas editarlo de acuerdo a las instucciones que te pongo a continuación en el punto 8).

8. Edita el archivo index2.html:
a. En la l√≠nea 19 reemplaza el color en codigo pantone antepuesto "#" ejemplo: #29214c
b. En la línea 88 reemplaza "Título de la pregunta" por un titular para tu video.
c. En la línea 105 reemplaza "CodigoObtenidoDeAccesToken" con el codigo obtenido en el punto 4, que lo pegaste en el block de notas.
d. En la línea 106 reemplaza "NumeroIDdeTuPost" con el codigo obtenido en el punto 6, que lo pegaste en el block de notas.

9. Abre "OBS STUDIO", ingresa a Configuración, Emisión, selecciona servicio Facebook Live, y en espacio para Clave de Transmisión, pega la que obtuviste en el paso 5. Aplicar, y Aceptar.

10. En OBS STUDIO, en fuentes dale click a + y selecciona la fuente que deseas:
a. Captura de pantalla, para transmitir lo que tu escritorio.
b. Dispositivo captura de video, para transmitir desde la WEBCAM.
c. Deberas seleccionar tambien Browser Source, y escoger el index2.html configuras los espacios tanto la camara como el contador.

11. Regresa al muro de la Fanpage en "P√°gina". y ver√°s tu transmisi√≥n programada.

12. Cuando falten pocos minutos para tu transmisión, ingresa a OBS STUDIO, y dale click en Iniciar Transmisión.

13. Cuando desees terminar la transmisión en OBS STUDIO, dale click a la opción, Detener transmisión.

Nos vemos pronto! 


Fuente: http://vilmanunez.com/2016/11/16/como-crear-un-facebook-live-con-contadores-de-reacciones-en-tiempo-real/