31 C
Hanoi
Thứ Sáu, Tháng Ba 29, 2024
spot_img

Tạo thông báo đẩy (Push Notification) cho WordPress với OneSignal

Truy cập:

Chia sẻ:

Thông báo đẩy (Push Notification) hiện nay đang được rất nhiều website áp dụng để gửi thông báo quan trọng cho các khách hàng truy cập vào website ngay trên tại trình duyệt, điều này trở nên phổ biến khi FireFox và Google Chrome bắt đầu hỗ trợ kiểu thông báo này, vì vốn thông báo đẩy được hình thành trên các hệ điều hành điện thoại trước.

Nhìn chung việc sử dụng thông báo đẩy có lợi và tối ưu hơn là các hình thức gửi thông tin khác như Email hay tin nhắn, bởi vì nó đập ngay vào mắt người dùng khi họ mở trình duyệt hoặc mở thiết bị di động. Nếu bạn thực hiện kinh doanh trên website thì nó là một cách rất tối ưu để mời gọi khách hàng quay trở lại website.

pn-chrome
Ví dụ Push Notification trên Google Chrome

 

Có rất nhiều công cụ và dịch vụ khác nhau để tạo các thông báo đẩy này cho website, nhưng nếu bạn sử dụng WordPress và muốn hoàn toàn miễn phí thì hãy sử dụng dịch vụ OneSignal.

Đặc điểm của OneSignal

Dịch vụ OneSignal không chỉ hoàn toàn miễn phí, mà nó còn hỗ trợ khá nền tảng mà bạn có thể cài đặt trên cùng 1 website, bao gồm:

  • Apple iOS
  • Google Android
  • Windows Phone 8.0
  • Windows Phone 8.1
  • Amazon Fire
  • Mac OS X
  • Google Chrome Extension
  • Google Chrome & FireFox
  • Safari

Bên cạnh đó, nó cũng hỗ trợ rất nhiều chức năng hay như:

  • Tự soạn thông báo đẩy theo ý thích.
  • Tùy chọn tự gửi thông báo đẩy khi đăng bài mới trên WordPress.
  • Hẹn giờ gửi thông báo.
  • Tạo segment lọc người dùng đăng ký.
  • Hỗ trợ template thông báo.
  • Hỗ trợ A/B Testing.
  • Có plugin cho WordPress.

Vì vậy đó là lý do mà mình chọn OneSignal và cũng khuyến khích các bạn dùng nó.

Hướng dẫn cài đặt OneSignal

Đầu tiên bạn truy cập vô địa chỉ onesignal.com và chọn Sign Up Free.

Đăng ký tài khoản OneSignal
Đăng ký tài khoản OneSignal

Đăng ký xong bạn hãy đăng nhập vô hệ thống và chọn Add a new app. Rồi đặt tên app bất kỳ.

tạo thông báo đẩy (Push Notification) cho WordPress

Sau khi tạo xong, các bạn chọn Website Push ở phần chọn nền tảng.

tạo thông báo đẩy (Push Notification) cho WordPress

Sau đó chọn Google Chrome & Firefox, yên tâm là các tùy chọn khác chúng ta sẽ bật lên sau.

tạo thông báo đẩy (Push Notification) cho WordPress

Bước này các bạn sẽ cần nhập một số thông tin sau:

tạo thông báo đẩy (Push Notification) cho WordPress

  • Site URL: Địa chỉ website của bạn.
  • Google Server API Key: Cái này bạn xem ở dưới để biết cách lấy Google Server API Key.
  • Default Notification Icon URL: Đường dẫn icon hiển thị trên thông báo, bạn có thể bỏ link logo vào.
  • Choose Subdomain: Đặt tên subdomain cho app của bạn ở OneSignal.
  • Google Project Number: Hay còn gọi là Sender ID, xem ở dưới để biết cách lấy Google Project Number.
Cách lấy Google Server API Key và Google Project Number:
Hãy truy cập vào đường dẫn này. Sau đó tạo một Google App mới.
Tạo thông báo đẩy (Push Notification) cho WordPress với OneSignal
Sau đó chọn Enable Cloud Messaging.
Tạo thông báo đẩy (Push Notification) cho WordPress với OneSignal
Ok, và bây giờ bạn đã có các thông tin mà bạn cần như Google Server API KeySender ID (trong thiết lập OneSignal nó gọi là Google Project ID). Nhớ copy các thông tin này lại chút nữa chúng ta cần dùng đến.
Tạo thông báo đẩy (Push Notification) cho WordPress với OneSignal
Bây giờ có thể tắt và thoát ra ngoài được rồi.
Quay về trang OneSignal. Ta tiếp tục chọn WordPress nếu bạn dùng website WordPress.

Tạo thông báo đẩy (Push Notification) cho WordPress với OneSignal

Tiếp tục tới bước này, bạn hãy vào website WordPress của bạn và cài plugin OneSignal – Free Web Push Notifications để nhúng nó vào website. Khi cài đặt, bạn hãy điền Rest API KeyApp ID của OneSignal cùng với Google Project ID (Sender ID) vào.

Tạo thông báo đẩy (Push Notification) cho WordPress với OneSignal

Cài plugin xong vào WP-Admin -> OneSignal Push mà điền các thông tin này vào.

Tạo thông báo đẩy (Push Notification) cho WordPress với OneSignal

Các thiết lập OneSignal bên trong website WordPress của bạn phải được thiết lập đầy đủ nha, kể cả mấy dòng chữ vì nếu không điền hết nó không kích hoạt được. Đặc biệt ngay phần Popup Settings, bạn phải bấm Preview Popup thì mới hoàn thành thiết lập được.

Xem thiết lập của ThachPham

Tạo thông báo đẩy (Push Notification) cho WordPress

Sau khi thiết lập xong, bạn ra trang chủ và tự mình đăng ký nhận thông báo để xác nhận. Lưu ý nếu website có cài cache thì xóa cache đi nhé.

Tạo thông báo đẩy (Push Notification) cho WordPress

Chọn Tiếp Tục và chọn Allow.

Tạo thông báo đẩy (Push Notification) cho WordPress

Bây giờ quay lại trang OneSignal và ấn nút Check Subscribed Users, sau đó chọn Next.

Tạo thông báo đẩy (Push Notification) cho WordPress

Kế tiếp là ấn nút Send Test Notification. Nếu bạn nhận được thông báo đẩy thử nghiệm, hãy click vào nó.

Tạo thông báo đẩy (Push Notification) cho WordPress

Sau khi click vào thông báo thử nghiệm, nó sẽ dẫn ra một trang báo bạn đã thiết lập thành công.

Tạo thông báo đẩy (Push Notification) cho WordPress

Quay lại trang OneSignal và ấn nút Check Notification Status để hoàn tất.

Cách gửi thông báo đẩy khi có bài viết mới

Khi bạn soạn bài, hãy nhìn bên tay phải của trang soạn thảo bài viết sẽ thấy phần tùy chọn gửi thông báo khi đăng bài mới, click vào để gửi thông báo khi bạn đăng lên.

Tạo thông báo đẩy (Push Notification) cho WordPress

Tương tự với việc cập nhật bài viết cũ nhé.

Cách gửi thông báo tùy chọn

Để gửi thông báo tùy chọn bạn cần phải đăng nhập vào OneSignal và chọn New Message.

Tạo thông báo đẩy (Push Notification) cho WordPress

Ở đây bạn có thể soạn tiêu đề và nội dung thông báo. Nếu bạn muốn chèn link khi người dùng click vào thông báo thì nhập ở phần Options nhé.

Tạo thông báo đẩy (Push Notification) cho WordPress

Cách kích hoạt những nền tảng khác

Mặc định khi đăng ký thì bạn chỉ chọn một nền tảng gửi thông báo thôi. Nhưng OneSignal còn hỗ trợ rất nhiều nền tảng khác nếu họ truy cập vào website bạn, ví dụ nếu người dùng Android vào website bạn thì bạn có thể bật tính năng thông báo đẩy của Android.

Để kích hoạt, bạn vào phần App Settings trong trang chủ OneSignal và ấn nút Configure của từng nền tảng bạn muốn kích hoạt.

Tạo thông báo đẩy (Push Notification) cho WordPress

Để xem hướng dẫn chi tiết của từng nền tảng kèm hình ảnh, bạn hãy truy cập vào trang OneSignal Documentation nhé.

Ok, bây giờ website của bạn đã có hỗ trợ thông báo đẩy rồi đó. Nhớ là hãy sử dụng có ý thức, đừng lạm dụng để spam làm ảnh hưởng đến những website khác có dùng thông báo đẩy nhé.

Một số dịch vụ thông báo đẩy khác

Nếu bạn muốn có nhiều lựa chọn ngoài OneSignal thì dưới đây là một số dịch vụ nổi bật bạn nên biết:

Bài viết được tham khảo từ Thạch Phạm

Công Việt Blog
Công Việt Bloghttps://congvietit.com
Chào các bạn, mình là Công Việt, mình đến từ kênh Youtube Công Việt Blog. Blog này hiểu đơn giản mình viết những thứ mình học được, áp dụng được và cung cấp những tài nguyên mà mình sử dụng, cũng là nơi để mình lưu trữ tài nguyên. Phần "Thành viên VIP" với gói chỉ 50k để giúp mình duy trì website mà thôi, hi vọng được sự ủng hộ của các bạn.
banner quang cao hostinger-congvietblog-congvietit
ma giam gia khi mua hosting vps congvietitcom

Bài viết liên quan

Chia sẻ File Photoshop quảng cáo Mỹ Phẩm ra nhiều data nhất của Công Việt Blog

Hê nhô, dưới đây là 1 trong những mẫu ảnh quảng cáo mình chạy hiệu quả nhất trong...

Kích thước hình ảnh quảng cáo bài viết Facebook chuẩn 2024

Một bài viết quảng cáo thì không thể thiếu hình ảnh, mà đơn giản 1 bài viết trên...

Hướng dẫn chèn Messenger Facebook vào Website

Chào mừng đến với hướng dẫn chính thức của Công Việt Blog về cách chèn Messenger Facebook vào...

Hướng dẫn trang trí cành Mai – Câu đối đón Tết cho Website

Trong nền văn hóa Việt Nam, việc trang trí đón Tết không chỉ là một truyền thống mà...
Trang trí đón tết cho blog/website bằng hình ảnh câu đối, cành mai Trang trí đón tết cho blog/website bằng hình ảnh câu đối, cành mai