Web1013 lab13

LAB 13: TÍCH HỢP TIỆN ÍCH INTERNET LAB 13: TÍCH HỢP TIỆN ÍCH INTERNET  -MỤC TIÊU: Kết thúc thực hành bạn có khả  Nhúng nút Like nút Share  Nhúng Comment BÀI (3 ĐIỂM) Đăng k{ tài khoản facebook developer tạo web application  Bước 1: vào https://developers.facebook.com Nhấp [Register] > [Yes] > Next  Bước 2: WEB1013 – XÂY DỰNG TRANG WEB TRANG LAB 13: TÍCH HỢP TIỆN ÍCH INTERNET Nhập số điện thoại > [Send as Text] > Nhập mã vào Confirmation Code > Register  Bước 3: Kết thúc đăng k{ facebook developer Nhấp [Done] Bước 4: Tạo ứng dụng WEB1013 – XÂY DỰNG TRANG WEB TRANG LAB 13: TÍCH HỢP TIỆN ÍCH INTERNET Nhấp [WWW] Bước 5: Tạo mã ứng dụng Nhập địa website bạn Hiện nhập tạm poly.edu.vn, sau upload website lên host bạn nhập địa thức sau > [Create New Facebook App ID] Bước 6: Tiếp tục tạo APP ID WEB1013 – XÂY DỰNG TRANG WEB TRANG LAB 13: TÍCH HỢP TIỆN ÍCH INTERNET Cung cấp thông số ứng dụng phù hợp > chọn loại ứng dụng > [Create App ID] Bước 7: Xác nhận mã bảo mật Nhập xác mã captcha > [Submit] để hoàn thành việc tạo ứng dụng BÀI (4 ĐIỂM) Nhúng nút Like + Share vào trang web WEB1013 – XÂY DỰNG TRANG WEB TRANG LAB 13: TÍCH HỢP TIỆN ÍCH INTERNET  Bước 1: Tạo trang web bất kz  Bước 2: Vào trang sau để tiến hành tạo nút Like nút Share https://developers.facebook.com/docs/plugins/like-button  Bước 3: Cung cấp thông số vào form để tạo nút • URL to Like: địa trang cần like share • Layout: hình thức hiển thị nút • Button Size: kích thước • Action Type: kiểu nút • Include Share Button: kèm nút share hay khơng • Show Friends’ Faces: Hiển thị avatar thành viên like  Bước 4: Nhấp nút Get Code để lấy mã tích hợp WEB1013 – XÂY DỰNG TRANG WEB TRANG LAB 13: TÍCH HỢP TIỆN ÍCH INTERNET • Step 1: chọn ứng dụng ngơn ngữ • Step 2: Chép mã JavaScript SDK dán vào sau thẻ mở Mã chép lần dùng cho tất tiện ích khác Comment, Video… sau • Step 3: chép mã tích hợp nút đặt vào vị trí muốn hiển thị nút like share Mã đặt nhiều nơi, { khác URL to Like cách thay đổi giá trị thuộc tính data-href  Bước 5: Chạy trang web xem nút hiển thị BÀI (3 ĐIỂM) Nhúng Comment vào trang web cho phép khách web đưa bình luận trang web bạn WEB1013 – XÂY DỰNG TRANG WEB TRANG LAB 13: TÍCH HỢP TIỆN ÍCH INTERNET Hướng dẫn  Bước 1: Tạo trang web bất kz  Bước 2: Vào trang web sau để tạo Comment https://developers.facebook.com/docs/plugins/comments  Bước 3: Nhập thông số vào form để tạo Comment o URL to comment on: Địa URL muốn comment o Width: Chiều rộng khung comment, nên để 100% o Number of Posts: Số comment nhìn thấy, nhiều phải cuộn o Nhấp [Get Code] để lấy mã tích hợp  Bước 4: Lấy mã tích hợp nhúng vào trang web o Nếu trang web chưa nhúng JavaScript SDK thực hướng dẫn o Chép mã tích hợp Step đặt vào nơi muốn đặt comment WEB1013 – XÂY DỰNG TRANG WEB TRANG ... Code > Register  Bước 3: Kết thúc đăng k{ facebook developer Nhấp [Done] Bước 4: Tạo ứng dụng WEB1013 – XÂY DỰNG TRANG WEB TRANG LAB 13: TÍCH HỢP TIỆN ÍCH INTERNET Nhấp [WWW] Bước 5: Tạo mã... website lên host bạn nhập địa thức sau > [Create New Facebook App ID] Bước 6: Tiếp tục tạo APP ID WEB1013 – XÂY DỰNG TRANG WEB TRANG LAB 13: TÍCH HỢP TIỆN ÍCH INTERNET Cung cấp thơng số ứng dụng... captcha > [Submit] để hồn thành việc tạo ứng dụng BÀI (4 ĐIỂM) Nhúng nút Like + Share vào trang web WEB1013 – XÂY DỰNG TRANG WEB TRANG LAB 13: TÍCH HỢP TIỆN ÍCH INTERNET  Bước 1: Tạo trang web bất