DANH MỤC: API Social

Ứng dụng thống kê tương tác thực qua Video Live Stream


Từ hôm qua đến giờ, mình thấy anh em cả coder lẫn marketing đồn ào lên về xu hướng thống kê tương tác thực thông qua Video Live Stream. Thì hôm nay mình cũng xin giới thiệu cho mọi người về kỹ thuật này.

1,Thống kê tương tác thực trên video Live Stream là gì?

-Thống kê tương tác thực trên video Stream thực ra chỉ là một ứng dụng dựa trên API Facebook(open graph)  cung cấp. -Và trong bài viết này mình cũng đã có bộ code sẵn cho các bạn marketing không biết code cũng có thể làm được.

Demo Ứng dụng:

 Ứng dụng thống kê tương tác thực thông qua Video Live Stream

2,Tải và cài đặt code Live Stream.

a) Download source code và chỉnh sửa giao diện.

-Trước tiên các bạn hãy download bộ code này về và giải nén ra. Download Đoạn code sẽ có cấu trúc như sau:

  • Image: chứa hình nền, ảnh emoji của facebook.
  • js: chứa các code javascript (các bạn không cần quan tâm thư mục này)
  • index.html: Tệp tin hiển thị giao diện tương tác của livestream.

-Để thay đổi hình nền với emoji mặc định các bạn mở tệp tin index.php lên và tìm đến đoạn code sau để chỉnh.

facebook-live

  • Dòng 99: Thay đổi nền của giao diện. Các bạn bỏ url hình ảnh của bạn thay cho đoạn này 'image/background.jpg'.
  • Dòng 100: Thay đổi logo. Các bạn bỏ url hình ảnh của bạn thay cho đoạn này 'http://toidicode.com/wp-content/uploads/2016/11/logo-toi-di-code.png'.
  • Dòng 101 đến dòng 106: Thay đổi icon like,wow,.. của facebook. Các bạn bỏ url hình ảnh tương tự như thay đổi logo.

b)Lấy mã Access Token.

-Để lấy mã accrss token các bạn truy cập vào địa chỉ: https://developers.facebook.com/tools/explorer/

-Sau đó các bạn làm như sau:

Các bạn chọn Graph API Explorer Rồi chọn tiếp đến app của mình(ở đây mình sử dụng app toidicode).

facebook-live2

Sau đó copy tất cả mã ở trong ô text box dán vào dòng 110 trong file index.html

facebook-live3

c)Tiến hành live và lấy postID của bài viết.

-Bước này thì khá đơn giản rồi. +Các bạn truy cập vào trang của mình cần livestreams và tiến hành live stream như bình thường. +Sau đó các bạn làm theo như hình.

Click chuột phải vào video live streams và chọn show url.

2016-11-12_224517

Sau đó các bạn coppy toàn bộ url và tách đoạn số trong url ra (đây chính là postID).

  2016-11-12_224544

  • OK vậy là các bạn đã có mã postID rồi. Giờ các bạn vào tệp tin index.html và tìm đến dòng 111 và thay postID của các bạn vào. Và mở file index.html trên trình duyệt để thưởng xem thành quả.

3,Lời Kết.

-Như vậy là mình đã hướng dẫn các bạn tạo một  Ứng dụng thống kê tương tác thực thông qua Video Live Stream Facebook rồi nhé!. Còn về phần quay livestream màn hình desktop thì trên mạng đã nói quá nhiều rồi lên mình không hướng dẫn nữa.

-Chúc các bạn thành công.

Nguồn: Toidicode.com

Thông tin tác giả

Vũ Thanh Tài

Vũ Thanh Tài

Biển học vô biên, quay đầu là dại!

Hãy tham gia group facebook để cùng giao lưu chia sẻ kiến thức! Tham Gia