Ostatnie dwa tygodnie na Facebooku upłynęły pod szyldem głosowań live. Jest już kilka gotowych narzędzi (np. fasttony.es), dzięki którym w prosty sposób można utworzyć tego typu post. Niestety, większość z nich bazuje na gotowych szablonach, którym trzeba się podporządkować. Jeśli znasz podstawy HTML i CSS – pokażemy Ci, jak w prosty sposób, zupełnie samemu, utworzyć głosowanie live na Facebooku.

1) Zaczynamy

Dzięki protokołowi Open Graph, udostępnianemu przez Facebook, możemy śledzić poszczególne reakcje na nasze posty. Potrzeba do tego trochę wiedzy programistycznej i znajomości dokumentacji Open Graph – nie martw się, tą część zrobiliśmy za Ciebie.

Przygotowaliśmy paczkę z kilkoma plikami, którą możesz pobrać zupełnie za darmo. Nasza paczka zawiera:

  • index.html (najważniejszy plik, który będziesz personalizować)
  • tlo.png (grafika, na której przygotujesz głosowanie)
  • skrypty

Pobraną paczkę, rozpakuj na swoim komputerze. Następnie, otwórz plik index.html w edytorze tekstowym. Na samym początku pliku, zapisaliśmy 3 zmienne, które musisz wypełnić żeby Twój plik był gotowy.

2) Generowanie Facebook Access Token

Pierwszą rzeczą, która będzie nam potrzebna, jest Facebook Access Token. Aby wygenerować swój Token, skorzystaj z tej instrukcji.

Teraz, możesz wkleić już swój Facebook Access Token w odpowiednie miejsce w pliku index.html.

3) Tworzenie filmu „Na żywo”

Wejdź na swój fanpage na Facebooku i kliknij w Narzędzia do publikowania. Następnie, z sekcji Filmy, wybierz Kolekcja filmów i kliknij +Na żywo.

screen01

Najważniejszą rzeczą jest Klucz transmisji strumieniowej, skopiuj go, zanim przejdziesz dalej.screen02

UWAGA: Klucz transmisji strumieniowej jest jednorazowy. Przy każdej kolejnej transmisji będziesz musiał go kopiować na nowo!

Po skopiowaniu możesz przejść dalej i wypełnić wszystkie informacje dotyczące posta. Póki nie ustawisz transmisji, nie da się opublikować posta.

screen03a

 

4) Konfiguracja oprogramowania do streamingu

Następnym krokiem będzie przygotowanie oprogramowania do streamingu. Najlepszym wyborem będzie OBS, ponieważ jest darmowym programem i występuje zarówno w wersji dla systemu macOS jak i Windows.

  • Ściągnij program OBS i zainstaluj go na swoim komputerze.
  • Po włączeniu programu wejdź w jego Ustawienia, a następnie, w sekcji Stream, ustaw:
    •  Typ streamu: Serwisy strumieniowania
    • Serwis: Facebook Live
    • Klucz strumienia: tu wklej Klucz transmisji strumieniowej, który skopiowałeś z posta na Facebooku, następnie kliknij Zastosuj

screen04

  • Kolejnym krokiem będzie dodanie Źródła obrazu. Kliknij na + pod listą źródeł i wybierz BrowserSource. Ustaw dowolną nazwę swojego źródła i kliknij Ok.

screen05

  • We właściwościach źródła zaznacz Local file i podaj ścieżkę do pliku index.html i potwierdź klikając Ok.

screen09

  • Gdy zobaczysz podgląd Twojej strony, rozciągnij ją, tak aby zajęła cały ekran.
  • Ważne, żeby przed rozpoczęciem streamingu, wyłączyć źródło dźwięku, bo inaczej na waszym filmie będzie słychać wszystko co wyłapie mikrofon komputera (ikonka głośnika)
  • To już wszystko co należy ustawić w programie OBS, teraz możemy kliknąć Rozpocznij stream!

5) Opublikuj Video Na żywo

Wróć do Facebooka, podgląd Twojego video na żywo powinien być już dostępny. W naszym pliku index.html brakuje cały czas zmiennej Post ID, żeby ją otrzymać, musimy opublikować nasz post. Tylko opublikowany post otrzymuje swój identyfikator.

screen08

Opublikuj swój post, klikając Transmisja na żywo. Teraz, gdy Twój post jest już opublikowany, musimy wkleić jego ID do pliku index.html. Najprostszym sposobem jest: przejść do Twojego fanpage’a, kliknąć prawym klawiszem myszy na datę publikacji posta (lub napis Przed chwilą) i wybrać Kopiuj łącze.

screen10

Pamiętaj: Post ID to ciąg znaków na końcu skopiowanego łącza. Dla przykładu Post ID zaznaczyliśmy pogrubieniem: https://www.facebook.com/fajnestudiokreatywne/videos/367507676915811/

Gdy mamy już Post ID wystarczy wkleić je do naszego pliku index.html i go zapisać. Teraz należy wrócić do programu OBS, kliknąć dwukrotnie na nasze „źródło obrazu” i w okienku, które wyskoczy kliknąć Ok. Dzięki temu, program OBS odświeży sobie plik index.html, w którym jest już Post ID.

To wszystko! Teraz możesz cieszyć się głosowaniem na żywo na swoim Facebooku!

Jeśli będziesz mieć pytania lub problem, zostaw komentarz lub skontaktuj się z nami przez Facebooka!