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

0
62

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 FireFoxGoogle 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.

locdang.com-PN-on-googlec-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.

locdang.com-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ỳ.

onesignal-02

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

onesignal-04

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.

onesignal-05

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

onesignal-09

  • 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.
[toggle title=”Cách lấy Google Server API và Google Project Number” state=”close”]

Hãy truy cập vào đường dẫn này. Sau đó tạo một Google App mới.

onesignal-06

Sau đó chọn Enable Cloud Messaging.

onesignal-07

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.

onesignal-08

Bây giờ có thể tắt và thoát ra ngoài được rồi.

 

[/toggle]

Tiếp tục chọn WordPress nếu bạn dùng website WordPress

onesignal-10

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 Key và App ID của OneSignal cùng với Google Project ID (Sender ID) vào.

onesignal-11

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

onesignal-12

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.

[toggle title=”Xem phần thiết lập của mình tại đây” state=”close”]

onesignal-13

[/toggle]

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é.

Cách tạo thông báo đẩy (Push Notification) cho WordPress với OneSignal
Đánh giá bài viết !

Nếu yêu thích LocDang.Com thì hãy đăng ký theo dõi để nhận tin tức mới nhất và đừng quên Like và Follow mình trên Facebook Twitter nhé.
Để lại ý kiến nhận xét tại đây !!

Chưa có bình luận nào cho bài viết này. Bạn hay là người đầu tiên nhé.

    • Xin chào, khách