Skip to content

Blog Công Nghệ

MENUMENU
  • Trang chủ
  • Giới Thiệu
  • Lập Trình
    • Lập Trình Website
      • Laravel
        • Phân Tích Dự Án
      • PHP
      • SQL
      • HTML
      • CSS
      • Javascipt
      • My Project
      • Wordpress
    • Luyện Skill
    • Lập trình winform
    • CSDL
    • Lập Trình Android
    • Trí tuệ nhân tạo
    • Khai Khoáng Dữ Liệu
    • Arduino
    • Khác
    • Đồ án
  • Phần Mềm
    • Powerpoint
    • Tool
  • Cuộc sống và Giải trí
    • Hợp âm
    • web5ngay - youtube
    • Công Giáo
    • Kỹ Năng Sống
    • Street Workout
  • Danh sách bài viết
  • Guide line
    • Guild line phỏng vấn
    • Guide lines Laravel
    • Guide line Module Frontend
  • Tóm tắt sách
  • Fanpage

Blog Công Nghệ

Nơi chia sẻ kiến thức

Hướng dẫn tích hợp code Chat Messenger trực tiếp của Facebook (real time) vào website.

25 Tháng Tám, 2020 by admin
Lượt xem: 12

Tích hợp chát nền tảng Messenger của facebook vào website giúp bạn dễ dàng tư vấn và chăm sóc khách hàng của mình. Thực hiện đơn giản với 3 bước sau:

Hướng dẫn chèn code Chat Messager trực tiếp của Facebook (real time) vào website.

Hướng dẫn chèn code Chat Messager trực tiếp của Facebook (real time) vào website.

Xem video hướng dẫn để thực hiện:

Contents

    • Bước 1: Lấy ID trang của bạn.
    • Bước 2: Thêm tên miền (thêm miền) mà bạn muốn hiển thị trên website đó.
    • Bước 3: Chèn code vào website
  • Kết Luận

Bước 1: Lấy ID trang của bạn.

Rất đơn giản, truy cập trang (Fan page) mà bạn muốn dùng nó để liên lạc với khách qua website. (Click vào mũi tên tam giác góc phải trên cùng, chọn trang mà bạn muốn sử dụng)

Truy cập trang của bạn

Tại Trang, nhìn Menu bên trái chọn phần Giới thiệu, sau đó kéo xuống dưới sẽ thấy ID trang của bạn (xem hình dưới).

Lấy ID của trang

Bước 2: Thêm tên miền (thêm miền) mà bạn muốn hiển thị trên website đó.

– Vào Cài đặt/Nền tảng Messenger, kéo xuống đến phần “Miền được đưa vào danh sách” nhập đầy đủ tên miền của bạn vào, VD: https://itexpress.vn, có thể nhập nhiều tên miền nếu bạn muốn

Thêm tên miền cho phép hiển thị chat box

Bước 3: Chèn code vào website

Sau khi đã có ID trang, bạn thay vào đoạn code phía dưới.

Ngoài ra bạn có thể thay đổi 2 lời chào.

Rồi copy nguyên đoạn code đó dán vào website trước thẻ đóng </body>

<div id=’fb-root’></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; js = d.createElement(s); js.id = id; js.src = ‘https://connect.facebook.net/vi_VN/sdk/xfbml.customerchat.js#xfbml=1&version=v2.12&autoLogAppEvents=1’; fjs.parentNode.insertBefore(js, fjs); }(document, ‘script’, ‘facebook-jssdk’));</script> <div class=’fb-customerchat’ page_id=’ID của bạn’ theme_color=’#44bec7′ logged_in_greeting=’Xin chào, tôi có thể hổ trợ gì cho bạn không?’ logged_out_greeting=’Xin chào, tôi có thể hổ trợ gì cho bạn không?’></div>

Đối với wordpress, bạn nên chèn vào file fooder.php

Nguồn: https://itexpress.vn/tin-tuc/huong-dan-tich-hop-code-chat-messenger-truc-tiep-cua-facebook-real-time-vao-website.-627.html

Kết Luận

Trên đây là phần mình tìm hiểu và làm theo trang web itexpress.vn, mình thấy nó làm rất nhanh và dễ dàng. Link mình đã làm được: test.tronghao.site/chat.php

Related posts:

  1. Domain và subdomain cho website
  2. Xử lý đăng nhập bằng facebook đơn giản
  3. Tích hợp Page Facebook cho wordpress đơn giản, dễ dàng – không cần plugin
  4. Phân tích Project Website nghe nhạc làm từ Laravel của Sharecode.vn

Post navigation

Previous Post:

Kinh nghiệm wordpress

Next Post:

Nhập xuất dữ liệu excel trong laravel

Trả lời Hủy

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Ẩn sidebar

Tìm kiếm

Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages

Blog Công Nghệ

Bài viết mới

  • Master typescript
  • Sendmail trong Laravel sử dụng dịch vụ SES, SQS của Amazon
  • Install SSL in Nginx Ubuntu
  • Docker study
  • Bảo vệ: Hướng dẫn code bot Telegram easy game

Lượng truy cập

0074593
Visit Today : 189
Visit Yesterday : 178
This Month : 864
Who's Online : 2
© 2025 Blog Công Nghệ | WordPress Theme by Superbthemes