Facebook Live puede ser un factor importante en tu estrategia digital. Este puede ser el medio en el cual te comuniques con tu audiencia.

De esta forma podrás diseñar varias estrategias para poder aumentar el engagement, conocer la opinión de ellos.

Por ejemplo hace unos días, con las elecciones de Estados Unidos, vimos como utilizaban esto para crear un sistema de votación, el cual a continuación te voy a regalar un totorial para que lo puedas realizar aun cuando no seas un experto en HTML/JavaScript.

¿Cómo diseñar un sistema de votación utilizando Facebook Live?

Para poder desarrollar este sistema vas a requerir los siguientes elementos:

  1. Una página HTML
  2. Un Software de broadcasting.
  3. Cuenta de Developer en Facebook

Paso 1: Capturar las reacciones en un HTML utilizando el API de Facebook.

Gracias al Open Graph de Facebook nos deja poder contar las reacciones. En el siguiente archivo podrás encontrar todos los elementos que necesitas para poder tener esta página para que puedas tener un sistema de votación utilizando Facebook Live. Esta carpeta tiene lo siguiente:

  • Html (Página principal donde haremos el stream)
  • Emojis (Like, Love, Haha, Sad, Shock, Angry)
  • Scripts

Una vez que hayas descargado el archivo zip. Abre el archivo index.html en un editor de texto. Hay algunas cosas que vas a tener que configurar y yo te voy a ayudar con eso.

Paso 2: Accede a tu código de Acceso de Facebook.

Si sabes algo de los API de Facebook, me imagino que ya te sabes el camino para crear una APP en Facebook. Toma unos minutos pero vale la pena tenerlo. Después de crear esta aplicación tienes que creer tu código de acceso. El cual podrás ver en este vídeo cómo hacer todo este proceso.

Para poder saber tu código de acceso ve a la siguiente página y conoce tu código Código de Acceso

Código de Acceso Facebook APPS

Una vez que tengas este código lo tendrás que poner en la línea 105 de index.html

Paso 3: Inicia tu trasmisión.

Para poder iniciar la trasmisión en tu página de negocio. Registrate a tu página y ve en la sección de Publishing Tools, de ahí ve a la sección de vídeos y después inicia un vídeo en vivo + Live.

Publicar un Facebook Live

Copia la llave de Stream.

Tu llave de Streaming

NOTA: El URL del servidor y la llave de publicación solo puede ser utilizada una vez por publicación. Debes de usar la misma URL para previsualizar y para publicar. No puedes pausar la trasmisión y después volver a resumirla. La URL y la llave expiran cada 24 horas de la creación y 4 horas en previsualización.

Haz click en Preview y llena la información de la publicación.

Publica tu información en Facebook Live

Paso 4: Inicia tu trasmisión.

Casi terminamos. Lo que necesitas es una aplicación que deje publicar una página web en tu livestream de manera dinámica. Para esto utilizaremos un software gratuito llamada OBS.

1. Descarga OBS e instálalo en tu computadora.

Configura OBS

2. Ve a la sección de settings y haz click en emisión.

3. Selecciona la sección de “servicios de trasmisión” y selecciona “Facebook Live”.

4. Pega la llave de trasmisión que obtuviste en el paso 3.

Agrega tu código de Streaming a OBS

5. Agrega en tu Dashboard una fuente de trasmisión.

Agrega una fuente

6. Busca el archivo index.html en tu computadora

7. Haz que la imagen se vea en toda la pantalla.

8. Inicia la trasmisión.

Paso 5: Publica tu Facebook Live

Ve de regreso a la página de Facebook y en pocos momentos veras que la imagen inicia. Puede tardar unos segundos.

NOTA: Antes de terminar debemos de publicar en número de publicación. Esto es lo último que tenemos que configurar en nuestro archivo index.html será la forma de integrar todo.

Publica tu Facebook Live al hacer “Go Live”

Una vez que tienes el ID ve a tu archivo index.html y ve a la línea 106 ahí tendrás que publicar el número, el cual tienes que copiarlo de la liga de publicación (en el horario de publicación)

Regresa al OBS y vuelve a cargar el archivo index.html

Paso 6: Promociona

Es momento de utilizar esta liga para que todos tus seguidores vean las reacciones.

Comparte y gana el Engagement que este tipo de publicaciones tiene.

Conclusión

Crear un sistema de votación utilizando Facebook live no es tan complicado cómo parece. Lo que se tiene que hacer es combinar algunas estrategias de programación y de Streaming, si esto no es suficientemente simple o quieres tener otro código de visualización contactame para poder cotizar tu página de votación.

Te gustaría apoyar a que genere más tutoriales como este.


Gabriel Neuman
Gabriel Neuman

Soy un joven emprendedor me dedico de tiempo completo a generar oportunidades de negocio utilizando social media y generación de contenido.

    16 replies to "¿Cómo diseñar un sistema de votación utilizando Facebook Live?"

    • Gerard

      Hola Gabriel! He seguido todos los pasos para hacer el sistema de votación y todo ha funcionado perfectamente, menos contabilizar los votos. como paso final, indicas poner la ID del post del vídeo. son los numeros finales de la url del vídeo en directo. todo funcionaba pero no salía los votos de mis usuarios.

      Saludos!

      • Gabriel Neuman

        Estoy haciendo un video para que sea más fácil encontrar el problema. Pronto lo publicare

        Saludos

        • José Luis

          Sip, a mi tampoco me aparece el contador 🙁

          • Gabriel Neuman

            Hola Jose luis, lo más seguro es que estes cometiendo el mismo error de todos.

            Te mando las dos opciones:
            1) Código de acceso estés copiando el Stream Key
            2) No vuelves a cargar la página en el OBS después de actualizar el código HTML

            Saludos y cualquier duda avisame

    • Sergio

      Hola buenas tardes.
      Muchas gracias por el tutorial. Mi problema es al colocar las imagenes que se me descolocan y se me mueve el emoji a la derecha.
      Me podrias decir como es esa parte del codigo, ya que en el video no se y quiero saber que estoy haciendo mal.
      Muchas gracias de antemano.

      • Gabriel Neuman

        Hola Sergio, es un tema de CSS.

        Te recomiendo leer muy bien tutoriales sobre el tema.

        Saludos

        • Sergio

          Si eso me lo imaginaba, pero tu como has hecho para colocar la imagen de los escudos y de los emjis al tiempo, si pudiera ver eso, creo que veria cual es el problema, pero en el video esa parte no se ve.
          Un saludo y gracias por la respuesta.

    • Sergio

      Perdona, cual dices que es el od del post?

    • Tatan

      buen dia,
      el codigo para solo tener dos opciones cual seria?
      gracias

    • james

      buenas tardes…como genero el archivo en html por que no se como es

      • Gabriel Neuman

        Hola James, si requieres algo de conocimientos para poder seguir este proceso, revisa el documento que esta cuando compartes el artículo, si no puedo te recomiendo que lo platiques con alguien más técnico. Saludos

    • David

      Por que se detuvo el conteo de las reacciones a pesar que sigue el live?

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.